.rs-gallery{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-bottom: 20px;
}
@media (max-width: 992px){ .rs-gallery{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px){ .rs-gallery{ grid-template-columns: 1fr; } }
.rs-shot{
display:block; width:100%; max-width:820px; margin:12px 0;
border:1px solid var(--rs-border); border-radius:14px; overflow:hidden;
box-shadow:0 6px 18px rgba(16,19,34,.10); cursor:zoom-in; background:#fff;
cursor: url('data:image/svg+xml;utf8,\
') 6 6, zoom-in;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.rs-shot img{ width:100%; height:auto; display:block; }
.rs-shot figcaption{ padding:10px 12px; font-size:16px; font-weight:500; color:#222; background:#fff; }
/* lightbox */
.rs-lightbox{ position:fixed; inset:0; z-index:9999; display:none; }
.rs-lightbox.active{ display:block; }
.rs-backdrop{ position:absolute; inset:0; background:rgba(10,12,20,.76); backdrop-filter:blur(2px); }
.rs-modal{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:clamp(8px,4vw,40px); }
.rs-canvas{ position:relative; max-width:92vw; max-height:86vh; border-radius:16px; overflow:hidden; background:#0b1020; box-shadow:0 20px 60px rgba(0,0,0,.35);}
.rs-canvas img{ display:block; max-width:100%; max-height:86vh; width:auto; height:auto; margin:auto; }
.rs-btn{
position:absolute; top:50%; transform:translateY(-50%);
width:46px; height:46px; border-radius:999px; border:2px solid rgb(0 0 0 / 35%);
background:rgb(15 18 30 / 0%); color:black; display:grid; place-items:center;
backdrop-filter: blur(10px);
}
.rs-btn:hover{ transform:translateY(-50%) scale(1.04); background:rgba(15,18,30,.72);color:white; }
.rs-prev{ left:clamp(6px,2vw,18px); } .rs-next{ right:clamp(6px,2vw,18px); }
.rs-close{ top:clamp(6px,2vh,18px); right:clamp(6px,2vw,18px); transform:none; }
/* крестик без ховер-анимации */
.rs-close:hover{ transform:none; background:rgba(15,18,30,.55); }
.rs-counter{
position:absolute; bottom:10px; left:50%; transform:translateX(-50%);
color:black; font-size:13px; background:rgb(255 255 255 / 55%);
padding:6px 10px; border-radius:999px; border:2px solid rgb(0 0 0 / 35%);backdrop-filter: blur(10px);}
body.rs-lock{ overflow:hidden; touch-action:none; }
/* Ховер-лупа + затемнение превью (включается только там, где есть hover) */
@media (hover:hover) and (pointer:fine) {
.rs-shot{ position:relative; cursor:zoom-in; }
/* лёгкое затемнение */
.rs-shot::after{
content:"";
position:absolute; inset:0;
background:
radial-gradient(160px 90px at 18% 18%, rgba(0,0,0,.18), rgba(0,0,0,.32));
opacity:0;
transition: opacity .22s ease;
pointer-events:none;
}
.rs-shot:hover::after,
.rs-shot:focus-visible::after{ opacity:1; }
.rs-shot:hover::before,
.rs-shot:focus-visible::before{ opacity:1; transform: scale(1); }
}
*{box-sizing:border-box;margin:0;padding:0;}
body,html{height:100%;color:var(--text-main);}
.studio-template {
}
.35rem{
margin-top: 35rem;
}
.telegram-button {
display: inline-flex;
align-items: center;
background-color: #068ef2;
color: white !important;
padding: 10px;
border-radius: 4px;
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: 500;
text-decoration: none;
transition: background-color 0.3s;
height: 50px;
gap: 10px;
}
.telegram-button:hover {
background-color: #222;
}
.telegram-button img {
width: 28px;
height: 28px;
margin-right: 12px;
}
.telegram-text {
display: flex;
flex-direction: column;
line-height: 1;
}
.telegram-text .top {
font-size: 12px;
font-weight: 400;
}
.telegram-text .bottom {
font-size: 14px;
font-weight: 600;
}
::-webkit-scrollbar {
height: 5px; /* Делаем горизонтальную полосу прокрутки лучше */
width: 10px;
border-radius: 16px;
}
::-webkit-scrollbar-thumb {
height: 5px; /* Делаем горизонтальную полосу прокрутки лучше */
background: gray; /* Придаем ей серость цвета мокруга */
border-radius: 16px;
}
.message-block {
margin-top: 20px;
border-radius: 16px;
border: 1px solid #ededed;
background: #fff;
display: flex;
padding: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 10px;
}
.news-section {
}
.news-item {
display: flex;
position: relative;
min-height: 70px;
max-width: 800px;
margin-bottom: 30px;
flex-direction: column;
}
.news-item__date {
position: absolute;
top: 0;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #000000;
}
.news-item__day {
display: block;
font-size: 24px;
line-height: 1;
}
.news-item__month {
font-size: 12px;
color: #555555;
text-transform: lowercase;
}
.news-item__content {
margin-top: 30px; /* Оставляем пространство для даты */
}
.news-item__title {
font-size: 32px;
font-weight: 700;
margin: 0 0 10px;
}
.news-item__description {
font-size: 16px;
line-height: 1.6;
color: #333333;
margin: 0 0 10px;
}
.news-item__category_date {
font-size: 12px;
color: #aaaaaa;
letter-spacing: 0.5px;
padding: 20px 0;
font-weight: 500;
}
/*мобильная версия */
@media (max-width: 768px), (max-width: 360px) {
.frames{flex- }
.social-icons_footer{
text-align:left!important;
align-items: flex-start!important;
}
.social-icons_footer a+a {
margin-left: 0px!important;
}
svg.wa {
width: 36px;
height: 36px;
}
svg#Layer_1 {
width: 48px;
height: 48px;
}
.comments-section-block {
flex-direction:column;
align-items: normal!important;
}
.share__links {
margin-left: 0!important;
margin-top:20px;
}
.avatar-preview {
display:none;
}
}
/* Контейнер */
.comments-container__link {
display: flex;
align-items: center;
color: #015ccb;
cursor: pointer;
}
/* Ссылка */
.comments-link {
display: flex;
align-items: center;
text-decoration: none;
color: #015ccb;
gap: 10px;
}
.comments-link:hover {
text-decoration: underline;
}
/* Иконка */
.comments-icon {
fill: #015ccb;
width: 24px;
height: 24px;
}
/* Текст */
.comments-text {
font-size: 16px;
font-weight:500;
}
.comments-section-block {
display: flex;
align-items: center;
font-size: 16px;
font-weight:400;
margin: 50px 0;
}
.share__links {
margin-left: auto;
display: flex;
align-items: center;
color: #757575;
}
.ya-share2__container_size_s .ya-share2__badge .ya-share2__icon {
height: 32px;
width: 32px;
background-size: 24px 24px;
}
.share {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #c4c4c4
}
.share_panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 24px
}
.share__text {
display: none;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
margin-right: 16px;
color: rgba(0,0,0,.5)
}
@media screen and (max-width: 374px) {
.share__text {
line-height:1.38
}
}
.share .ya-share2 {
display: inline-block
}
.share .ya-share2 .ya-share2__list {
vertical-align: middle
}
.share .ya-share2 .ya-share2__list_direction_horizontal>.ya-share2__item:not(:last-child) {
margin-right: 8px
}
.share .ya-share2 .ya-share2__icon {
height: 32px;
width: 32px;
border-radius: 8px;
background-position: 50%!important;
background-repeat: no-repeat!important
}
.share .ya-share2 .ya-share2__counter {
font-size: 14px;
line-height: 21px;
font-weight: 700;
text-shadow: 0 0 6px rgba(0,0,0,.04);
padding: 0 10px 0 5px
}
.share .ya-share2 .ya-share2__counter:before {
display: none
}
.share .ya-share2 :link:hover,.share .ya-share2 :visited:hover {
text-decoration: none
}
.share .ya-share2 .ya-share2__badge {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 32px;
-webkit-transition: background .2s;
transition: background .2s
}
.share .ya-share2 .ya-share2__item {
margin-left: 0;
text-indent: 0
}
.share .ya-share2 .ya-share2__item:before {
content: none
}
.share .ya-share2 .ya-share2__item_service_vkontakte .ya-share2__link:hover .ya-share2__badge {
background-color: #2787f5
}
.share .ya-share2 .ya-share2__item_service_facebook .ya-share2__link:hover .ya-share2__badge {
background-color: #3b5998
}
.share .ya-share2 .ya-share2__item_service_twitter .ya-share2__link:hover .ya-share2__badge {
background-color: #00aced
}
.share .ya-share2 .ya-share2__item_service_telegram .ya-share2__link:hover .ya-share2__badge {
background-color: #33b2e1
}
.share .ya-share2__item_service_odnoklassniki .ya-share2__link:hover .ya-share2__badge {
background-color: #ff8d0c
}
@media screen and (min-width: 768px) {
.share_panel {
margin:24px 0 32px;
padding: 16px 0 0;
border-top: 1px solid #e2e2e2
}
}
@media screen and (min-width: 992px) {
.share__text {
display:block
}
}
.error-code {
color: #a0a0a0;
font-size: 1rem;
line-height: 1;
font-weight: 400;
vertical-align: top;
padding-left: 5px;
}
.social-icons a svg path {
transition: 0.3s;
}
.social-icons a:hover svg path {
transition: 0.3s;
}
.social-icons_footer a svg path {
transition: 0.3s;
}
.social-icons_footer a:hover svg path {
transition: 0.3s;
}
.studio-template .social-icons_footer a:hover{color:#222!important;border:1px solid #bcbcbc!important;}
.studio-template .social-icons_footer a:hover{border:1px solid #bcbcbc!important;}
.social-icons_footer{ display:flex;flex-direction:column;gap:10px;align-items:flex-end;}
.search-form:before {
position: absolute;
top: 50%;
left: 22px;
margin: -15px 0 0;
content: '';
display: block;
width: 30px;
height: 30px;
background: url(/products/files/icons8-search.svg) no-repeat;
background-size: cover;
}
.search_field{
position:relative;
margin-bottom:20px;
}
.search_field:before{
position: absolute;
top: 50%;
left: 22px;
margin: -15px 0 0;
content: '';
display: block;
width: 30px;
height: 30px;
background: url(/products/files/icons8-search.svg) no-repeat;
background-size: cover;
}
.search_field:after {
position: absolute;
top: 50%;
right: 22px;
margin-top: -15px;
content: '';
display: none; /* Скрыто по умолчанию */
width: 30px;
height: 30px;
background: url(/products/files/5925598_circle_close_delete_icon.svg) no-repeat;
background-size: cover;
cursor: pointer;
}
.search_field.has-text:after {
display: block; /* Показываем крестик, если есть текст */
}
.highlight {
background-color: yellow; /* Цвет подсветки */
font-weight: bold;
}
.section-block__content_services a {
color:#222;
}
.line {
fill: none;
stroke: black;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
@media screen and (max-width:767px) {
.buttons_order_products {
flex-direction: column!important;
align-items: flex-start;
gap: 10px;
}
}
.buttons_order_products {
display: flex;
justify-content: space-between;
}
.datamobile_slides img {
width:auto;
height:640px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}
.datamobiles_slider {
display:flex;
flex-wrap:wrap;
justify-content:space-around;
}
.block-product-screenshots-carousel .swiper-slide img {
width: auto;
height: 640px;
display: block;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
border-radius: 24px;
}
.datamobile .block-product-screenshots-carousel .swiper-container {
padding: 0 0 60px;
}
.datamobile .wrapper_link {
display: flex;
}
.datamobile .card-price__body {
text-align: center;
display: flex;
flex-direction: column;
height: 100%;
gap:10px;
}
.datamobile .card-price__title {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
text-align: left;
margin-bottom: 10px;
}
.datamobile .card-price__subtitle {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px;
margin-top: 0;
text-align: left;
margin-bottom: 20px;
}
.datamobile .card-price__price {
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 22px;
text-align: left;
margin-bottom: 24px;
}
.datamobile .card-price__list {
text-align: left;
margin-bottom: 45px;
font-size: 14px;
flex-grow: 1;
}
.datamobile .card-price__list ul {
padding: 0;
margin: 0;
font-size: 14px;
color: #8F9294;
list-style: none;
}
.datamobile .card-price__list ul li {
margin-bottom: 10px;
}
.products .wrapper_link {
display: flex;
}
.products .card-price__body {
text-align: center;
display: flex;
flex-direction: column;
height: 100%;
gap: 10px;
}
.products .card-price__title {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
text-align: left;
margin-bottom: 10px;
}
.products .card-price__subtitle {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px;
margin-top: 0;
text-align: left;
margin-bottom: 20px;
}
.products .card-price__price {
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 22px;
text-align: left;
margin-bottom: 24px;
}
.products .card-price__list {
text-align: left;
margin-bottom: 45px;
font-size: 14px;
flex-grow: 1;
}
.products .card-price__list ul {
padding: 0;
margin: 0;
font-size: 14px;
color: #8F9294;
list-style: none;
}
.products .card-price__list ul li {
margin-bottom: 10px;
}
.breadcrumbs {
color: #6b6b6b;
font-size: 0;
line-height: normal;
padding: 15px 0
}
.breadcrumbs.bordered {
border-bottom: 1px solid #efefef;
border-bottom: 1px solid rgba(0,0,0,.07)
}
.breadcrumbs_invert {
color: #fff
}
.breadcrumbs_invert .breadcrumbs-item a {
color: #fff!important
}
.breadcrumbs-item {
display: inline;
position: relative;
margin-left: 0;
margin-right: 4px;
white-space: nowrap;
color: rgba(0,0,0,.5);
font-size: 16px;
line-height: 1.5;
text-indent: 0
}
.breadcrumbs-item:before {
content: none
}
.breadcrumbs-item:last-child {
margin-right: 0
}
.breadcrumbs-item a {
color: inherit!important;
margin-right: 4px
}
.breadcrumbs-item a:hover{
text-decoration: underline;
}
.breadcrumbs-item a:last-child {
margin-right: 0
}
.breadcrumbs-item__arrow {
font-size: .75em
}
@media screen and (max-width: 767px) {
.breadcrumb-wrap {
margin:0
}
.breadcrumb {
margin: 12px 0
}
}
@media screen and (min-width: 768px) {
.breadcrumbs-item,.breadcrumbs-item a {
margin-right:8px
}
}
.content-head {
text-align: center
}
.content-head.content-head_align-left {
text-align: left
}
.content-head.content-head_redesigned {
padding-top: 24px;
padding-bottom: 48px
}
.content-head.content-head_redesigned .container {
width: calc(100% - var(--section-side-gutters))!important;
padding-left: 0;
padding-right: 0
}
.content-head.content-head_redesigned .content-head__title,.content-head.content-head_redesigned .content-head__title h1 {
font-size: 28px;
line-height: 1.29;
font-weight: 700;
margin: 0
}
@media screen and (max-width: 374px) {
.content-head.content-head_redesigned .content-head__title,.content-head.content-head_redesigned .content-head__title h1 {
line-height:1.21
}
}
.content-head.content-head_redesigned .content-head__title:not(:first-child) {
margin-top: 32px;
margin-top: var(--spacer-small,32px)
}
.content-head.content-head_redesigned .content-head__breadcrumbs {
margin: 8px 0 0;
padding: 0
}
.content-head.content-head_redesigned .content-head__breadcrumbs .breadcrumbs-item {
font-size: 14px;
line-height: 1.57
}
@media screen and (max-width: 374px) {
.content-head.content-head_redesigned .content-head__breadcrumbs .breadcrumbs-item {
line-height:1.43
}
}
.content-head.content-head_redesigned .content-head__lead,.content-head.content-head_redesigned .content-head__lead .text {
font-size: 22px;
line-height: 1.45;
font-weight: 400
}
@media screen and (max-width: 374px) {
.content-head.content-head_redesigned .content-head__lead,.content-head.content-head_redesigned .content-head__lead .text {
line-height:1.27
}
}
.content-head.content-head_redesigned .content-head__lead .text b,.content-head.content-head_redesigned .content-head__lead b {
font-weight: 600
}
@media screen and (max-width: 991px) {
.content-head.content-head_redesigned .content-head__lead,.content-head.content-head_redesigned .content-head__lead .text {
font-size:20px;
line-height: 1.5
}
}
@media screen and (max-width: 991px)and (max-width:374px) {
.content-head.content-head_redesigned .content-head__lead,.content-head.content-head_redesigned .content-head__lead .text {
line-height:1.3
}
}
@media screen and (max-width: 767px) {
.content-head.content-head_redesigned .content-head__lead,.content-head.content-head_redesigned .content-head__lead .text {
font-size:18px;
line-height: 1.44
}
}
@media screen and (max-width: 767px)and (max-width:374px) {
.content-head.content-head_redesigned .content-head__lead,.content-head.content-head_redesigned .content-head__lead .text {
line-height:1.33
}
}
.content-head.content-head_redesigned .content-head__lead .text p,.content-head.content-head_redesigned .content-head__lead p {
font-size: 22px;
line-height: 1.45;
margin-top: 0;
margin-bottom: 24px;
font-weight: 400
}
@media screen and (max-width: 374px) {
.content-head.content-head_redesigned .content-head__lead .text p,.content-head.content-head_redesigned .content-head__lead p {
line-height:1.27
}
}
.content-head.content-head_redesigned .content-head__lead .text p:first-child,.content-head.content-head_redesigned .content-head__lead p:first-child {
margin-top: 0
}
.content-head.content-head_redesigned .content-head__lead .text p:last-child,.content-head.content-head_redesigned .content-head__lead p:last-child {
margin-bottom: 0
}
.content-head.content-head_redesigned .content-head__lead .text p b,.content-head.content-head_redesigned .content-head__lead p b {
font-weight: 600
}
@media screen and (max-width: 991px) {
.content-head.content-head_redesigned .content-head__lead .text p,.content-head.content-head_redesigned .content-head__lead p {
font-size:20px;
line-height: 1.5;
margin-top: 0;
margin-bottom: 24px
}
}
@media screen and (max-width: 991px)and (max-width:374px) {
.content-head.content-head_redesigned .content-head__lead .text p,.content-head.content-head_redesigned .content-head__lead p {
line-height:1.3
}
}
@media screen and (max-width: 991px) {
.content-head.content-head_redesigned .content-head__lead .text p:first-child,.content-head.content-head_redesigned .content-head__lead p:first-child {
margin-top:0
}
}
@media screen and (max-width: 991px) {
.content-head.content-head_redesigned .content-head__lead .text p:last-child,.content-head.content-head_redesigned .content-head__lead p:last-child {
margin-bottom:0
}
}
@media screen and (max-width: 767px) {
.content-head.content-head_redesigned .content-head__lead .text p,.content-head.content-head_redesigned .content-head__lead p {
font-size:18px;
line-height: 1.44;
margin-top: 0;
margin-bottom: 20px
}
}
@media screen and (max-width: 767px)and (max-width:374px) {
.content-head.content-head_redesigned .content-head__lead .text p,.content-head.content-head_redesigned .content-head__lead p {
line-height:1.33
}
}
@media screen and (max-width: 767px) {
.content-head.content-head_redesigned .content-head__lead .text p:first-child,.content-head.content-head_redesigned .content-head__lead p:first-child {
margin-top:0
}
}
@media screen and (max-width: 767px) {
.content-head.content-head_redesigned .content-head__lead .text p:last-child,.content-head.content-head_redesigned .content-head__lead p:last-child {
margin-bottom:0
}
}
.content-head.content-head_redesigned .content-head__lead,.content-head.content-head_redesigned .content-head__lead .text p:last-child .button,.content-head.content-head_redesigned .content-head__lead p:last-child .button,.content-head.content-head_redesigned .content-head__other-controls {
margin-top: 16px
}
.content-head.content-head_redesigned+* {
margin-top: 0
}
.content-head__other-controls.content-head__other-controls>:last-child {
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.content-head.content-head_redesigned {
padding-top:32px;
padding-bottom: 64px
}
.content-head.content-head_redesigned .content-head__title,.content-head.content-head_redesigned .content-head__title h1 {
font-size: 36px;
line-height: 1.17
}
.content-head.content-head_redesigned .content-head__breadcrumbs {
margin: 8px 0
}
.content-head.content-head_redesigned .content-head__breadcrumbs .breadcrumbs-item {
font-size: 16px;
line-height: 1.5
}
}
@media screen and (min-width: 768px)and (max-width:374px) {
.content-head.content-head_redesigned .content-head__breadcrumbs .breadcrumbs-item {
line-height:1.38
}
}
@media screen and (min-width: 768px) {
.content-head.content-head_redesigned .content-head__lead,.content-head.content-head_redesigned .content-head__other-controls {
margin-top:24px
}
}
@media screen and (min-width: 768px) {
.content-head__inner {
display:inline-block;
max-width: 83.33333333%;
width: 100%
}
}
@media screen and (min-width: 768px) {
.content-head__lead {
width:100%;
display: inline-block;
max-width: 80%
}
}
@media screen and (min-width: 992px) {
.content-head.content-head_redesigned {
padding-top:20px;
padding-bottom: 72px
}
.content-head.content-head_redesigned .content-head__title,.content-head.content-head_redesigned .content-head__title h1 {
font-size: 40px;
line-height: 1.2
}
}
@media screen and (min-width: 992px)and (max-width:374px) {
.content-head.content-head_redesigned .content-head__title,.content-head.content-head_redesigned .content-head__title h1 {
line-height:1.1
}
}
@media screen and (min-width: 992px) {
.content-head.content-head_redesigned .content-head__lead,.content-head.content-head_redesigned .content-head__other-controls {
margin-top:32px
}
}
.content-head.content-head_redesigned .content-head__title,.content-head.content-head_redesigned .content-head__title h1 {
font-size: 48px;
line-height: 1.13
}
}
@media screen and (min-width: 1200px)and (max-width:374px) {
.content-head.content-head_redesigned .content-head__title,.content-head.content-head_redesigned .content-head__title h1 {
line-height:1
}
}
@media screen and (min-width: 1440px) {
.content-head.content-head_redesigned {
padding-bottom:96px
}
.content-head.content-head_redesigned .content-head__title.content-head__title_size-small,.content-head.content-head_redesigned .content-head__title.content-head__title_size-small h1 {
font-size: 48px;
line-height: 1.13
}
}
@media screen and (min-width: 1440px)and (max-width:374px) {
.content-head.content-head_redesigned .content-head__title.content-head__title_size-small,.content-head.content-head_redesigned .content-head__title.content-head__title_size-small h1 {
line-height:1
}
}
@media screen and (min-width: 1440px) {
.content-head.content-head_redesigned .content-head__title.content-head__title_size-medium,.content-head.content-head_redesigned .content-head__title.content-head__title_size-medium h1 {
font-size:56px;
line-height: 1.14
}
}
@media screen and (min-width: 1440px)and (max-width:374px) {
.content-head.content-head_redesigned .content-head__title.content-head__title_size-medium,.content-head.content-head_redesigned .content-head__title.content-head__title_size-medium h1 {
line-height:1
}
}
@media screen and (min-width: 1440px) {
.content-head.content-head_redesigned .content-head__title.content-head__title_size-large,.content-head.content-head_redesigned .content-head__title.content-head__title_size-large h1 {
font-size:64px;
line-height: 1
}
}
.lp-styles .text ol>li, .lp-styles .text ul>li {
list-style-type: none;
text-indent: 0;
margin-left: 0;
padding-left: 28px;
position: relative;
}
.lp-styles .text ol>li:before, .lp-styles .text ul>li:before {
left: 0;
right: auto;
position: absolute;
color: currentColor;
}
.lp-styles .text ul>li:before {
content: "— ";
position: relative;
right: .1666666667em;
color: currentColor;
font-weight: 400;
}
.article-advertising {
padding: 40px;
-webkit-box-shadow: 0 8px 20px rgba(0,0,0,.1);
box-shadow: 0 8px 20px rgba(0,0,0,.1)
}
.article-advertising__title {
margin: 16px 0 20px;
font-size: 24px;
line-height: 1.33;
font-weight: 600;
font-weight: 500
}
@media screen and (max-width: 374px) {
.article-advertising__title {
line-height:1.25
}
}
@media screen and (max-width: 991px) {
.article-advertising__title {
font-size:22px;
line-height: 1.45
}
}
@media screen and (max-width: 991px)and (max-width:374px) {
.article-advertising__title {
line-height:1.27
}
}
@media screen and (max-width: 767px) {
.article-advertising__title {
font-size:20px;
line-height: 1.5
}
}
@media screen and (max-width: 767px)and (max-width:374px) {
.article-advertising__title {
line-height:1.3
}
}
@media screen and (max-width: 374px) {
.article-advertising__title {
font-size:18px;
line-height: 1.44
}
}
@media screen and (max-width: 374px)and (max-width:374px) {
.article-advertising__title {
line-height:1.33
}
}
.article-advertising__descr {
margin-bottom: 16px;
font-size: 18px;
line-height: 1.44
}
@media screen and (max-width: 374px) {
.article-advertising__descr {
line-height:1.33
}
}
.article-advertising__link {
font-size: 18px;
line-height: 1.44;
font-weight: 500
}
@media screen and (max-width: 374px) {
.article-advertising__link {
line-height:1.33
}
}
.article-advertising-policy {
margin-top: 16px;
font-size: 12px;
line-height: 1.5;
color: var(--color-dark-gray)
}
@media screen and (max-width: 374px) {
.article-advertising-policy {
line-height:1.33
}
}
.article-advertising-policy__btn {
padding: 0;
background: none;
border: none;
color: currentColor;
text-decoration: underline;
cursor: pointer
}
@media screen and (min-width: 768px)and (max-width:991px) {
.article-advertising {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
padding: 40px 32px
}
.article-advertising__icon {
margin-right: 24px
}
.article-advertising__title {
margin-top: 0
}
}
@media screen and (max-width: 991px) {
.article-advertising {
border-radius: 16px
}
}
@media screen and (min-width: 992px) {
.article-advertising-wrap-sticky {
margin-bottom:-64px;
position: sticky;
top: calc(80px + 32px);
z-index: 1;
background: #fff;
-webkit-box-shadow: 0 0 24px #fff;
box-shadow: 0 0 24px #fff;
margin-bottom: 50px;
}
.article-advertising {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.article-advertising .button_link.button_arrow {
font-size: 16px;
line-height: 1.5
}
}
@media screen and (min-width: 992px)and (max-width:374px) {
.article-advertising .button_link.button_arrow {
line-height:1.38
}
}
@media screen and (min-width: 992px) {
.article-advertising__icon {
max-width:32px;
max-height: 32px
}
}
@media screen and (min-width: 992px) {
.article-advertising__title {
margin:8px 0;
font-size: 22px;
line-height: 1.45
}
}
@media screen and (min-width: 992px)and (max-width:374px) {
.article-advertising__title {
line-height:1.27
}
}
@media screen and (min-width: 992px) {
.article-advertising__descr {
margin-bottom:8px
}
.article-advertising__descr,.article-advertising__descr p {
font-size: 14px;
line-height: 1.57
}
}
@media screen and (min-width: 992px)and (max-width:374px) {
.article-advertising__descr,.article-advertising__descr p {
line-height:1.43
}
}
@media screen and (min-width: 992px) {
.article-advertising__link {
font-size:16px;
line-height: 1.5
}
}
@media screen and (min-width: 992px)and (max-width:374px) {
.article-advertising__link {
line-height:1.38
}
}
.sa5-authors .sa5-author {
margin-bottom: 16px
}
.sa5-authors .sa5-author:last-child {
margin-bottom: 0
}
.sa5-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 390px
}
.sa5-author.sa5-author_link.sa5-author_link,.sa5-author.sa5-author_link.sa5-author_link:active,.sa5-author.sa5-author_link.sa5-author_link:hover {
color: #222;
text-decoration: none
}
.sa5-author.sa5-author_link .sa5-author__name:hover {
text-decoration: underline
}
.sa5-author__photo {
width: 96px;
height: 96px;
border-radius: 50%!important;
-ms-flex-negative: 0;
flex-shrink: 0
}
.sa5-author__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left
}
.sa5-author__name {
font-size: 20px;
line-height: 1.5;
font-weight: 500
}
@media screen and (max-width: 374px) {
.sa5-author__name {
line-height:1.3
}
}
.sa5-author__post {
font-size: 12px;
line-height: 1.35
}
@media screen and (max-width: 992px) {
.sa5-author__photo.sa5-author__photo {
margin-right:16px
}
}
@media screen and (min-width: 768px) {
.sa5-author__post {
font-size:14px;
line-height: 1.57
}
}
@media screen and (min-width: 768px)and (max-width:374px) {
.sa5-author__post {
line-height:1.43
}
}
@media screen and (min-width: 992px) {
.sa5-authors_hide-sm-photo .sa5-author,.sa5-authors_hide-sm-photo .sa5-author__post {
margin-bottom:8px
}
.sa5-authors_hide-sm-photo .sa5-author__photo {
display: none
}
}
@media screen and (min-width: 992px) {
.sa5-author {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.sa5-author__info {
width: 100%;
text-align: center
}
.sa5-author__name {
font-size: 16px;
line-height: 1.5
}
}
@media screen and (min-width: 992px)and (max-width:374px) {
.sa5-author__name {
line-height:1.38
}
}
@media screen and (min-width: 992px) {
.sa5-author__post {
font-size:12px;
line-height: 1.5;
margin-bottom: 8px
}
}
@media screen and (min-width: 992px)and (max-width:374px) {
.sa5-author__post {
line-height:1.33
}
}
@media screen and (min-width: 992px) {
.sa5-author__photo {
width:72px;
height: 72px;
margin-right: 0;
margin-bottom: 8px
}
}
@media screen and (min-width: 992px) {
.sa5-authors_align-left .sa5-author {
-webkit-box-align:start;
-ms-flex-align: start;
align-items: flex-start
}
.sa5-authors_align-left .sa5-author__name {
font-size: 22px;
line-height: 1.45
}
}
@media screen and (min-width: 992px)and (max-width:374px) {
.sa5-authors_align-left .sa5-author__name {
line-height:1.27
}
}
@media screen and (min-width: 992px) {
.sa5-authors_align-left .sa5-author__info {
text-align:left
}
}
@media screen and (min-width: 992px) {
.sa5-authors_align-left .sa5-author__post {
font-size:14px;
line-height: 1.57;
margin-bottom: 16px
}
}
@media screen and (min-width: 992px)and (max-width:374px) {
.sa5-authors_align-left .sa5-author__post {
line-height:1.43
}
}
@media screen and (min-width: 992px) {
.sa5-authors_align-left .sa5-author__photo {
width:96px;
height: 96px;
margin-bottom: 16px
}
}
.splide__list {
transition: transform 0.5s ease-in-out; /* Плавная анимация перемещения */
}
.splide__slide {
transition: opacity 0.5s ease-in-out; /* Плавная анимация появления */
}
.is-active-multiple {
opacity: 1;
display: block; /* Видимые слайды должны быть показаны */
}
.is-prev, .is-next {
opacity: 0;
display: none; /* Невидимые слайды скрываются полностью */
}
.widget-whatsapp {
background: rgba(44, 183, 66, 0.08);
padding: 9px 9px 10px 11px;
border-radius: 48px;
height: 48px;
width: 48px;
fill: #2cb742;
margin-right: 10px;
}
.widget-whatsapp:hover {
background: #2cb742;
cursor: pointer;
fill: #fff;
}
.widget-telegram {
background: rgba(0, 136, 204, 0.08);
padding: 13px 10px 10px 11px;
border-radius: 48px;
height: 48px;
width: 48px;
fill: #0088cc;
}
.widget-telegram:hover {
background: #0088cc;
cursor: pointer;
fill: #fff;
}
.widget-subchannels {
display: flex;
flex-direction: row;
margin-top: 24px;
padding: 0px 10px 0 10px;
}
/* Slideshow container */
.slideshow-container {
max-width: 1140px;
position: relative;
margin: auto;
}
/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: black;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
/* Caption text */
.text-slides {
color: #222;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.2s ease;
}
.active, .dot:hover {
background-color: black;
}
/* Fading animation */
.fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px}
}
.lp-styles img {
border-radius:24px;
}
.margin-section {
margin:120px auto;
}
.footer-gray {
background: #f6f6f6;
border-radius: 64px;
}
input.search-products {
width: 100%;
border-radius: 18px;
background-color: #fff;
border: 2px solid #e8e8e8;
padding: 10px 30px;
box-sizing: border-box;
font-size: 18px;
height: 70px;
padding-left: 60px;
}
/* Для мобильных устройств */
@media (max-width: 767px) {
.content-head.content-head_redesigned .content-head__title, .content-head.content-head_redesigned .content-head__title h1 {
font-size: 28px;
line-height: 1.29;
font-weight: 700;
margin: 0;
}
.actions-preview-list-header {
justify-content: center!important;
}
.margin-section {
margin:64px auto!important;
}
.table tr {
display: none; /* Скрываем все строки таблицы */
}
.table tr:nth-child(-n+20) {
display: table-row; /* Показываем первые 10 строк */
}
#showMore {
display: block; /* Показываем кнопку "Показать больше" только на мобильных устройствах */
margin-top: 10px;
width: 100%;
background-color: #ccc;
color: #000;
padding: 10px;
border-radius: 5px;
text-align: center;
}
}
/* Для десктопов */
@media (min-width: 768px) {
#showMore {
display: none; /* Скрываем кнопку "Показать больше" на десктопах */
}
}
.button-search-products {
position: relative;
text-decoration: none;
font-weight: 500;
padding: 24px 16px;
width: 100%;
border-radius: 24px;
border: 1px solid #fff;
text-align: center;
justify-content: space-evenly;
margin: 30px 0;
background-color: #f0f0f0;
}
:root {
--safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-bottom: env(safe-area-inset-bottom);
--safe-area-inset-left: env(safe-area-inset-left);
--safe-area-inset-right: env(safe-area-inset-right);
}
input:-internal-autofill-selected {
background-color: #fff !important;
}
body {
overflow-x: hidden !important;
font-family: Lab Grotesque,-apple-system,BlinkMacSystemFont,Arial,Liberation Sans,Nimbus Sans L,sans-serif;
-webkit-font-smoothing: antialiased;
margin: 0;
padding: 0;
}
.card {
border: none !Important;
}
.bg-color__lightgrey {
background-color: rgba(0,0,0,.04)!important;
box-shadow: none!important;
border-bottom: 0px!important;
}
@media (min-width: 768px) {
.switch-podskazka {
display: none;
}
}
.table-responsive {
position: relative;
z-index: 0;
border: 1px solid #e8e8e8;
border-radius: 24px;
}
.table>thead {
vertical-align: middle!important;
}
.page-table {
.table {
tr td, tr th {
padding-left: 30px!important;
}
tr:nth-child(odd) td {
background: #f3f3f3;
}
tr:last-child td {
border-bottom: none !important;
}
}
}
.page-table {
.table-fresh {
tr td, tr th {
padding-left: 30px!important;
}
tr:nth-child(odd) td {
background: #f3f3f3;
}
tr:last-child td {
border-bottom: none !important;
}
}
}
.bd_tp-2 {
border-top: 2px solid #e9ecef;
}
.qr__codes {
display: flex;
justify-content: space-around;
}
@font-face {
font-family: konturIconic;
src: url(https://s.kontur.ru/web-sites/libs/konturIconic/1.0.346/konturIconic/Kontur-Iconic-eco-webfont.woff2) format("woff2"),url(https://s.kontur.ru/web-sites/libs/konturIconic/1.0.346/konturIconic/Kontur-Iconic-eco-webfont.woff) format("woff");
font-style: normal
}
.konturIconic {
font-family: konturIconic;
font-size: 16px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}
a .konturIconic.konturIconic {
cursor: pointer
}
.konturIconic span {
display: none
}
.konturIconic-space:before {
content: " "
}
.konturIconic-hyphen:before {
content: "-"
}
.konturIconic-underscore:before {
content: "_"
}
.konturIconic-ellipsis:before {
content: "\2026"
}
.konturIconic-ruble:before {
content: "\20BD"
}
.konturIconic-shadelight:before {
content: "\2591"
}
.konturIconic-dot12:before {
content: "\E001"
}
.konturIconic-cloud:before {
content: "\E002"
}
.konturIconic-baseline:before {
content: "\E003"
}
.konturIconic-error:before {
content: "\E004"
}
.konturIconic-warning:before {
content: "\E005"
}
.konturIconic-ok:before {
content: "\E006"
}
.konturIconic-star:before {
content: "\E007"
}
.konturIconic-fired:before {
content: "\E008"
}
.konturIconic-search:before {
content: "\E009"
}
.konturIconic-certificate:before {
content: "\E00A"
}
.konturIconic-emoticon-happy:before {
content: "\E00B"
}
.konturIconic-emoticon-sad:before {
content: "\E00C"
}
.konturIconic-add:before {
content: "\E00D"
}
.konturIconic-delete:before {
content: "\E00E"
}
.konturIconic-edit:before {
content: "\E00F"
}
.konturIconic-print:before {
content: "\E010"
}
.konturIconic-mail:before {
content: "\E011"
}
.konturIconic-undo:before {
content: "\E012"
}
.konturIconic-arrow-chevron2-right:before {
content: "\E013"
}
.konturIconic-arrow-chevron2-left:before {
content: "\E014"
}
.konturIconic-download:before {
content: "\E015"
}
.konturIconic-tag:before {
content: "\E016"
}
.konturIconic-video:before {
content: "\E017"
}
.konturIconic-settings:before {
content: "\E018"
}
.konturIconic-card:before {
content: "\E019"
}
.konturIconic-import:before {
content: "\E01A"
}
.konturIconic-list-rows:before {
content: "\E01B"
}
.konturIconic-list-group:before {
content: "\E01C"
}
.konturIconic-menu:before {
content: "\E01D"
}
.konturIconic-remove:before {
content: "\E01E"
}
.konturIconic-arrow-parallel-vertical:before {
content: "\E01F"
}
.konturIconic-user:before {
content: "\E020"
}
.konturIconic-clock:before {
content: "\E021"
}
.konturIconic-trash:before {
content: "\E022"
}
.konturIconic-calendar:before {
content: "\E023"
}
.konturIconic-document-solid:before {
content: "\E024"
}
.konturIconic-document-add:before {
content: "\E025"
}
.konturIconic-document-copy:before {
content: "\E026"
}
.konturIconic-export:before {
content: "\E027"
}
.konturIconic-document-folder:before {
content: "\E028"
}
.konturIconic-refresh:before {
content: "\E029"
}
.konturIconic-sum:before {
content: "\E02A"
}
.konturIconic-shipment:before {
content: "\E02B"
}
.konturIconic-upload:before {
content: "\E02C"
}
.konturIconic-lock-opened:before {
content: "\E02D"
}
.konturIconic-lock-closed:before {
content: "\E02E"
}
.konturIconic-document-group:before {
content: "\E02F"
}
.konturIconic-clear:before {
content: "\E030"
}
.konturIconic-document-type-doc:before {
content: "\E031"
}
.konturIconic-document-type-pdf:before {
content: "\E032"
}
.konturIconic-document-type-txt:before {
content: "\E033"
}
.konturIconic-document-type-xls:before {
content: "\E034"
}
.konturIconic-document-type-xml:before {
content: "\E035"
}
.konturIconic-function:before {
content: "\E036"
}
.konturIconic-help-book:before {
content: "\E037"
}
.konturIconic-help-lite:before {
content: "\E038"
}
.konturIconic-logout:before {
content: "\E039"
}
.konturIconic-facebook:before {
content: "\E03A"
}
.konturIconic-phone:before {
content: "\E03B"
}
.konturIconic-twitter:before {
content: "\E03C"
}
.konturIconic-vkontakte:before {
content: "\E03D"
}
.konturIconic-grid:before {
content: "\E03E"
}
.konturIconic-infiniti:before {
content: "\E03F"
}
.konturIconic-arrow-bold-down:before {
content: "\E040"
}
.konturIconic-arrow-bold-right:before {
content: "\E041"
}
.konturIconic-arrow-bold-up:before {
content: "\E042"
}
.konturIconic-eye-closed:before {
content: "\E043"
}
.konturIconic-eye-opened:before {
content: "\E044"
}
.konturIconic-attach:before {
content: "\E045"
}
.konturIconic-coin:before {
content: "\E046"
}
.konturIconic-statistic:before {
content: "\E047"
}
.konturIconic-menu-dots:before {
content: "\E048"
}
.konturIconic-arrow-triangle-up-down:before {
content: "\E049"
}
.konturIconic-arrow-triangle-right:before {
content: "\E04A"
}
.konturIconic-arrow-triangle-left:before {
content: "\E04B"
}
.konturIconic-arrow-triangle-down:before {
content: "\E04C"
}
.konturIconic-arrow-triangle-up:before {
content: "\E04D"
}
.konturIconic-map-pin:before {
content: "\E04E"
}
.konturIconic-arrow-bold-left:before {
content: "\E04F"
}
.konturIconic-forward:before {
content: "\E050"
}
.konturIconic-backward:before {
content: "\E051"
}
.konturIconic-reply:before {
content: "\E052"
}
.konturIconic-skip:before {
content: "\E053"
}
.konturIconic-comment-lite:before {
content: "\E054"
}
.konturIconic-help-dot:before {
content: "\E055"
}
.konturIconic-odnoklassniki:before {
content: "\E056"
}
.konturIconic-youtube:before {
content: "\E057"
}
.konturIconic-arrow-chevron-down:before {
content: "\E058"
}
.konturIconic-arrow-chevron-up:before {
content: "\E059"
}
.konturIconic-coins:before {
content: "\E05A"
}
.konturIconic-user-settings:before {
content: "\E05B"
}
.konturIconic-home:before {
content: "\E05C"
}
.konturIconic-comment-solid:before {
content: "\E05D"
}
.konturIconic-rss:before {
content: "\E05E"
}
.konturIconic-document-refresh:before {
content: "\E05F"
}
.konturIconic-filter:before {
content: "\E060"
}
.konturIconic-new-window:before {
content: "\E061"
}
.konturIconic-link:before {
content: "\E062"
}
.konturIconic-google-plus:before {
content: "\E063"
}
.konturIconic-document-type-rtf:before {
content: "\E064"
}
.konturIconic-arrow-chevron-left:before {
content: "\E065"
}
.konturIconic-arrow-chevron-right:before {
content: "\E066"
}
.konturIconic-login:before {
content: "\E067"
}
.konturIconic-dot8:before {
content: "\E068"
}
.konturIconic-p-c:before {
content: "\E069"
}
.konturIconic-android:before {
content: "\E06A"
}
.konturIconic-pin:before {
content: "\E06B"
}
.konturIconic-notification-bell:before {
content: "\E06C"
}
.konturIconic-arrow-parallel-horizontal:before {
content: "\E06D"
}
.konturIconic-lightbulb:before {
content: "\E06E"
}
.konturIconic-info:before {
content: "\E06F"
}
.konturIconic-heart:before {
content: "\E070"
}
.konturIconic-loading:before {
content: "\E071"
}
.konturIconic-instagram:before {
content: "\E072"
}
.konturIconic-thumb-up:before {
content: "\E073"
}
.konturIconic-thumb-down:before {
content: "\E074"
}
.konturIconic-marker:before {
content: "\E075"
}
.konturIconic-archive-pack:before {
content: "\E076"
}
.konturIconic-archive-unpack:before {
content: "\E077"
}
.konturIconic-mail2:before {
content: "\E078"
}
.konturIconic-mail2-in:before {
content: "\E079"
}
.konturIconic-mail2-out:before {
content: "\E07A"
}
.konturIconic-shopping-cart-lite:before {
content: "\E07B"
}
.konturIconic-shopping-cart-solid:before {
content: "\E07C"
}
.konturIconic-handshake:before {
content: "\E07D"
}
.konturIconic-briefcase:before {
content: "\E07E"
}
.konturIconic-document-check:before {
content: "\E07F"
}
.konturIconic-flag-lite:before {
content: "\E080"
}
.konturIconic-flag-solid:before {
content: "\E081"
}
.konturIconic-dot12-lite:before {
content: "\E082"
}
.konturIconic-dot8-lite:before {
content: "\E083"
}
.konturIconic-font-size:before {
content: "\E084"
}
.konturIconic-arrow-size-max:before {
content: "\E085"
}
.konturIconic-arrow-size-min:before {
content: "\E086"
}
.konturIconic-document-lite:before {
content: "\E087"
}
.konturIconic-arrow-size1:before {
content: "\E088"
}
.konturIconic-arrow-size2:before {
content: "\E089"
}
.konturIconic-arrow-size3:before {
content: "\E08A"
}
.konturIconic-arrow-size4:before {
content: "\E08B"
}
.konturIconic-vkontakte2:before {
content: "\E08C"
}
.konturIconic-facebook2:before {
content: "\E08D"
}
.konturIconic-twitter2:before {
content: "\E08E"
}
.konturIconic-odnoklassniki2:before {
content: "\E08F"
}
.konturIconic-google-plus2:before {
content: "\E090"
}
.konturIconic-phone2:before {
content: "\E091"
}
.konturIconic-rss2:before {
content: "\E092"
}
.konturIconic-people:before {
content: "\E093"
}
.konturIconic-baby:before {
content: "\E094"
}
.konturIconic-send:before {
content: "\E095"
}
.konturIconic-send2:before {
content: "\E096"
}
.konturIconic-copy:before {
content: "\E097"
}
.konturIconic-arrow-corner1:before {
content: "\E098"
}
.konturIconic-dot12-dashed:before {
content: "\E099"
}
.konturIconic-vacation:before {
content: "\E09A"
}
.konturIconic-medical:before {
content: "\E09B"
}
.konturIconic-redo:before {
content: "\E09C"
}
.konturIconic-star2:before {
content: "\E09D"
}
.konturIconic-add-column-left:before {
content: "\E09E"
}
.konturIconic-add-column-right:before {
content: "\E09F"
}
.konturIconic-add-row-top:before {
content: "\E0A0"
}
.konturIconic-add-row-bottom:before {
content: "\E0A1"
}
.konturIconic-delete-column:before {
content: "\E0A2"
}
.konturIconic-delete-row:before {
content: "\E0A3"
}
.konturIconic-border-all:before {
content: "\E0A4"
}
.konturIconic-border-outside:before {
content: "\E0A5"
}
.konturIconic-border-inside:before {
content: "\E0A6"
}
.konturIconic-border-top:before {
content: "\E0A7"
}
.konturIconic-border-right:before {
content: "\E0A8"
}
.konturIconic-border-bottom:before {
content: "\E0A9"
}
.konturIconic-border-left:before {
content: "\E0AA"
}
.konturIconic-border-none:before {
content: "\E0AB"
}
.konturIconic-drag-border:before {
content: "\E0AC"
}
.konturIconic-cells-merge:before {
content: "\E0AD"
}
.konturIconic-cells-split:before {
content: "\E0AE"
}
.konturIconic-cells-equal-height:before {
content: "\E0AF"
}
.konturIconic-cells-equal-width:before {
content: "\E0B0"
}
.konturIconic-table-split:before {
content: "\E0B1"
}
.konturIconic-table-delete:before {
content: "\E0B2"
}
.konturIconic-para-to-cells:before {
content: "\E0B3"
}
.konturIconic-format-copy:before {
content: "\E0B4"
}
.konturIconic-text-nbsp:before {
content: "\E0B5"
}
.konturIconic-text-align-left:before {
content: "\E0B6"
}
.konturIconic-text-align-center:before {
content: "\E0B7"
}
.konturIconic-text-align-right:before {
content: "\E0B8"
}
.konturIconic-document-convert:before {
content: "\E0B9"
}
.konturIconic-crown:before {
content: "\E0BA"
}
.konturIconic-video2:before {
content: "\E0BB"
}
.konturIconic-text-width-fixed:before {
content: "\E0BC"
}
.konturIconic-sort-up:before {
content: "\E0BD"
}
.konturIconic-sort-down:before {
content: "\E0BE"
}
.konturIconic-instagram2:before {
content: "\E0BF"
}
.konturIconic-apple:before {
content: "\E0C0"
}
.konturIconic-windows:before {
content: "\E0C1"
}
.konturIconic-ownership-car:before {
content: "\E0C2"
}
.konturIconic-ownership-boat:before {
content: "\E0C3"
}
.konturIconic-document-check2:before {
content: "\E0C4"
}
.konturIconic-shop-cashregister:before {
content: "\E0C5"
}
.konturIconic-shop-receipt:before {
content: "\E0C6"
}
.konturIconic-device-smartphone:before {
content: "\E0C7"
}
.konturIconic-arrow-drag:before {
content: "\E0C8"
}
.konturIconic-menu-kebab:before {
content: "\E0C9"
}
.konturIconic-comment-lite-add:before {
content: "\E0CA"
}
.konturIconic-arrow-triangle-up-down2:before {
content: "\E0CB"
}
.konturIconic-device-smartphone-no:before {
content: "\E0CC"
}
.konturIconic-telegram:before {
content: "\E0CD"
}
.konturIconic-telegram2:before {
content: "\E0CE"
}
.konturIconic-heart-lite:before {
content: "\E0CF"
}
.konturIconic-home-office:before {
content: "\E0D0"
}
.konturIconic-arrow-triangle-up-down3:before {
content: "\E0D1"
}
.konturIconic-arrow-triangle-up-down4:before {
content: "\E0D2"
}
.konturIconic-structure-tree:before {
content: "\E0D3"
}
.konturIconic-calculator:before {
content: "\E0D4"
}
.konturIconic-ok-double:before {
content: "\E0D5"
}
.konturIconic-key:before {
content: "\E0D6"
}
.konturIconic-u-s-b:before {
content: "\E0D7"
}
.konturIconic-document-type-csv:before {
content: "\E0D8"
}
.konturIconic-pause:before {
content: "\E0D9"
}
.konturIconic-link-off:before {
content: "\E0DA"
}
.konturIconic-barcode-scanner:before {
content: "\E0DB"
}
.konturIconic-dot8-lite-off:before {
content: "\E0DC"
}
.konturIconic-notification-bell-none:before {
content: "\E0DD"
}
.konturIconic-notification-bell-on:before {
content: "\E0DE"
}
.konturIconic-notification-bell-off:before {
content: "\E0DF"
}
.konturIconic-send3:before {
content: "\E0E0"
}
.konturIconic-user-add:before {
content: "\E0E1"
}
.konturIconic-delta:before {
content: "\E0E2"
}
.konturIconic-user-lock:before {
content: "\E0E3"
}
.konturIconic-viber:before {
content: "\E0E4"
}
.konturIconic-viber2:before {
content: "\E0E5"
}
.konturIconic-whats-app:before {
content: "\E0E6"
}
.konturIconic-whats-app2:before {
content: "\E0E7"
}
.konturIconic-spinner:before {
content: "\E0E8"
}
.konturIconic-mail3:before {
content: "\E0E9"
}
.konturIconic-square:before {
content: "\E0EA"
}
@font-face {
font-family: Lab Grotesque;
font-style: normal;
font-weight: 100;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Thin.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Thin.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: normal;
font-weight: 300;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Light.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Light.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: normal;
font-weight: 400;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Regular.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Regular.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: normal;
font-weight: 500;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Medium.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Medium.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: normal;
font-weight: 600;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Medium.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Medium.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: normal;
font-weight: 700;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Bold.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Bold.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: normal;
font-weight: 900;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Black.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Black.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: italic;
font-weight: 100;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-ThinItalic.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-ThinItalic.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: italic;
font-weight: 300;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-LightItalic.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-LightItalic.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: italic;
font-weight: 400;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Italic.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-Italic.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: italic;
font-weight: 700;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-BoldItalic.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-BoldItalic.woff) format("woff")
}
@font-face {
font-family: Lab Grotesque;
font-style: italic;
font-weight: 900;
src: url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-BlackItalic.woff2) format("woff2"),url(https://s.kontur.ru/common-v2/fonts/LabGrotesque/LabGrotesque-BlackItalic.woff) format("woff")
}
.header_color__fff {
color: #fff !important;
}
.muse-collapes .card .card-body {
font-size: 18px;
}
body::selection {
background-color: #ffc107 !important;
color: white;
}
.body-no-scroll {
overflow: hidden;
}
.form-control {
border-color: #dee2e6 !important;
height: 48px;
font-size: 16px !important;
background-size: 18px 14px;
padding-left: 0.75rem;
border: 2px solid;
border-radius: 7px;
}
.form-control:hover, .form-control:focus, .form-control:active {
border-color: #c0c5ca!important;
transition: 0.3s;
}
.form-control.valid {
border-color: #1a9b14 !important;
}
.form-control.invalid {
border-color: #eb2222 !important;
}
#typing-animation-cursor {
animation: typingBlink 1s steps(5, start) infinite;
-webkit-animation: typingBlink 1s steps(5, start) infinite;
}
/* Скрыть курсор на мобильных устройствах */
@media screen and (max-width: 768px) {
#typing-animation-cursor {
display: none !important;
}
}
#typing-animation-text, #typing-animation-cursor {
display: inline-block;
float: left; /* Можно попробовать добавить float, если inline-block не поможет */
margin: 0;
padding: 0;
}
@keyframes typingBlink {
to {
visibility: hidden;
}
}
@-webkit-keyframes typingBlink {
to {
visibility: hidden;
}
}
.sticky-navbar {
top: 0;
left: 0;
right: 0;
z-index: 1000; /* Удостоверьтесь, что меню находится над другими элементами */
transition: transform 0.3s ease, opacity 0.3s ease; /* Добавляем плавность переходов */
opacity: 1; /* Полная видимость */
animation: slideDown 0.5s ease forwards; /* Анимация "слайд вниз" */
}
.sticky-uslugi {
height: 80px;
}
.scrolling-navbar {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.8); /* Частично прозрачный белый фон */
position: fixed;
height: 80px;
transform: translateY(0); /* Перемещаем в исходное положение */
opacity: 1; /* Полная видимость */
z-index: 1000;
border-bottom:1px solid #f1f1f1;
}
.fixed-container {
margin: 0 auto; /* Центрирование */
max-width: 1140px; /* Фиксированная максимальная ширина */
width: 100%; /* Адаптивная ширина */
display: flex;
align-items: center;
}
.scrolling-navbar .fixed-container {
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%); /* Для центрирования по горизонтали */
width: 100%;
padding-right: var(--bs-gutter-x,.75rem);
padding-left: var(--bs-gutter-x,.75rem);
}
/*хедеры*/
.bg-header-gray {
background: #f6f6f6;
background-position-x: 100%;
background-repeat: no-repeat;
background-size: cover!important;
border-radius: 0 0 72px 72px;
max-width: 1600px;
margin: 0px auto 64px;
position: relative;
padding-top: var(--safe-area-inset-top);
}
.bg-header-black{
background: #333;
background-position-x: 100%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0 0 72px 72px;
max-width: 1600px;
margin: 0px auto 64px;
position: relative;
padding-top: var(--safe-area-inset-top);
}
.select-style {
/* Стилизация внешнего вида select */
appearance: none; /* Убираем стандартный вид в Chrome и Firefox */
-webkit-appearance: none; /* Убираем стандартный вид в Safari */
background-color: white;
padding-right: 30px; /* Добавляем место под стрелку */
/* Добавляем фоновую стрелку справа */
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
}
/* Убираем стрелку в IE */
.select-style::-ms-expand {
display: none;
}
/*десктоп */
@media screen and (min-width: 601px) {
.fas {
display: none !important;
}
.fas__block {
display: flex !important;
font-size: 18px;
}
.fas__block:before {
content: "\f078";
}
.qr-code-flex__title {
display: flex;
gap: 10px;
align-items: center;
cursor: pointer;
}
.desktop-none {
display: none;
}
}
/*мобильная версия */
@media (max-width: 768px), (max-width: 360px) {
.mb-100 {
margin-bottom: 50px!important;
}
.bd_tp-2 {
border-top: none!important;
}
.switch-podskazka {
display: block!important;
font-size: 18px;
font-weight: 500;
text-align: center;
margin: 10px 0;
}
.logos {
display: flex;
animation: scrolling 70s linear infinite !important;
}
.scrolling-navbar {
background: transparent!important;
}
.scrolling-navbar .fixed-container {
padding-right: 0px!important;
padding-left: 0px!important;
}
/*хедеры*/
.bg-header-gray {
background-position-x: right !important;
background-position-y: bottom !important;
background-size: 1000px !important;
}
.bg-header-black{
background-position-x: right !important;
background-position-y: bottom !important;
background-size: 1000px;
min-height: 740px;
}
.muse-collapes .card .card-body {
font-size: 16px !important;
}
.bg-menu_gray___mobile {
background: #f6f6f6 !important;
}
.bg-menu_grey___mobile {
background: #333 !important;
}
.text-left-mob {
text-align: left !important;
}
.muse-header .navbar-collapse {
transition: none;
}
.fixed-container {
justify-content: space-between;
max-width: none !important;
}
.bg-header-update {
background: #ffffff url(https://rial-soft.ru/ns/images/uslugi/update/bg__header.png)!important;
background-position-x: 80% !important;
background-repeat: no-repeat !important;
background-size: cover!important;
}
/*Техподдержка*/
.mobile__qr-code {
display: none !important;
}
.flex-wrap-support-hot-links-mobile {
-webkit-box-shadow: 0 8px 20px rgba(0,0,0,.1);
box-shadow: 0 8px 20px rgba(0,0,0,.1);
border-radius: 16px;
overflow: hidden;
margin-bottom: 0px !important;
}
.support-hot-link__title {
font-size: 20px !important;
box-shadow: none !important;
}
.support-hot-link__text {
padding: 0px !important;
}
.svg-hot-link-mobile {
width: 30px!important;
height: 30px !important;
}
.support-hot-link {
flex-direction: row !important;
height: auto !important;
padding: 20px!important;
border-bottom: 2px solid whitesmoke !important;
border-radius: 0px !important;
}
.support-hot-link__icon {
width: 64px!important;
height: 64px!important;
flex: 0 0 64px !important;
margin-right: 10px;
}
.flex-wrap-support-hot-links {
flex-direction: column;
gap: 0px !important;
}
.support-hot-links-list__item {
width: 100% !important;
}
/*Техподдержка*/
.bg-grey-br {
border-radius: 0 0 36px 36px !important;
}
.bt-px {
border-top: 2px solid #eaeaea;
}
.mobile-none {
display: none;
}
.tx-center-mobile {
display: block !important;
}
.menu-top-link-active{
color: #dd153f !important;
}
.active-link{
text-decoration: none!important;
text-underline-offset: 0!important;
text-decoration-thickness: 0!important;
color: #dd153f !important;
}
.line {
fill: none;
stroke: black;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line-white {
fill: none;
stroke: white;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
.opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.menu-top-link {
font-size: 18px !important;
}
.btn-lg {
margin-left: 0px !important;
font-size: 18px;
padding: 24px;
width: 260px;
}
.header-menu-item {
width: 100%;
text-align: center;
}
.marquee {
padding: 0 !important;
}
.footer-list-column {
display: flex !important;
flex-direction: column !important;
}
.footer-li {
display: flex;
gap: 10px;
align-items: center;
}
.f-grey {
color: grey;
font-size: 14px;
}
.mb-0-mobile {
margin-bottom: 0 !important;
}
.servis {
flex-direction: column !important;
}
.services {
width:100% !important;
}
.pd-0035 {
padding: 0px 0 0px !important;
}
.card.h-100 {
min-height: 190px;
}
/* Отображение стрелки на мобильных устройствах */
.arrow-icon {
display: inline-block !important;
transition: transform 0.3s ease;
}
.arrow-icon.rotated {
transform: rotate(180deg);
}
.reverse-on-mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.first-section-main {
padding: 0 0 35px !important;
}
.pb-3 {
padding-bottom: 3rem!important;
}
.action-block-icon{
left: auto !important;
right: 0 !important;
bottom: 0 !important;
opacity: .15 !important;
width: 80px !important;
height: 80px !important;
}
.action-block-icon-main {
left: auto !important;
right: 0 !important;
bottom: 0 !important;
opacity: .15 !important;
width: 80px !important;
height: 80px !important;
}
.action-block-title {
font-size: 18px;
}
.bg-primary, .bg-danger, .bg-teal-400, .bs-primary {
box-shadow: 0 5px 5px rgba(0,0,0,.1) !important;
}
.mobile-container-slider {
max-width: 100% !important;
width: 100% !important;
overflow-x: auto;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
scroll-behavior: smooth;
}
.main-table {
flex-direction: column !important;
}
.list-slash {
width: 100% !important;
margin-bottom: 20px;
padding: 20px 40px 20px !important;
}
.list-slash-services {
width: 100% !important;
margin-bottom: 20px;
padding: 20px 40px 20px !important;
}
.mobile-container {
display: flex;
flex-direction: column !important;
}
.action-block, .actin-block-small {
width: 86vw!important;
min-height: auto !important;
margin-left: 0px !important;
}
.actin-block-small {
height: auto !important;
margin-left: 2vw !important;
}
.bs-list-slash {
-webkit-box-shadow: 0 8px 20px rgba(0,0,0,.1) !important;
box-shadow: 0 8px 20px rgba(0,0,0,.1) !important;
}
/*мобильное меню*/
.header-flex-menu {
background: #fff;
position: fixed;
width: 100%;
top: 80px;
bottom: 0;
left: 0;
z-index: 100;
padding: 8px 0 12px;
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
}
.header-flex-menu:not([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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-flex-menu__body, .header-flex-menu__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.header-flex-menu__body {
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 15px;
}
}
/*мобильные устройства*/
/*Десктоп основной*/
/*Техподдержка*/
.mobile__qr-code {
display: flex;
flex-direction: column;
align-items: center;
}
.title-qr__title {
display: flex;
}
.arrow-icon-mobile__qr{
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 18px;
}
.toggle-button-mobile-qr {
cursor: pointer;
transition: transform 0.3s ease;
}
.toggle-button-mobile-qr.rotated {
transform: rotate(180deg); /* Поворот на 180 градусов */
}
.qr-wa {
border: 3px dashed #21af56;
border-radius: 16px;
padding: 15px;
}
.qr-tg {
border: 3px dashed #0088cc;
border-radius: 16px;
padding: 15px;
}
.qr-mail {
border: 3px dashed #dd153f;
border-radius: 16px;
padding: 15px;
}
.flex-wrap-support-hot-links-mobile {
margin-bottom: 50px;
}
.title-wa {
-webkit-box-shadow: 0 2px rgba(33 175 86 / 15%);
box-shadow: 0 2px rgba(33 175 86 / 15%);
}
a.hot-link-wa:hover {
box-shadow: 7px 14px 40px rgb(33 175 86 / 7%);
}
.title-tg{
-webkit-box-shadow: 0 2px rgba(0 136 204 / 15%);
box-shadow: 0 2px rgba(0 136 204 / 15%);
}
a.hot-link-tg:hover {
box-shadow: 7px 14px 40px rgb(0 136 204 / 7%);
}
.title-mail{
-webkit-box-shadow: 0 2px rgba(0 136 204 / 15%);
box-shadow: 0 2px rgba(221 21 63 / 15%);
}
a.hot-link-mail:hover {
box-shadow: 7px 14px 40px rgb(221 21 63 / 7%);
}
a.support-hot-link:hover .support-hot-link__title {
-webkit-box-shadow: 0 2px currentColor;
box-shadow: 0 2px currentColor;
}
.flex-wrap-support-hot-links {
display: flex;
gap: 22px;
}
.flex-wrap-support-hot-links-qrcode {
width: 100%;
justify-content: space-around;
gap: 10px;
display: flex;
flex-direction: column;
}
.support-hot-links-list__item {
width: 32%;
cursor: pointer;
}
.support-hot-links-list__qrcode {
}
.support-hot-link {
height: 300px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 48px 32px;
-webkit-box-shadow: 0 8px 20px rgba(0,0,0,.1);
box-shadow: 0 8px 20px rgba(0,0,0,.1);
border-radius: 16px;
}
.support-hot-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
padding: 32px;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s,-webkit-box-shadow .3s;
}
.support-hot-link__icon {
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
width: 160px;
height: 160px;
border-radius: 50%;
background: #f7f7f7;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.support-hot-link__text {
text-align: center;
padding: 40px 0 0;
}
.support-hot-link__title {
font-size: 24px;
line-height: 1.33;
}
a.support-hot-link .support-hot-link__title {
color: #f03b36;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s,-webkit-box-shadow .3s;
}
.support-hot-link__caption {
font-size: 18px;
line-height: 1.44;
padding-top: 16px;
}
/*Техподдержка*/
.text-lead {
font-size: 22px;
line-height: 1.45;
font-weight: 400;
}
.cover-block__illustration {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 82.05%;
margin: -56px auto 24px;
font-size: 0;
line-height: 0
}
.cover-block__illustration img {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
-o-object-fit: scale-down;
object-fit: scale-down;
max-width: 100%;
max-height: 100%
}
.cover-block__illustration_down {
position: absolute;
bottom: 0;
height: 100%;
right: 0;
width: 56.3707%;
max-height: 680px;
max-width: 780px;
margin: 0
}
.tx-center-mobile {
display: none;
text-align: center;
margin: 12px 0 36px 0 !important;
}
.header-menu-item {
list-style-type: none;
}
.social-icons_footer a:hover svg path {
fill: #222!important;
}
.social-icons a:hover svg path {
fill: #222!important;
}
.social-icons_footer a svg path {
fill: #6c757d;
}
.marquee {
overflow: hidden;
white-space: nowrap;
width: 100%;
padding: 30px 0;
}
.logos {
display: flex;
animation: scrolling 90s linear infinite;
width: 100% !important;
}
@keyframes scrolling {
0% {
transform: translateX(0);
}
100% {
/* Предположим, что ширина всех логотипов в одном наборе равна 100% */
transform: translateX(-100%);
}
}
.logo {
display: inline-block;
margin: 0 20px;
filter: grayscale(100%) brightness(0.8) opacity(0.6);
transition: filter 0.5s; /* Плавное появление цвета при наведении */
height: 35px; /* Вы можете изменить это значение */
}
.logo:hover {
filter: grayscale(0%);
}
h7 {
font-size: 18px;
font-family: "Lab Grotesque", -apple-system, BlinkMacSystemFont, Arial, "Liberation Sans", "Nimbus Sans L", sans-serif;
}
.servis {
display: flex;
flex-direction: row;
}
.services {
width:50%;
padding-left: 0px;
}
.hidden {
display: none;
}
.display-block {
display: inline-block;
}
.arrow-icon {
display: none; /* Скрыть иконку стрелки */
}
.title-main-card {
display: flex;
align-items: center;
justify-content: space-between;
}
.main-list-group-item {
position: relative;
padding: 0.5rem 0rem;
}
.pd-0035 {
padding: 0px 0 35px;
}
.first-section-main {
padding: 55px 0 35px;
}
.brand-data .h5, .brand-data h5 {
width: 100% !important;
}
.action-block-icon-main {
overflow: hidden;
width: 70%;
position: absolute;
bottom: 0;
left: 0;
}
.action-block-icon {
overflow: hidden;
width: 60%;
position: absolute;
bottom: 0;
left: 0;
}
.img-rotate:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.main-table {
display: flex;
justify-content: space-between;
}
.link-red {
color: #495057 !important;
}
.list-group-item:hover {
background: #f1f1f1c4 !important;
border-radius: 8px;
/* text-decoration: underline; */
/* text-underline-offset: 10px; */
/* text-decoration-thickness: 2px; */
transition: 0.2s;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.link-underline{
color: #495057 !important;
text-decoration-color: #d9d9d9 !important;
text-decoration: underline;
text-underline-offset: 10px;
}
.link-underline:hover{
text-decoration-color: #dd153f !important;
text-decoration: underline;
text-underline-offset: 10px;
z-index: 1;
}
.link-default {
text-decoration: underline;
color: inherit !important;
opacity: 0.7;
}
.link-default:hover {
text-decoration: underline;
color: inherit !important;
opacity: 1;
}
.pt-5{
padding-top: 0px !important;
}
.action-block {
width: 47.9%;
min-height: 360px;
}
.actin-block-small {
width: 24%;
min-height: 360px;
margin-left: 2%;
}
.bg-primary, .bg-danger, .bg-teal-400, .bs-primary {
box-shadow: 0 25px 50px -21px rgba(0,0,0,.2);
}
.branding-tag {
font-size: 18px;
font-weight: 500;
color: #ffffff78;
}
.branding-tag, .brand-data {
font-family: "Lab Grotesque", -apple-system, BlinkMacSystemFont, Arial, "Liberation Sans", "Nimbus Sans L", sans-serif;
}
.menu-top-link {
font-size: 18px;
font-weight: 500;
color: #212121;
transiton: .15s;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 10px;
text-underline-offset: 10px;
text-decoration-thickness: 2px;
-webkit-text-text-decoration: underline;
-webkit-text-text-decoration-color: transparent;
-webkit-text-text-underline-offset: 10px;
-webkit-text-underline-offset: 10px;
-webkit-text-decoration-thickness: 2px;
}
.menu-top-link:hover {
color: #212121;
transiton: .15s;
text-decoration: underline;
text-underline-offset: 10px;
text-underline-offset: 10px;
text-decoration-thickness: 2px;
-webkit-text-decoration: underline;
-webkit-text-underline-offset: 10px;
-webkit-text-decoration-thickness: 2px;
}
.studio-template .footer-link li a:hover {
color: #000000 !important;
text-decoration: underline;
text-decoration-thickness: 1px;
}
.text-gray-600:hover {
color: #6c757d !important;
}
.text-gray-600:focus{
color: #6c757d !important;
}
.active-link{
text-decoration: underline;
text-underline-offset: 10px;
text-decoration-thickness: 2px;
text-decoration-color: #d9d9d9;
}
.rounded-24 {
border-radius: 24px!important;
}
.mb-15 {
margin-bottom: 15px!important;
}
.mb-20 {
margin-bottom: 20px!important;
}
.mb-30 {
margin-bottom: 30px!important;
}
.mb-50 {
margin-bottom: 50px!important;
}
.mb-100 {
margin-bottom: 100px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-50 {
margin-top: 50px;
}
.mt-100{
margin-top: 100px;
}
.underline {
text-decoration: underline !important;
text-underline-offset: 10px !important;
text-decoration-thickness: 2px !important;
text-decoration-color: #d9d9d9 !important;
}
.list-slash {
border-radius: 24px !important;
width: 32%;
background: #ffffff87;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
padding: 20px 40px 100px;
overflow: hidden;
position: relative;
}
.list-slash-services {
border-radius: 24px !important;
width: 66%;
background: #ffffff87;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
padding: 20px 40px 100px;
overflow: hidden;
position: relative;
}
.bs-list-slash {
-webkit-box-shadow: 0 10px 36px 8px rgba(0,0,0,.06);
box-shadow: 0 10px 36px 8px rgba(0,0,0,.06);
}
.image-main-sector {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
.list-unstyled {
font-size: 16px;
font-family: "Lab Grotesque", -apple-system, BlinkMacSystemFont, Arial, "Liberation Sans", "Nimbus Sans L", sans-serif;
text-align: left;
}
.pdb-72 {
padding-bottom: 72px;
}
@media (min-width: 768px) {
.col-sm-7 {
webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media (min-width: 992px) {
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
.t-large {
font-size: 20px;
line-height: 1.5;
margin-top: 0;
margin-bottom: 24px;
font-weight: 400;
padding-right: 15px;
}
.t-medium{
font-size: 18px;
line-height: 1.5;
margin-top: 0;
margin-bottom: 24px;
font-weight: 400;
padding-right: 15px;
}
.t-small {
font-size: 16px;
line-height: 1.5;
margin-top: 0;
margin-bottom: 24px;
font-weight: 400;
padding-right: 15px;
}
.bd-0 {
border: 0px !important;
}
@media screen and (max-width: 767px) {
:root {
--section-block-custom-spacer-y:20px
}
}
@media screen and (max-width: 991px) {
:root {
--section-block-custom-spacer-y:48px
}
}
@media screen and (max-width: 1199px) {
:root {
--section-block-custom-spacer-y:56px
}
}
@media screen and (max-width: 1439px) {
:root {
--section-block-custom-spacer-y:80px
}
}
:root {
--section-block-custom-spacer-y: 104px
}
@supports(display: grid) {
.lp-styles .section-block,.section-block {
margin-top:104px;
margin-top: var(--section-block-custom-spacer-y);
margin-bottom: 104px;
margin-bottom: var(--section-block-custom-spacer-y)
}
}
.relevant-rubrics {
margin: -8px -16px
}
.relevant-rubrics__item {
padding-top: 8px;
padding-bottom: 8px;
position: relative
}
.relevant-rubrics__item:after {
position: absolute;
bottom: 0;
right: 8px;
left: 8px;
height: 2px;
background: #f2f2f2
}
@media screen and (max-width: 767px) {
.relevant-rubrics__item:not(:last-child):after {
content:""
}
}
@media screen and (min-width: 768px) {
.relevant-rubrics {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -32px;
margin-left: -32px
}
.relevant-rubrics__item {
position: relative;
width: 100%;
padding-right: 8px;
padding-left: 8px;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.relevant-rubrics__item:not(:nth-last-child(-n+2)):after {
content: ""
}
}
.relevant-rubric {
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;
padding: 16px;
border-radius: 16px;
position: relative;
-webkit-transition: background .4s ease-out;
transition: background .4s ease-out
}
.relevant-rubric:hover {
background: #f2f2f2
}
.relevant-rubric:hover .relevant-rubric__description {
opacity: 1
}
.relevant-rubric:focus-within {
background: #f2f2f2
}
.relevant-rubric:focus-within .relevant-rubric__description {
opacity: 1
}
.relevant-rubric__title {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
padding-right: 32px;
max-width: calc(100% - 40px)
}
.relevant-rubric__title.relevant-rubric__title {
font-size: 22px;
line-height: 1.45;
margin: 0;
font-weight: 700
}
@media screen and (max-width: 374px) {
.relevant-rubric__title.relevant-rubric__title {
line-height:1.27
}
}
.relevant-rubric__title a {
color: currentColor;
text-decoration: none;
outline: none
}
.relevant-rubric__title a:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1
}
.relevant-rubric__icon {
width: 40px;
height: 40px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative
}
.relevant-rubric__icon img {
max-width: 100%;
max-height: 100%
}
.relevant-rubric__description {
display: none;
color: #858585;
color: var(--main-gray-text,#858585);
-webkit-transition: opacity .4s ease-out;
transition: opacity .4s ease-out
}
.relevant-rubric__description.relevant-rubric__description {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
margin: 16px 0 0
}
@media screen and (max-width: 374px) {
.relevant-rubric__description.relevant-rubric__description {
line-height:1.38
}
}
@media screen and (min-width: 768px) {
.relevant-rubric {
display:block;
height: 112px;
padding: 24px
}
.relevant-rubric__icon {
float: right
}
}
@media screen and (min-width: 992px) {
.relevant-rubric {
height:152px;
padding-bottom: 0
}
.relevant-rubric__title {
padding-right: 40px;
max-width: calc(100% - 56px)
}
.relevant-rubric__title.relevant-rubric__title {
font-size: 24px;
line-height: 1.33
}
}
@media screen and (min-width: 992px)and (max-width:374px) {
.relevant-rubric__title.relevant-rubric__title {
line-height:1.25
}
}
@media screen and (min-width: 992px) {
.relevant-rubric__description {
display:block;
opacity: 0
}
}
@media screen and (min-width: 992px) {
.relevant-rubric__icon {
width:56px;
height: 56px
}
}
.actions-preview-list-header {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
margin: 0 0 24px
}
.actions-preview-list,.actions-preview-list-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.actions-preview-list {
overflow-x: scroll;
padding-left: calc(var(--section-side-gutters)/2);
padding-right: 8px;
margin: 0 calc(var(--section-side-gutters)/-2)
}
.actions-preview-list__item {
padding: 0 8px 0 0
}
@media screen and (min-width: 992px) {
.actions-preview-list {
margin-left:-16px;
margin-right: -16px;
padding-left: 0;
padding-right: 0;
overflow: visible
}
.actions-preview-list__item {
position: relative;
width: 100%;
padding-right: 8px;
padding-left: 8px;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
}
@media screen and (min-width: 1200px) {
.actions-preview-list-header {
margin:0 0 24px
}
}
@media screen and (min-width: 1440px) {
.actions-preview-list-header {
margin:0 0 48px
}
}
:root {
--visual-colored-area-spacer-x: 64px
}
@media screen and (max-width: 1439px) {
:root {
--visual-colored-area-spacer-x:44px
}
}
@media screen and (max-width: 1199px) {
:root {
--visual-colored-area-spacer-x:36px
}
}
@media screen and (max-width: 991px) {
:root {
--visual-colored-area-spacer-x:28px
}
}
@media screen and (max-width: 767px) {
:root {
--visual-colored-area-spacer-x:22px
}
}
@media screen and (max-width: 374px) {
:root {
--visual-colored-area-spacer-x:20px
}
}
.product-rubric-visual__title {
font-weight: 700;
color: #fff
}
.product-rubric-visual__title.product-rubric-visual__title {
font-size: 32px;
line-height: 1.25;
margin: 0
}
@media screen and (max-width: 374px) {
.product-rubric-visual__title.product-rubric-visual__title {
line-height:1.19
}
}
.product-rubric-visual__description {
padding: 32px 0;
background: #fff;
position: relative;
font-size: 24px;
line-height: 1.33;
font-weight: 600
}
@media screen and (max-width: 374px) {
.product-rubric-visual__description {
line-height:1.25
}
}
@media screen and (max-width: 991px) {
.product-rubric-visual__description {
font-size:22px;
line-height: 1.45
}
}
@media screen and (max-width: 991px)and (max-width:374px) {
.product-rubric-visual__description {
line-height:1.27
}
}
@media screen and (max-width: 767px) {
.product-rubric-visual__description {
font-size:20px;
line-height: 1.5
}
}
@media screen and (max-width: 767px)and (max-width:374px) {
.product-rubric-visual__description {
line-height:1.3
}
}
@media screen and (max-width: 374px) {
.product-rubric-visual__description {
font-size:18px;
line-height: 1.44
}
}
@media screen and (max-width: 374px)and (max-width:374px) {
.product-rubric-visual__description {
line-height:1.33
}
}
.product-rubric-visual__description_empty {
height: 24px;
padding: 0
}
.product-rubric-visual__tags {
font-size: 0;
line-height: normal;
margin: 8px -4px 0
}
.product-rubric-visual__tags a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
padding: 0 12px;
color: #222;
color: var(--color-primary-text,#222);
font-weight: 500;
font-size: 14px;
height: 30px;
border-radius: 8px;
text-decoration: none;
margin: 8px 4px 0;
-webkit-transition: background .15s ease-in-out;
transition: background .15s ease-in-out
}
.product-rubric-visual__tags a:hover {
background: hsla(0,0%,100%,.85)
}
.product-rubric-visual__tags a:active {
background: hsla(0,0%,100%,.65)
}
.product-rubric-visual__colored-area {
background: #151515;
background: var(--product-rubric-visual-background-color,#151515);
padding: 24px 64px 32px;
padding: 24px var(--visual-colored-area-spacer-x) 32px;
margin: 0 -8px;
border-radius: 16px
}
.product-rubric-visual__top-right-angle {
display: none
}
@media screen and (min-width: 375px) {
.product-rubric-visual__colored-area {
margin:0 -64px;
margin: 0 calc(var(--visual-colored-area-spacer-x)*-1)
}
}
@media screen and (min-width: 768px) {
.product-rubric-visual__title {
width:calc(100% - 120px)
}
.product-rubric-visual__title.product-rubric-visual__title {
font-size: 48px;
line-height: 1.13
}
}
@media screen and (min-width: 768px)and (max-width:374px) {
.product-rubric-visual__title.product-rubric-visual__title {
line-height:1
}
}
@media screen and (min-width: 768px) {
.product-rubric-visual__tags {
margin:16px -4px 0;
position: relative;
z-index: 1
}
.product-rubric-visual__tags a {
font-size: 20px;
height: 44px;
line-height: normal;
padding: 0 18px;
border-radius: 14px
}
}
@media screen and (min-width: 768px) {
.product-rubric-visual__colored-area {
padding-top:40px;
padding-bottom: 64px;
border-radius: 32px;
position: relative
}
}
@media screen and (min-width: 768px) {
.product-rubric-visual__top-right-angle {
display:block;
position: absolute;
right: 0;
top: 0;
background: #fff;
width: 64px;
height: 64px;
border-radius: 0 0 0 32px
}
.product-rubric-visual__top-right-angle:after,.product-rubric-visual__top-right-angle:before {
content: "";
position: absolute;
width: 48px;
height: 44px;
background: radial-gradient(circle at bottom left,#151515,#151515 48%,#fff 50%);
background: radial-gradient(circle at bottom left,var(--product-rubric-visual-background-color,#151515),var(--product-rubric-visual-background-color,#151515) 48%,#fff 50%);
z-index: 1
}
.product-rubric-visual__top-right-angle:before {
top: -12px;
left: -32px
}
.product-rubric-visual__top-right-angle:after {
bottom: -32px;
right: -16px
}
}
@media screen and (min-width: 768px) {
.product-rubric-visual__top-right-angle_size-small {
height:100px
}
}
@media screen and (min-width: 768px) {
.product-rubric-visual__colored-area>:last-child {
padding-bottom:32px
}
}
@media screen and (min-width: 768px) {
.product-rubric-visual__description {
width:76%;
max-width: 832px;
margin: -64px -64px 0 auto;
margin: -64px calc(var(--visual-colored-area-spacer-x)*-1) 0 auto;
padding: 48px 64px 48px 48px;
padding: 48px var(--visual-colored-area-spacer-x) 48px 48px;
border-radius: 32px 0 0 0
}
.product-rubric-visual__description:after,.product-rubric-visual__description:before {
content: "";
position: absolute;
width: 48px;
height: 44px
}
.product-rubric-visual__description:before {
top: -32px;
right: -16px
}
.product-rubric-visual__description:after,.product-rubric-visual__description:before {
background: radial-gradient(circle at top left,#151515,#151515 48%,#fff 50%);
background: radial-gradient(circle at top left,var(--product-rubric-visual-background-color,#151515),var(--product-rubric-visual-background-color,#151515) 48%,#fff 50%)
}
.product-rubric-visual__description:after {
top: 32px;
left: -32px
}
}
@media screen and (min-width: 768px) {
.product-rubric-visual__description_empty {
display:block;
width: 50%;
max-width: 598px;
border-radius: 0 32px 0 0;
margin: -64px 0 0 -64px;
margin: -64px 0 0 calc(var(--visual-colored-area-spacer-x)*-1);
padding: 0!important;
min-height: 104px
}
.product-rubric-visual__description_empty:after {
top: -32px;
left: -16px
}
.product-rubric-visual__description_empty:after,.product-rubric-visual__description_empty:before {
background: radial-gradient(circle at top right,#151515,#151515 48%,#fff 50%);
background: radial-gradient(circle at top right,var(--product-rubric-visual-background-color,#151515),var(--product-rubric-visual-background-color,#151515) 48%,#fff 50%)
}
.product-rubric-visual__description_empty:before {
top: 32px;
right: -32px
}
}
@media screen and (min-width: 768px) {
.product-rubric-visual__description_empty.product-rubric-visual__description_size-small {
max-width:160px
}
}
@media screen and (min-width: 992px) {
.product-rubric-visual__tags {
margin:24px -4px 0
}
.product-rubric-visual__colored-area {
padding-bottom: 64px
}
.product-rubric-visual__colored-area>:last-child {
padding-bottom: 48px
}
.product-rubric-visual__description {
width: 100%;
padding-left: 56px
}
.product-rubric-visual__description:not(.product-rubric-visual__description_empty):after {
left: -32px;
top: 32px
}
}
@media screen and (min-width: 1200px) {
.product-rubric-visual__title.product-rubric-visual__title {
font-size:56px;
line-height: 1.14
}
}
@media screen and (min-width: 1200px)and (max-width:374px) {
.product-rubric-visual__title.product-rubric-visual__title {
line-height:1
}
}
@media screen and (min-width: 1200px) {
.product-rubric-visual__colored-area {
padding-top:48px
}
}
@media screen and (min-width: 1200px) {
.product-rubric-visual__colored-area>:last-child {
padding-bottom:44px
}
}
@media screen and (min-width: 1200px) {
.product-rubric-visual__description {
padding-top:48px;
padding-bottom: 72px
}
.product-rubric-visual__description:not(.product-rubric-visual__description_empty):after {
top: 32px
}
}
@media screen and (min-width: 1200px) {
.product-rubric-visual__description_empty {
width:100%;
max-width: calc(100% - 309px);
max-width: calc(100% - 437px + var(--visual-colored-area-spacer-x)*2)
}
}
@media screen and (min-width: 1440px) {
.product-rubric-visual__title.product-rubric-visual__title {
font-size:56px;
line-height: 1.14
}
}
@media screen and (min-width: 1440px)and (max-width:374px) {
.product-rubric-visual__title.product-rubric-visual__title {
line-height:1
}
}
@media screen and (min-width: 1440px) {
.product-rubric-visual__colored-area {
padding:48px 64px 64px;
padding: 48px var(--visual-colored-area-spacer-x,64px) 64px;
margin: 0 -64px;
margin: 0 calc(var(--visual-colored-area-spacer-x, 64px)*-1)
}
}
@media screen and (min-width: 1440px) {
.product-rubric-visual__colored-area>:last-child {
padding-bottom:56px
}
}
@media screen and (min-width: 1440px) {
.product-rubric-visual__description {
margin-right:-64px;
margin-right: calc(var(--visual-colored-area-spacer-x, 64px)*-1);
padding-bottom: 64px;
padding-bottom: var(--visual-colored-area-spacer-x,64px)
}
}
.actions-preview-list-header {
--color-primary-product: #222
}
.footer {
border-top: none
}
.relevant-rubric__description {
opacity: 1
}
@media screen and (max-width: 767px) {
.section-rubric:not(.is-shown) {
display:none
}
.section-rubric.is-shown {
-webkit-animation: fadeIn .3s ease-in-out;
animation: fadeIn .3s ease-in-out;
opacity: 1
}
.product-rubric-visual__tags a:not(.is-active) {
background: transparent;
-webkit-box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.24);
box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.24);
color: #fff
}
}
@media screen and (min-width: 768px) {
.page-layout__content {
padding-bottom:56px
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}