body {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #666;
font-size: 12px;
line-height: 20px;
width: 100%;
background: rgba(248, 248, 250, 1);
}
html {
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
color: #000;
overflow-wrap: anywhere;
}
/* default font size */
.fa {
font-size: 16px;
}
b {
color: #000 !important;
}
/* Override the bootstrap defaults */
h1 {
font-size: 23px;
font-weight: 600;
line-height: 28px;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10.2px;
}
a {
color: #23a1d1;
}
a:hover {
text-decoration: none;
}
legend {
font-size: 18px;
padding: 7px 0px
}
.car_but_s {
display: flex;
justify-content: space-between;
}
label {
font-size: 13px;
font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
font-size: 12px;
}
.input-group .input-group-addon {
font-size: 12px;
height: 30px;
border: 0;
background: none;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display: inline;
}
.pswp__img {
height:auto !important;
}/*
.pswp__img {
position:relative !important;
}
.pswp__zoom-wrap {
display: flex !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
*/
/* Контейнер для звезд */
.review_item .rating {
display: flex;
justify-content: start;
align-items: center;
}
/* Общий стиль для звезд */
.review_item .star {
display: inline-block;
width: 13px; /* Ширина звезды */
height: 13px; /* Высота звезды */
margin-right: 4px; /* Расстояние между звездами */
background-size: contain; /* Масштабирование изображения */
background-repeat: no-repeat; /* Без повторения изображения */
}
.review_item .review_text {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3; /* Ограничение в 3 строки */
-webkit-box-orient: vertical;
text-overflow: ellipsis;
max-height: 4.5em; /* Высота для 3 строк */
line-height: 1.5em; /* Высота строки */
font-size: 14px;
}
/* Плейсхолдеры (занимают место в потоке, когда включен fixed) */
#ph-top, #ph-bottom { display: none; height: 0; }
#ph-top.active, #ph-bottom.active { display: block; }
/* Модалка поверх всего */
#rating-modal{ z-index: 10000; }
.review_item .review_text.expanded {
overflow: visible;
-webkit-line-clamp: unset;
max-height: none;
}
.dsdeeee {
margin-left: -15px;
margin-right: -15px;
}
.review_item .toggle_button {
margin-top: 5px;
background: none;
color: #0087ff;
border: none;
border-radius: 3px;
cursor: pointer;
font-size: 14px;
padding: 0;
}
.toggle_button.hidden {
display: none; /* Полное скрытие кнопки */
}
/* Заполненная звезда */
.review_item .star-filled {
background-image: url('data:image/svg+xml;utf8,');
}
/* Пустая звезда */
.review_item .star-empty {
background-image: url('data:image/svg+xml;utf8,');
}
.nav-tabs {
margin-bottom: 15px;
}
div.required .control-label:before {
content: '* ';
color: #F00;
font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
text-decoration: none;
background: #f4f5f7;
}
.tel_info a {
white-space: nowrap;
display: flex;
align-items: center;
}
.list-inline {
margin:0;
}
.pull-left {
display: flex;
}
.store_car {
display: inline-block;
}
.pozprod input {
display:none;
}
.car_photo img {
border-radius: 5px;
}
.pozprod .item {
display: flex;
align-items: center;
}
.serttt3 {
margin-bottom: 15px;
}
/* top */
.top_menu, .bottom_menu {
display: flex;
justify-content: space-between;
align-items: center;
height: 72px;
}
.b_left_menu {
display: flex;
align-items: center;
width: 100%;
}
.logo img {
height: 52px;
}
.b_right_menu {
display: flex;
min-width: 346px;
}
.b_right_buttom {
margin-left: 20px;
font-size: 14px;
display: flex;
color: #000;
align-items: center;
cursor: pointer;
flex-direction: column;
}
.b_right_buttom svg {
width: 24px;
margin-right: 5px;
}
#logo {
min-width: 122px;
}
header {
box-shadow: 0px 5px 20px 0px #2C29331A !important;
top: 50px;
width: 100%;
z-index: 1000;
background: #fff;
}
#logo img {
height: 100%;
}
#top {
height: 59px;
display: flex;
align-items: center;
font-size: 13px;
margin-bottom: 5px;
}
.top_menu_head {
display: flex;
width: 100%;
height: 44px;
}
#searchsprut {
display: flex;
align-items: center;
}
.input-group-btn {
width: auto;
}
#searchsprut input {
box-shadow: none;
background: #F4F5F7;
border: 1px solid #f7f8fa;
}
.ajaxlogin_body {
position: relative;
}
.ajaxlogin_body .prmn-cmngr-cities__close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1000;
background: #f3f3f3;
opacity: 1;
width: 40px;
height: 40px;
border-radius: 50%;
}
.ajaxlogin_font {
position: fixed;
top: 0;
left: 0;
background: #0000001a;
width: 100%;
height: 100%;
z-index: 1055 !important;
display: flex;
align-items: center;
justify-content: center;
}
.ajaxlogin_body {
width: 420px;
padding: 50px 20px;
background: #fff;
border-radius: 10px;
}
.ajaxlogin_body #content {
min-height: auto !important;
}
.ajaxlogin_body button {
width: 100%;
border: 0;
background: #ffcc33;
color: #4d4d4d !important;
border-radius: 5px;
font-size: 16px;
height: 46px;
}
.ajaxlogin_body button:hover {
opacity:0.8;
}
.ajaxlogin_body #error {
font-size: 13px;
display: block;
margin-top: 15px;
border-radius: 5px;
padding: 10px;
text-align: left;
}
/* Стиль фиксированного состояния шапки */
#main_b.is-sticky {
position: fixed;
top: 0; /* при необходимости можно поменять, если сверху есть админ-бар */
left: 0;
right: 0;
z-index: 1000; /* выше выпадашек и модалок */
background: #fff; /* на случай полупрозрачных секций ниже */
box-shadow: 0px 5px 20px 0px #2C29331A !important;
}
/* Опционально: небольшая анимация появления тени/фиксации */
#main_b {
transition: box-shadow .18s ease, transform .18s ease;
will-change: transform;
position: relative;
z-index: 1000;
}
/* Когда фиксирован, чуть «прижимаем» для плавности */
#main_b.is-sticky {
transform: translateZ(0);
}
/* Плейсхолдер под шапку — будет вставляться JS, по умолчанию нулевой */
#main_b-placeholder {
height: 0;
}
.gffff {
align-items: center;
height: 50px;
display: flex !important;
justify-content: space-between;
z-index: 1005;
}
.gffff > a, .dropbtn {
margin-right: 15px;
font-size: 13px;
color: #666 !important;
cursor:pointer;
}
.gffff > a:hover, .dropbtn:hover {
color: #ed1c24 !important;
}
/* контейнер меню */
.dropdown {
position: relative;
display: inline-block;
}
/* выпадающее меню */
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
box-shadow: 0 0 0 1px #0000000a, 0 4px 4px #0000000a, 0 20px 40px #00000014;
border-top-color: #ddd;
min-width: 160px;
padding: 24px;
border-radius: 6px;
z-index: 1;
top: 43px;
z-index: 100;
}
.dropdown-content a {
color: black;
text-decoration: none;
line-height: 24px;
display: block;
margin-bottom: 8px;
}
.dropdown-content a:hover {
color: #ff0000;
}
/* активное меню */
.show {
display: block;
}
#rating-modal { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,.45); z-index: 10000; }
body.modal-open { overflow: hidden; }
#rating-modal .stars { font-size: 32px;
color: #ccc;
user-select: none;
display: flex
;
margin-bottom: 30px;
background: #f8f8f8;
border-radius: 12px;
align-items: center; }
#rating-modal .star { padding:2px 4px; cursor:pointer; background:none; border:none; line-height:1; }
#rating-modal .star:hover { transform: scale(1.05); }
#rating-modal .star.active { color:#ffb400; }
#rating-modal .stars.readonly .star { cursor:default; pointer-events:none; opacity:.75;font-size: 27px; }
#rating-modal .ajaxlogin_body .star { font-size: 40px !important; }
#rating-modal .star.active {
color: #ffcc33 !important;
}
#rating-modal .star:focus, #rating-close-btn:focus, #send-feedback-btn:focus, #reset-rating-btn:focus, #rating-feedback:focus { outline: 2px solid #4e9cff; outline-offset: 2px; }
/* Лёгкий стиль для ссылок внутри позитивного сообщения */
#rating-message .review-links { display: flex
;
gap: 8px;
flex-wrap: wrap;
width: 100%;
justify-content: center;
font-size: 14px;
margin-top: 17px;
color: #0f0f0f; }
#rating-message .review-links a { text-decoration: underline; }
#rating-modal .star:focus, #rating-close-btn:focus, #send-feedback-btn:focus, #reset-rating-btn:focus, #rating-feedback:focus {
outline: none !important;
}
.product-grid .product_description {
display:none;
}
.ttsmail span {
display: flex;
align-items: center;
}
.ttsmail svg {
margin-right: 10px;
width: 28px;
height: 28px;
fill: #ed1c24;
}
.cat_top .cat {
display: flex;
align-items: center;
}
.list-inline>li {
padding: 0;
}
#top .container {
padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
text-shadow: none;
color: #ffffff;
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background: none;
border: 0;
}
.dropdown-menu {
border: 0;
border-radius: 8px;
padding: 0;
overflow: hidden;
}
.dropdown-menu>li>a {
font-size: 13px;
padding: 10px 15px;
}
.auto_module {
padding-top: 40px;
padding-bottom: 40px;
}
.filter_type_c_1 {
margin-top: 20px;
}
.set_category select {
padding: 0 10px !important;
border: solid 1px #ededed !important;
}
input {
outline:none !important;
}
#top-links .dropdown-menu a {
text-shadow: none;
}
#top .btn-link strong {
font-size: 14px;
line-height: 14px;
}
#top-links a + a {
margin-left: 15px;
}
/* search */
#searchsprut {
width: 100%;
position: relative;
}
#searchsprut .input-lg {
height: 48px;
line-height: 20px;
padding-left: 45px;
font-size: 14px;
border-radius: 10px;
}
.catalog_list .category_item:last-child {
border: none;
margin: 0;
padding: 0;
}
/* cart */
#cart > .btn {
font-size: 12px;
line-height: 18px;
color: #FFF;
}
#cart.open > .btn {
background-image: none;
background-color: #FFFFFF;
border: 1px solid #E6E6E6;
color: #666;
box-shadow: none;
text-shadow: none;
}
#cart.open > .btn:hover {
color: #444;
}
#cart .dropdown-menu {
background: #eee;
z-index: 1001;
}
#cart .dropdown-menu {
min-width: 100%;
overflow-y: auto;
max-height: 800px;
scrollbar-width: thin;
overflow-x: hidden;
}
@media (max-width: 478px) {
#cart .dropdown-menu {
width: 100%;
}
}
#cart .dropdown-menu table {
margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
min-width: 427px;
padding: 0 10px;
}
@media (max-width: 478px) {
#cart .dropdown-menu li > div {
min-width: 100%;
}
}
#cart .dropdown-menu li p {
margin: 20px 0;
}
.hover-img-add {
display: block;
}
.car_product_list .item .text{
width: 100%;
padding-left: 55px;
padding-right: 15px;
}
.r_car_p {
box-shadow: 0 8px 30px rgba(0,0,0,.08);
padding: 20px;
border-radius: 8px;
background: #fff;
}
.car_product_list .item .photo img {
border-radius: 5px;
}
.body_dop_m {
margin-top: 10px;
font-size: 14px;
border: solid 1px #e5e5e5;
padding: 0 11px;
border-radius: 5px;
padding-top: 0;
}
.filter .reset-filter-button {
background-color: #ffcc33 !important;
color: #4d4d4d !important;
}
.body_dop_m a i {
float: right;
}
#collapse-coupon {
border-top: 0;
}
.btn-primary {
background: #ed1c24 !important;
border-color: #ed1c24 !important;
}
.body_dop_m a {
display: block;
padding: 11px 0;
color: black;
}
.but_elow {
background: rgb(255, 204, 51);
color: rgba(0, 0, 0, 0.8) !important;
}
.g5rjj {
display: flex;
align-items: center;
}
.car_but_of {
background: rgb(255, 204, 51);
color: rgba(0, 0, 0, 0.8) !important;
fill: #141414;
position: relative;
padding: 10px 24px;
display: inline-flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
text-align: center;
border-radius: 4px;
transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, fill .2s ease-in-out;
height: 20px;
font-size: 16px;
line-height: 1.43;
font-family: Montserrat-SemiBold, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
width: 100%;
height: 42px;
margin-bottom: 30px;
}
.top_n_c_2 {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 17px;
font-weight: 600;
color: #000;
}
.cart_info {
width: 100%;
margin-left: 15px;
}
.car_item_block {
display: flex;
align-items: center;
}
.car_info_block_body {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.car_info_block2 {
display: flex;
flex-grow: 1;
justify-content: flex-end;
align-items: center;
}
.car_but_block {
display: flex;
flex-direction: column;
min-width: 105px;
}
.car_product_list .item {
margin-bottom: 15px;
padding: 20px 0;
border-bottom: solid 1px #efefef;
position: relative;
}
.cart_mane {
font-size: 16px;
font-weight: 600;
color: #000;
word-break: break-word; /* Перенос внутри слова */
overflow-wrap: break-word; /* Современный стандарт */
}
.car_info_block {
margin: 0 15px;
}
.car_product_list .item .text a{
font-size: 16px;
color: #000;
font-weight: 600;
}
.small, small {
font-size: 12px;
}
.car_product_list .item .price{
white-space: nowrap;
min-width: 115px;
text-align: right;
font-size: 16px;
font-weight: 600;
color: black;
}
.tot_info {
width: 100%;
display: flex;
align-items: center;
}
/* menu */
#menu {
min-height: 40px;
}
#menu .nav > li > a {
color: #000;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
padding: 10px 15px 10px 15px;
min-height: 15px;
background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
padding-bottom: 0;
}
#menu .dropdown-inner {
display: table;
}
#menu .dropdown-inner ul {
display: table-cell;
}
#menu .dropdown-inner a {
min-width: 160px;
display: block;
padding: 3px 20px;
clear: both;
line-height: 20px;
color: #333333;
font-size: 12px;
}
#menu .dropdown-inner li a:hover {
color: #FFFFFF;
}
#menu .see-all {
display: block;
margin-top: 0.5em;
border-top: 1px solid #DDD;
padding: 3px 20px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 3px 3px;
font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
text-decoration: none;
color: #ffffff;
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
}
#menu #category {
float: left;
padding-left: 15px;
font-size: 16px;
font-weight: 700;
line-height: 40px;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
font-size: 15px;
font-stretch: expanded;
color: #FFF;
padding: 2px 18px;
float: right;
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
color: #ffffff;
background-color: #229ac8;
}
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu {
display: block;
}
}
@media (max-width: 767px) {
#menu {
border-radius: 4px;
}
#menu div.dropdown-inner > ul.list-unstyled {
display: block;
}
#menu div.dropdown-menu {
margin-left: 0 !important;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-inner {
display: block;
}
#menu .dropdown-inner a {
width: 100%;
color: #fff;
}
#menu .dropdown-menu a:hover,
#menu .dropdown-menu ul li a:hover {
background: rgba(0, 0, 0, 0.1);
}
#menu .see-all {
margin-top: 0;
border: none;
border-radius: 0;
color: #fff;
}
}
.modal-content {
box-shadow: none;
border: 0;
}
.modal-backdrop {
background-color: #494949;
}
.modal-lg {
width: 100%;
margin: 0;
height: 100%;
padding-top: 35px;
}
.modal_cont {
padding-top: 60px;
}
.item.highlight {
background-color: #f0f0f0;
color: #333;
}
.modal-lg .prmn-cmngr-cities__close {
width: 40px;
height: 40px;
background: #e4e4e4!important;
border-radius: 50%;
opacity: 1;
position: absolute;
right: 35px;
top: 25px;
}
.view_slider {
margin-bottom: 30px;
}
.modal-lg .modal-content {
border-radius: 20px 20px 0 0;
height: 100%;
}
.set_category button {
color: #333333 !important;
}
.top_car {
background: #F4F5F7;
}
.modal {
padding-right: 0 !important;
}
.top_menu_button {
display: flex;
align-items: center;
border: solid 1px #ebebeb;
border-radius: 8px;
margin-left: 23px;
width: 100%;
overflow: hidden;
}
.catalog_but {
display: flex;
align-items: center;
border-radius: 8px;
width: 144px;
height: 44px;
font-size: 13px;
font-weight: 600;
background-color: rgb(255, 204, 51);
color: rgba(0, 0, 0, 0.8) !important;
min-width: 150px;
}
.catalog_but svg {
fill: rgba(0, 0, 0, 0.8) !important;
stroke:rgba(0, 0, 0, 0.8) !important;
}
.city_geo {
cursor:pointer;
}
#center_t_menu {
display: flex;justify-content: space-between;width: 100%;padding: 0 20px;
}
.catalog_but:hover, .search_but_autof:hover {
cursor: pointer;
opacity: 0.8;
}
.catalog_but:hover svg {
fill: #fff;
stroke: #fff;
}
.modal-open header {
padding-right: 17px;
}
.but_serch {
width: 50px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-left: solid 1px #ebebeb;
background: red;
}
.ico_menu {
width: 22px;
height: 24px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.ico_menu span {
background: #202020;
display: block;
height: 3px;
width: 100%;
margin: 2px 0px 2px 0px;
}
.but_serch svg {
width: 28px;
height: 28px;
fill: white;
}
.skroll-mod {
overflow-y: auto;
max-height: 96vh;
height: 100%;
}
.body_filter {
display: flex;
flex-wrap: wrap;
grid-gap: 16px;
gap: 16px;
}
.body_filter > div {
}
/* content */
#content {
min-height: calc(100vh - 319px);
}
/* footer */
footer {
background-color: #ffffff;
color: #e2e2e2;
padding: 36px 0;
box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
}
footer a {
display: inline-block;
text-decoration: underline;
color: rgb(51, 51, 51);
margin-right: 15px;
margin-top: 5px;
font-size: 14px;
font-weight: 500;
}
footer hr {
border-top: none;
border-bottom: 1px solid #666;
}
footer a:hover {
color: #ed1c24;
}
footer h5 {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: bold;
color: #fff;
}
/* alert */
.body_alert {
bottom: 0;
position: fixed;
z-index: 1000;
left: calc(50vw - 29vw);
right: calc(50vw - 29vw);
display: flex;
justify-content: center;
align-items: center;
}
.alert {
padding: 20px 23px;
background: #fff;
width: 50vh;
border: 0;
box-shadow: 0px 10px 20px 0px rgba(34,60,80,0.2);
color: #474747;
font-size: 15px;
border-radius: 20px;
}
/* breadcrumb */
.breadcrumb {
margin: 0 0 20px 0;
border-radius: 8px;
padding: 0;
font-size: 13px;
background: none;
}
.breadcrumb i {
font-size: 15px;
}
.breadcrumb > li {
text-shadow: 0 1px 0 #FFF;
position: relative;
white-space: nowrap;
}
.breadcrumb > li + li:before {
content: '';
padding: 0;
}
.top_tag {
display: flex;
margin-bottom: 5px;
margin-top: 10px;
}
.body_set_type {
display: flex;
align-items: center;
height: 42px;
border: solid 1px #d1d1d1;
border-radius: 8px;
overflow: hidden;
margin-bottom: 20px;
}
.body_set_type .active {
color: black;
background: #f4f5f7;
}
.body_set_type div {
display: flex;
align-items: center;
height: 42px;
width: 50%;
justify-content: center;
cursor: pointer;
}
.main_catalog .tt_prod {
margin-bottom:0;
}
.slider_sale .caption {
padding: 10px;
}
.slider_sale .product-thumb {
border: solid 1px #efefef;
border-radius: 9px;
padding: 0px;
overflow: hidden;
}
.slider_sale h4 {
font-size: 14px;
}
.top_tag a {
background: white;
padding: 8px 12px 8px 12px;
border-radius: 6px;
font-size: 12px;
color: black;
margin-right: 20px;
cursor: pointer;
box-shadow: 0px 4px 10px 0px rgba(46, 16, 102, 0.05);
display: flex;
align-items: center;
}
.breadcrumb li:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' fill='none'%3E%3Cpath fill='%238A8C93' fill-rule='evenodd' d='M2.852 3.502.143 6.19a.472.472 0 0 0 0 .671.48.48 0 0 0 .676 0L3.86 3.843A.471.471 0 0 0 4 3.502a.471.471 0 0 0-.14-.342L.816.14a.48.48 0 0 0-.676 0 .472.472 0 0 0 0 .67l2.712 2.693z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
content: " ";
height: 7px;
margin: 0;
padding: 0 7px;
width: 4px
}
.button1:hover, .button1:focus {
background-color: #f4f6f8;
}
.cat_top {
display: flex;
justify-content: space-between;
margin-top: 15px;
}
.prmn-cmngr {
white-space: nowrap;
}
.city_geo, .tel_info, #top-links {
margin-left:20px;
}
.bag_f {
background: #fff;
padding-bottom: 50px;
box-shadow: 0px 5px 20px 0px #2C29331A !important;
}
#top-links .dropdown a, #top-links .dropdown span {
display: flex;
align-items: center;
white-space: nowrap;
}
.top_bottom_menu {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
}
.top_bottom_menu a:hover {
background: #F4F5F7;
}
.top_bottom_menu a{
display: flex;
align-items: center;
font-size: 13px;
font-weight: 600;
gap: 10px;
color: #666 !important;
border-radius: 8px;
padding: 6px 10px 6px 10px;
height: 44px;
margin-left: 10px;
}
.top_car span {
background: rgba(251, 96, 25, 1);
color: #fff;
border-radius: 50%;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: normal;
}
.catalog_but svg {
width: 25px !important;
height: 25px !important;
margin-right: 5px;
margin-left: 5px;
}
.auto_module .select_list {
width: 100% !important;
max-width: 100% !important;
}
#error {
text-align: center;
font-size: 20px;
margin-top: 90px;
}
.prmn-cmngr {
position: absolute !important;
right: 21px !important;
}
.glyphicon {
font-size: 20px;
color: #f71313;
margin-right: 5px;
}
.prmn-cmngr a {
cursor: pointer;
margin: 0 !important;
height: 48px;
}
.cat_top a {
background: #f7f6f9;
padding: 10px 20px;
border-radius: 20px;
margin-right: 15px;
font-size: 13px;
color: #000;
display: flex;
align-items: center;
}
.cat_top svg {
width: 28px;
height: 28px;
margin-right: 5px;
}
.pagination {
margin: 0;
margin-top: 30px;
}
/* buttons */
.buttons {
margin: 1em 0;
}
.btn {
padding: 7.5px 12px;
font-size: 12px;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
font-size: 9px;
}
.btn-sm {
font-size: 10.2px;
}
.btn-lg {
padding: 10px 16px;
font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
font-size: 12px;
}
.btn-group > .btn-xs {
font-size: 9px;
}
.btn-group > .btn-sm {
font-size: 10.2px;
}
.btn-group > .btn-lg {
font-size: 15px;
}
.btn-default {
color: #777;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #e7e7e7;
background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
background-repeat: repeat-x;
border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background-color: #1f90bb;
background-position: 0 -15px;
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #df5c39;
background-image: linear-gradient(to bottom, #e06342, #dc512c);
background-repeat: repeat-x;
border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-image: none;
background-color: #df5c39;
}
.btn-link {
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
color: #23A1D1;
border-radius: 0;
}
.d_telegram {
background: #229ed9 url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAyNCAyNCcgaGVpZ2h0PSc0MCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nNDAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBzdHJva2U9IiNmZmYiIGN4PScxMicgY3k9JzEyJyBmaWxsPScjMDM5YmU1JyByPScxMicvPjxwYXRoIGQ9J201LjQ5MSAxMS43NCAxMS41Ny00LjQ2MWMuNTM3LS4xOTQgMS4wMDYuMTMxLjgzMi45NDNsLjAwMS0uMDAxLTEuOTcgOS4yODFjLS4xNDYuNjU4LS41MzcuODE4LTEuMDg0LjUwOGwtMy0yLjIxMS0xLjQ0NyAxLjM5NGMtLjE2LjE2LS4yOTUuMjk1LS42MDUuMjk1bC4yMTMtMy4wNTMgNS41Ni01LjAyM2MuMjQyLS4yMTMtLjA1NC0uMzMzLS4zNzMtLjEyMWwtNi44NzEgNC4zMjYtMi45NjItLjkyNGMtLjY0My0uMjA0LS42NTctLjY0My4xMzYtLjk1M3onIGZpbGw9JyNmZmYnLz48L3N2Zz4NCg==) 50% no-repeat;
}
.d_whatsapp {
background: #25d366 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTIxIDQxQzMyLjA0NTcgNDEgNDEgMzIuMDQ1NyA0MSAyMUM0MSA5Ljk1NDMgMzIuMDQ1NyAxIDIxIDFDOS45NTQzIDEgMSA5Ljk1NDMgMSAyMUMxIDMyLjA0NTcgOS45NTQzIDQxIDIxIDQxWiIgZmlsbD0iIzI1RDM2NiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+ICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYuNjU0NyAyMy4xODU0QzI2LjU4NjcgMjMuMDc1NyAyNi40MTE0IDIzLjAxMDEgMjYuMTQ4IDIyLjg3OUMyNS44ODIgMjIuNzQ3OSAyNC41Nzk3IDIyLjExMTMgMjQuMzM3NiAyMi4wMjQzQzI0LjA5NTYgMjEuOTM3MyAyMy45MTY2IDIxLjg5MzIgMjMuNzQxMyAyMi4xNTU0QzIzLjU2NjEgMjIuNDE4OSAyMy4wNTY4IDIzLjAxMDEgMjIuOTAxNyAyMy4xODU0QzIyLjc0NzkgMjMuMzYxOSAyMi41OTQxIDIzLjM4MzMgMjIuMzI5NCAyMy4yNTA5QzIyLjA2NDYgMjMuMTE5OCAyMS4yMTEyIDIyLjg0MjUgMjAuMjAwMSAyMS45NDg3QzE5LjQxNDcgMjEuMjUwMiAxOC44ODI3IDIwLjM5MTcgMTguNzI3NiAyMC4xMjgyQzE4LjU3MzggMTkuODY2IDE4LjcxMTIgMTkuNzIzNiAxOC44NDM2IDE5LjU5MjVDMTguOTYyMSAxOS40NzUyIDE5LjEwODQgMTkuMjg2MSAxOS4yNDA3IDE5LjEzMzZDMTkuMzc0NCAxOC45Nzk4IDE5LjQxNzIgMTguODcwMSAxOS41MDU1IDE4LjY5MzZDMTkuNTkzNyAxOC41MTg0IDE5LjU0OTYgMTguMzY1OCAxOS40ODQgMTguMjM0N0MxOS40MTcyIDE4LjEwMzYgMTguODg3NyAxNi44MTAyIDE4LjY2NTkgMTYuMjg0NUMxOC40NDY1IDE1Ljc1ODggMTguMjI1OSAxNS44NDU3IDE4LjA3MDggMTUuODQ1N0MxNy45MTcgMTUuODQ1NyAxNy43NDA1IDE1LjgyNDMgMTcuNTY0IDE1LjgyNDNDMTcuMzg2MyAxNS44MjQzIDE3LjEwMDEgMTUuODg5OSAxNi44NTgxIDE2LjE1MzNDMTYuNjE2IDE2LjQxNTYgMTUuOTMxNSAxNy4wNTIyIDE1LjkzMTUgMTguMzQzMUMxNS45MzE1IDE5LjYzNjYgMTYuODc5NSAyMC44ODU5IDE3LjAxMzEgMjEuMDU5OUMxNy4xNDQyIDIxLjIzNTEgMTguODQzNiAyMy45NzQ2IDIxLjUzMzkgMjUuMDI2QzI0LjIyNjcgMjYuMDc3NCAyNC4yMjY3IDI1LjcyNjkgMjQuNzEyMSAyNS42ODI4QzI1LjE5NzQgMjUuNjM5OSAyNi4yNzc4IDI1LjA0NzQgMjYuNDk4NCAyNC40MzQ3QzI2LjcyMDMgMjMuODIwOCAyNi43MjAzIDIzLjI5MzggMjYuNjU0NyAyMy4xODU0Wk0yMS4yMDExIDExLjcwN0MxNi4xOTI0IDExLjcwNyAxMi4xMjA1IDE1Ljc0ODcgMTIuMTIwNSAyMC43MTdDMTIuMTIwNSAyMi42ODc0IDEyLjc2MDkgMjQuNTE0MSAxMy44NTAxIDI2LjAwMDVMMTIuNzE1NSAyOS4zNDYzTDE2LjIwMzggMjguMjM2OUMxNy42Mzg0IDI5LjE3NzQgMTkuMzU1NSAyOS43MjcgMjEuMjAxMSAyOS43MjdDMjYuMjA3MiAyOS43MjcgMzAuMjgwNCAyNS42ODUzIDMwLjI4MDQgMjAuNzE3QzMwLjI4MDQgMTUuNzQ4NyAyNi4yMDcyIDExLjcwNyAyMS4yMDExIDExLjcwN1pNMzIgMjAuNzE3QzMyIDI2LjYzNDYgMjcuMTY1MyAzMS40MzQgMjEuMjAxMSAzMS40MzRDMTkuMzA2MyAzMS40MzQgMTcuNTI3NSAzMC45NDk5IDE1Ljk3OTQgMzAuMTAwMkwxMCAzMkwxMS45NDkgMjYuMjUxM0MxMC45NjU3IDI0LjYzNTIgMTAuMzk5NiAyMi43NDE2IDEwLjM5OTYgMjAuNzE3QzEwLjM5OTYgMTQuNzk4MSAxNS4yMzQzIDEwIDIxLjIwMTEgMTBDMjcuMTY1MyAxMCAzMiAxNC43OTgxIDMyIDIwLjcxN1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+) 50% no-repeat;
}
.d_chat {
background: rgb(255, 204, 51) url('data:image/svg+xml;utf8,') no-repeat center;
}
.d_ug {
position: relative;
width: 40px;
height: 40px;
border-radius: 40px;
z-index: 1;
border: 2px solid hsla(0, 0%, 100%, .5);
margin-bottom: 10px;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color: rgba(0, 0, 0, 0);
background-image: none;
box-shadow: none;
}
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
background-color: #222222;
background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
border: 1px solid #DDDDDD;
color: #888888;
padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
color: #444444;
background: #eeeeee;
border: 1px solid #DDDDDD;
text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
color: #FFFFFF;
text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
content: '\f053';
font-family: FontAwesome;
}
.carousel-control .icon-next:before {
content: '\f054';
font-family: FontAwesome;
}
/* product list */
.product-thumb {
overflow: auto;
padding-bottom: 35px;
padding-top: 35px;
min-height: 230px;
}
.product-layout:hover {
box-shadow: 0 5px 30px rgba(34, 34, 34, .1);
border-radius: 8px;
cursor:pointer;
border-radius: 20px;
}
.sdiiyrk {
display: flex;flex-direction: row;
}
.slider_sale .product-layout:hover {
padding: 1px;
}
.product-layout:hover .product-thumb {
border:0;
}
.product-list .button-group {
display:none;
}
.product-list:hover .button-group {
display:block;
}
#catalog a{
color: #666;
}
.product-thumb .image {
text-align: center;
max-width: 225px;
}
.product-thumb .image a {
display: block;
}
.product-thumb .image img {
margin-right: auto;
width: 100%;
}
.product-list .image img {
border-radius: 5px;
height: 158px;
min-width: 198px;
}
.product-list .product_info_body {
display: flex;
margin-left: 20px;
justify-content: space-between;
}
.product-list .reg_inf {
margin-left: 20px;
min-width: 175px;
}
.padding_t_30 {
padding-top: 30px;
}
.product-list h4 {
margin-top: 0;
margin-bottom: 0px;
}
.product-discounts button svg {
fill: #ed2027 !important;
}
.tmb-wrap-table div:after {
bottom: 11px !important;
}
.dop_menu {
/* background-color: #f7f8fa;*/
border-radius: 10px;
/* padding: 20px;*/
}
#auto_module_form {
display: flex;
align-items: center;
}
.dop_menu #option-price {
display: flex;
align-items: center;
position: relative;
}
.filter .neoseo-filter {
padding-bottom: 40px;
padding-top: 40px;
}
.category_list_c {
border-bottom: solid 1px #efefef !important;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
grid-auto-flow: dense;
grid-gap: 16px;
gap: 16px;
padding-bottom: 40px;
padding-top: 40px;
}
.category_list_c img {
margin-right: 13px;
}
.category_list_c a {
display: flex;
padding: 10px 12px;
border-radius: 10px;
font-size: 15px;
color: #000;
width: 100%;
align-items: center;
box-shadow: 0 1px 4px 0 #bfbfbf;
min-height: 80px;
}
.custom-checkbox {
display: flex;
align-items: center;
margin-top: 8px;
cursor: pointer;
}
.dop_block {
margin-bottom: 20px;
}
.dop_menu .dop_block:last-child {
margin:0;
}
.dop_menu label {
font-size: 13px;
}
.dop_menu .custom-checkbox input, .dop_menu .custom-checkbox label {
margin:0;
cursor: pointer;
}
.dop_menu .custom-checkbox input {
width: 20px;
height: 20px;
margin-right: 8px;
}
.dop_menu .custom-checkbox label {
width: 100%;
}
.dop_menu #option-price input {
width: 100%;
}
.tmb-wrap-table div.active:after {
background-color: rgba(251, 96, 25, 1) !important;
}
.product-layout a {
color: #000;
line-height: 21px;
overflow-wrap: anywhere;
}
.dop_menu_title {
font-size: 14px;
margin-bottom: 5px;
color: #000;
}
.store_car:hover {
color: #23527c;
cursor: pointer;
}
.image button {
position: absolute;
right: 7px;
top: 7px;
border: 0;
background: none;
}
.product-grid .product-thumb .image {
float: none;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.product-grid .product-thumb .image a:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(33,32,31,.03);
}
.btn-default.active {
box-shadow: none;
border: 0;
background: #fff !important;
border-radius: 8px !important;
}
.btn-default:hover, .btn-default.active:focus, .btn-default:active:focus, .btn-default:active:hover, .btn-default.active:hover, .btn:active {
background: none;
border: 0;
outline: none !important;
box-shadow: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
float: left;
}
}
.product-thumb h4 {
font-weight: bold;
word-break: break-all;
min-height: 31px;
display: flex;
align-items: center;
line-height: 20px;
}
.product-list .product-thumb .caption {
margin-left: 197px;
min-height: auto;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
min-height: 210px;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
min-height: 0;
margin-left: 0;
padding: 0 10px;
}
.product-grid .product-thumb .caption {
min-height: 0;
}
}
.product-thumb .rating {
padding-bottom: 10px;
}
.rating .fa-stack {
font-size: 8px;
}
.rating .fa-star-o {
color: #999;
font-size: 15px;
}
.rating .fa-star {
color: #FC0;
font-size: 15px;
}
.rating .fa-star + .fa-star-o {
color: #E69500;
}
h2.price {
margin: 0;
}
.product-thumb .price_c {
color: #444;
font-weight: 600;
font-size: 18px;
}
.product-grid .text_product_body {
display:none;
}
.price-new {
color: #ff0000;
font-size: 14px;
font-weight: 600;
}
.price-old {
position: relative;
}
.price-old:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
left: 0;
top: 55%;
transform: translateY(-50%);
background-color: #ff5e00;
}
.product-thumb .price-new {
font-weight: 600;
}
.baner_rig {
margin-top: 25px;
display: block;
}
.baner_rig img {
width: 100%;
border-radius: 10px;
}
.baner_rig:hover {
opacity:0.8;
}
.product-thumb .price-old {
text-decoration: line-through;
margin-left: 5px;
font-size: 13px;
}
.price {
margin: 0;
}
.product-thumb .price-tax {
color: #999;
font-size: 12px;
display: block;
}
.product-list .product-thumb .button-group {
border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
.product-list .product-thumb .button-group {
border-left: none;
}
}
.product-thumb .button-group button, .product-thumb .button-group a {
display: inline-block;
float: left;
border: 0;
line-height: 32px;
text-align: center;
background: #f7f8fa;
display: flex;
font-size: 13px;
width: 100%;
border-radius: 8px;
align-items: center;
padding: 5px 10px;
}
.product-thumb .button-group button svg, .product-thumb .button-group a svg {
margin-right: 12px;
width: 22px;
height: 22px;
fill: #ed1c24;
}
.product-thumb .button-group button:hover svg, .product-thumb .button-group a svg:hover {
fill: #4d4d4d;
}
.product-discounts .button-group button {
border: 0 !important;
float: left !important;
text-align: start !important;
display: flex !important;
font-weight: normal !important;
line-height: normal !important;
text-transform: inherit !important;
align-items: center !important;
margin-bottom: 10px;
background: none !important;
color: #333; !important;
}
.product-discounts .button-group button:hover {
color: #ed2027 !important;
}
.product-thumb .button-group button + button {
width: 20%;
border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
text-decoration: none;
cursor: pointer;
background: #ffcc33;
color: #4d4d4d !important;
}
.product_description {
color: #000;
display: inline-block;
text-transform: lowercase;
font-size: 15px;
}
.set_category .active {
box-shadow: 0px 1px 5px 1px rgba(34, 60, 80, 0.2) !important;
}
.set_category {
background: #f9f9fc;
border-radius: 8px;
padding: 6px 15px;
}
.divilery svg {
width: 20px;
height: 20px;
margin-right: 5px;
}
.divilery {
font-size: 12px;
display: flex;
align-items: center;
font-size: 13px;
}
.catalog .bonusrub {
padding-bottom: 20px;
}
.bonusrub {
font-size: 12px;
margin-top: 5px;
}
.bonusrub span {
color: #f66303;
font-weight: 700;
margin: 0;
}
.product-thumb .button-group {
margin-top: 8px;
}
@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}
.thumbnails {
overflow: auto;
clear: both;
list-style: none;
padding: 0;
margin: 0;
}
.thumbnails > li {
margin-left: 20px;
}
.flickity-slider>.col {
margin-bottom: 0;
padding: 0 9.8px 0 19.6px;
}
.flickity-viewport {
margin-left: -10px !important;
margin-right: -10px !important;
}
.product_characteristics summary {
color: #0059a7;
}
.small-columns-4 .flickity-slider>.col, .small-columns-4>.col {
flex-basis: 25%;
max-width: 25%;
}
.product-thumbnails img {
backface-visibility: hidden;
transition: transform .6s,opacity .6s;
}
.product-thumbnails a {
background-color: #fff;
border: 1px solid transparent;
display: block;
overflow: hidden;
transform: translateY(0);
}
.thumbnails > img {
width: 100%;
}
.image-additional a {
margin-bottom: 20px;
padding: 5px;
display: block;
border: 1px solid #ddd;
}
.image-additional {
max-width: 78px;
}
.thumbnails .image-additional {
float: left;
margin-left: 20px;
}
@media (min-width: 1200px) {
#content .col-lg-2:nth-child(6n+1),
#content .col-lg-3:nth-child(4n+1),
#content .col-lg-4:nth-child(3n+1),
#content .col-lg-6:nth-child(2n+1) {
clear:left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#content .col-md-2:nth-child(6n+1),
#content .col-md-3:nth-child(4n+1),
#content .col-md-4:nth-child(3n+1),
#content .col-md-6:nth-child(2n+1) {
clear:left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#content .col-sm-2:nth-child(6n+1),
#content .col-sm-3:nth-child(4n+1),
#content .col-sm-4:nth-child(3n+1),
#content .col-sm-6:nth-child(2n+1) {
clear:left;
}
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width: 100%;
}
#column-left + #content .product-layout .col-md-3 {
width: 50%;
}
#column-left + #content + #column-right .product-layout .col-md-3 {
width: 100%;
}
#content + #column-right .product-layout .col-md-3 {
width: 100%;
}
}
/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
width: 100%;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
min-width: 50px;
}
/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-image: none;
background-color: #df5c39;
}
/* fix oclabs */
.alert-dismissable .close, .alert-dismissible .close {
right: -1px;
}
.donor_photo img {
border-radius: 5px;
}
.col-md-6 .input-group {
float: right;
margin: 0;
}
.set_category {
margin-bottom: 15px;
}
#input-sort {
border-radius: 8px;
border: 0;
cursor: pointer;
box-shadow: none;
}
.btn-default {
color: #ed1c24;
background: none;
border-color: #adadad;
border: 0;
box-shadow: none;
align-items: center;
}
#searchsprut .fa {
font-size: 24px;
}
.city_geo, .tel_info, #top-links {
display: flex;
align-items: center;
justify-content: flex-end;
}
.city_geo svg, .tel_info svg, #top-links svg {
width: 22px;
height: 22px;
margin-right: 10px;
}
.tel_info {
min-width: 141px;
text-align: right;
}
.options-box .checkbox input[type=checkbox], .options-box .checkbox-inline input[type=checkbox], .options-box .radio input[type=radio], .options-box .radio-inline input[type=radio] {
margin-left: 0;
}
.body_dop_m input[type=button] {
margin-top: 19px;
width: 100%;
text-shadow: none;
font-size: 14px;
}
.body_dop_m input[type=submit] {
margin-top: 19px;
width: 100%;
text-shadow: none;
font-size: 14px;
}
.prmn-cmngr__city-name {
display: flex;
align-items: center;
}
.number {
display: inline-block;
position: relative;
width: 100px;
}
.number input[type="number"] {
display: block;
height: 32px;
line-height: 32px;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box;
text-align: center;
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
.number input[type="number"]::-webkit-outer-spin-button,
.number input[type="number"]::-webkit-inner-spin-button {
display: none;
}
.number_product {
position: relative;
}
.number-minus {
position: absolute;
top: 1px;
left: 1px;
bottom: 1px;
width: 32px;
height: 32px;
padding: 0;
display: block;
text-align: center;
border: none;
font-size: 16px;
font-weight: 600;
border-radius: 8px 0 0 8px;
background: #fff;
border-right: solid 1px #f3f3f3;
}
.number-plus {
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
width: 32px;
height: 32px;
padding: 0;
display: block;
text-align: center;
border: none;
font-size: 16px;
font-weight: 600;
border-radius: 0 8px 8px 0;
background: #fff;
border-left: solid 1px #f3f3f3;
}
.number_product input {
width: 105px;
text-align: end;
height: 34px;
border: solid 1px #f0f0f0;
border-radius: 8px;
padding-left: 32px;
padding-right: 32px;
box-shadow: 0 8px 30px rgba(0,0,0,.08);
}
.car_product_list .quantity {
margin-top: 15px;
}
.delete_product_cart {
border: solid 1px #dfdfdf;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 46%;
height: 35px;
}
.delete_product_cart svg {
opacity:0.5;
}
.delete_product_cart:hover svg {
opacity:1;
}
.delete_product_cart svg {
width: 30px;
height: 30px;
}
.car_info {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.car_info .item {
display: flex;
justify-content: space-between;
font-size: 14px;
margin-bottom: 10px;
color: black;
}
.slider-wrapper {
position: relative
}
.flickity-slider>.img, .slider-wrapper:last-child, .slider>.img {
margin-bottom: 0
}
.row-slider, .slider {
position: relative;
scrollbar-width: none
}
.slider-full .flickity-slider>.col {
padding: 0!important
}
.slider-load-first {
max-height: 999px;
transition: max-height 2s
}
.slider-load-first:not(.flickity-enabled) {
max-height: 500px
}
.slider-load-first:not(.flickity-enabled)>div {
opacity: 0
}
.slider:not(.flickity-enabled) {
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
width: auto
}
.row-slider::-webkit-scrollbar, .slider::-webkit-scrollbar {
height: 0!important;
width: 0!important
}
.row.row-slider:not(.flickity-enabled) {
display: block
}
.slider:not(.flickity-enabled)>* {
display: inline-block!important;
vertical-align: top;
white-space: normal!important
}
.slider:not(.flickity-enabled)>a, .slider>a, .slider>a>img, .slider>div:not(.col), .slider>img, .slider>p {
width: 100%
}
.flickity-slider>a, .flickity-slider>a>img, .flickity-slider>div:not(.col), .flickity-slider>figure, .flickity-slider>img, .flickity-slider>p {
margin: 0;
padding: 0;
transition: transform .6s, opacity .6s, box-shadow .6s;
width: 100%!important
}
.flickity-slider>.row:not(.is-selected) {
opacity: 0
}
.flickity-enabled {
display: block;
position: relative
}
.flickity-enabled:focus {
outline: none
}
.flickity-viewport {
height: 100%;
overflow: hidden;
position: relative;
width: 100%
}
.flickity-slider {
height: auto;
position: absolute;
width: 100%
}
.slider-has-parallax .bg {
transition: opacity .3s!important
}
.is-dragging .flickity-viewport .flickity-slider {
pointer-events: none
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing
}
.flickity-prev-next-button {
background-color: transparent;
border: none;
bottom: 40%;
color: #111;
cursor: pointer;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
transition: transform .3s, opacity .3s, background .3s, box-shadow .3s;
width: 60px;
height: 100%;
}
.ajax_page {
display: inline-block;
}
.flickity-prev-next-button.next {
right: 0;
}
.flickity-prev-next-button.previous {
left: 0;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: .7;
transform: translateX(0)!important
}
.slider .flickity-prev-next-button:hover {
box-shadow: none;
opacity: 1
}
.slider .flickity-prev-next-button:hover .arrow, .slider .flickity-prev-next-button:hover svg {
fill: var(--fs-color-primary)
}
@media(min-width:850px) {
.slider-nav-outside .flickity-prev-next-button.next {
left: 100%;
right: auto
}
.slider-nav-outside .flickity-prev-next-button.previous {
left: auto;
right: 100%
}
}
.flickity-prev-next-button:disabled, button.flickity-prev-next-button[disabled] {
background: none!important;
box-shadow: none!important;
cursor: auto;
opacity: 0!important;
pointer-events: none
}
.flickity-prev-next-button svg {
height: auto;
left: 50%;
max-height: 100%;
max-width: 100%;
padding: 20%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: all .3s;
width: 100%
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
margin-top: -10%
}
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
margin-top: -40px
}
.flickity-prev-next-button .arrow, .flickity-prev-next-button svg {
fill: currentColor;
border-color: currentColor;
transition: all .3s
}
.animate-height, .slider-auto-height {
transition: height .2s
}
.flickity-prev-next-button.no-svg {
color: #111;
font-size: 26px
}
.slider-no-arrows .flickity-prev-next-button {
display: none!important
}
.slider-type-fade .flickity-slider {
transform: none!important
}
.slider-type-fade .flickity-slider>* {
left: 0!important;
opacity: 0;
z-index: 1
}
.slider-type-fade .flickity-slider>.is-selected {
opacity: 1;
z-index: 2
}
.slider-type-fade .flickity-page-dots, .slider-type-fade .flickity-prev-next-button {
z-index: 3
}
@media screen and (min-width:850px) {
.slider-type-fade.product-gallery-stacked .flickity-slider>* {
opacity: unset
}
}
@media(prefers-reduced-motion) {
.flickity-prev-next-button.next, .flickity-prev-next-button.previous {
transform: none!important
}
}
.flickity-page-dots {
bottom: 15px;
left: 20%;
line-height: 1;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
right: 20%;
text-align: center
}
.row-slider .flickity-page-dots {
bottom: 0
}
.flickity-rtl .flickity-page-dots {
direction: rtl
}
.search_but_autof {
position: absolute;
top: 0px;
right: 15px;
height: 42px;
width: 119px;
display: flex;
align-items: center;
font-size: 13px;
justify-content: center;
background: rgb(255, 204, 51);
color: rgba(0, 0, 0, 0.8) !important;
border-radius: 0 8px 8px 0;
cursor: pointer;
font-weight: 600;
z-index: 5;
}
.subcategories::-webkit-scrollbar, .subcategories::-webkit-scrollbar {
height: 8px;
width: 8px;
}
.subcategories::-webkit-scrollbar-thumb {
border-radius: 15px;
}
.subcategories::-webkit-scrollbar-thumb, .subcategories::-webkit-scrollbar-thumb {
background: #d1d1d1;
box-shadow: inset 0 -1px 2px #dedede;
-webkit-transition: .2s;
transition: .2s;
}
.subcategories::-webkit-scrollbar-track {
border-radius: 15px;
}
.subcategories::-webkit-scrollbar-track, .subcategories::-webkit-scrollbar-track {
background: #fff;
box-shadow: inset 7px 10px 12px #f0f0f0;
}
.nulname, .nulmark {
position: absolute;
right: 134px;
font-size: 27px;
opacity: 0.8;
top: 11px;
cursor: pointer;
color: #999999;
}
.nulmark {
right: 12px;
}
.flickity-page-dots .dot {
border: 3px solid #111;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 12px;
margin: 0 5px;
opacity: .4;
transition: opacity .3s;
width: 12px
}
.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot {
background-color: #111;
border: 0;
height: 10px;
opacity: .2;
width: 10px
}
.o-nas .t_d svg {
margin-bottom: 15px;
}
.item_view:hover button{
border: solid 1px #ed1c24;
background: #ed2027;
color: #fff;
}
.item_view:hover button svg {
fill: #fff;
}
.flickity-page-dots .dot:hover {
opacity: .7
}
.flickity-page-dots .dot:first-child:last-child {
display: none
}
.flickity-page-dots .dot.is-selected {
background-color: #111;
opacity: 1!important
}
.slider-nav-dots-dashes .flickity-page-dots .dot {
border-radius: 0;
height: 4px;
margin: 0;
width: 40px
}
.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
border-radius: 0;
height: 4px;
width: 40px
}
.slider-nav-dots-simple .flickity-page-dots .dot {
background-color: #111
}
.slider-nav-dots-square .flickity-page-dots .dot {
border-radius: 0
}
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {
border: 2px solid;
border-radius: 100%
}
.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg {
fill: #fff!important;
background-color: var(--fs-color-primary);
border-color: var(--fs-color-primary)
}
.slider-nav-outside.slider-nav-circle .next {
margin-left: 10px
}
.slider-nav-outside.slider-nav-circle .previous {
margin-right: 10px
}
.slider-nav-reveal {
overflow: hidden;
padding-top: 0
}
.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
background-color: #fff;
bottom: 0;
box-shadow: 0 -150px 15px 0 rgba(0, 0, 0, .3);
height: 100%;
margin: 0!important;
top: -2px;
width: 30px
}
.dark .slider-nav-reveal .flickity-prev-next-button {
background-color: rgba(0, 0, 0, .3);
border-radius: 99px;
color: #fff
}
.slider-nav-reveal .flickity-prev-next-button.next {
left: auto!important;
right: -1px!important;
transform: translateX(10%)
}
.slider-nav-reveal .flickity-prev-next-button.previous {
left: -1px!important;
right: auto!important;
transform: translateX(-10%)
}
.slider-nav-light .flickity-prev-next-button {
color: #fff
}
.slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg {
fill: #fff
}
.slider-nav-light .flickity-page-dots .dot {
border-color: #fff
}
.slider-nav-light .flickity-page-dots .dot.is-selected, .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
background-color: #fff
}
.slider-style-container .flickity-slider>*, .slider-style-focus .flickity-slider>*, .slider-style-shadow .flickity-slider>* {
margin: 0 auto;
max-width: 1080px
}
.slider-style-container:not(.flickity-enabled) .ux_banner, .slider-style-focus:not(.flickity-enabled) .ux_banner, .slider-style-shadow:not(.flickity-enabled) .ux_banner {
opacity: 0!important
}
.slider-style-container .ux_banner, .slider-style-focus .ux_banner, .slider-style-shadow .ux_banner {
opacity: 1
}
.slider-style-container .flickity-slider>:not(.is-selected), .slider-style-focus .flickity-slider>:not(.is-selected), .slider-style-shadow .flickity-slider>:not(.is-selected) {
opacity: .5
}
.slider-style-shadow {
padding: 15px 0 25px
}
.slider-style-shadow .flickity-slider>:before {
background-image: url(../../../../../../../../themes/flatsome/assets/img/shadow@2x.png);
background-size: 100% 100%;
bottom: -6px;
content: "";
height: 100px;
left: -10%;
position: absolute;
right: -10%;
z-index: -2
}
.slider-style-shadow .flickity-slider>:not(.is-selected) {
opacity: 1;
transform: scale(.9);
z-index: -1
}
.slider-style-shadow .flickity-slider>:not(.is-selected):before {
height: 200px;
opacity: .5
}
.slider-style-shadow .flickity-slider>.is-selected {
transform: scale(.95)
}
.slider-style-focus {
background-color: transparent;
padding: 30px 0
}
.slider-style-focus .flickity-page-dots {
bottom: 6px
}
.slider-style-focus .flickity-slider>* {
max-width: 1050px
}
.slider-style-focus .flickity-slider>:not(.is-selected) {
transform: scale(.93)
}
.wp-post-image {
width:100%;
height: auto;
}
@media screen and (max-width:549px) {
.slider-wrapper .flickity-prev-next-button {
display: none
}
.row-slider .flickity-prev-next-button {
background-color: transparent!important;
box-shadow: none!important;
opacity: .8;
transform: translateX(0)!important;
width: 20px!important
}
.row-slider .flickity-prev-next-button svg {
border: 0!important;
padding: 3px!important
}
.flickity-page-dots {
pointer-events: none
}
.flickity-slider .banner-layers {
overflow: hidden
}
}
a {
color: var(--fs-experimental-link-color);
text-decoration: none
}
.button:focus:not(:focus-visible), a:focus:not(:focus-visible), button:focus:not(:focus-visible), input:focus:not(:focus-visible) {
outline: none
}
.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px
}
.wishlist a {
color: #666 !important;
}
/*product page*/
.autoriz {
font-size: 12px;
position: relative;
font-weight: 600;
}
.special_inf {
background: #ff0000;
color: #fff;
position: absolute;
top: 12px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 0 10px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.autoriz span, .autoriz a {
color: #ED1C24 ;
cursor: pointer;
}
.autoriz img {
width: 82px;
height: 82px;
position: absolute;
top: -2px;
right: -24px;
}
.product_main_block, .delivery, .autoriz, .credits, .skidka {
background: #fff;
box-shadow: 0 8px 30px rgba(0,0,0,.08);
border-radius: 8px;
font-size: 12.5px;
padding: 35px 20px;
position: relative;
color: #262626;
}
.autoriz {
margin-bottom: 20px;
padding: 20px;
}
.first_attribut span {
border: solid 1px #E8E3E3;
margin-right: 7px;
padding: 4px 8px;
border-radius: 5px;
display: inline-block;
margin-top: 4px;
word-break: break-all;
height: 30px;
overflow: hidden;
max-width: 162px;
color: #666 !important;
}
.reg_inf {
color: #666 !important;
}
.donor_title {
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
color: black;
font-weight: 600;
}
#showButton, #hideButton {
display: inline-block;
border: 0;
background: none;
padding: 0;
color: #2e8ef3;
font-weight: 600;
float: right;
margin-top: 5px;
}
#outerContainer {
height: 40px; /* Ограничиваем высоту */
overflow: hidden; /* Скрываем все, что выходит за пределы контейнера */
position: relative; /* Нужно для правильного позиционирования кнопки */
}
#innerContainer {
position: absolute; /* Абсолютное позиционирование для корректного отображения */
top: 0;
left: 0;
white-space: nowrap; /* Отменяем перенос строк внутри контейнера */
}
#text {
display: inline-block; /* Разрешаем контейнеру растягиваться по ширине текста */
vertical-align: top; /* Выравнивание текста по верху для корректного отображения */
}
.button2 svg {
margin-right: 10px;
}
.stock {
position: absolute;
right: 20px;
top: 10px;
color: #00BC52;
font-size: 12px;
font-weight: 600;
display: flex
;
align-items: center;
}
.stock svg {
margin-right: 5px;
}
.button2:hover {
opacity: 0.8;
}
.rasroch:hover {
color: #ED1C24;
}
.t_prod_price {
font-size: 24px;
position: relative;
color: #333;
font-weight: 600;
margin-top: 20px;
}
.product_main_block .button2 {
width: 100%;
height: 41px;
}
.t_prod_price .oldprice {
color: #8e8e93;
font-size: 18px;
position: relative;
}
.t_prod_price .oldprice:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
left: 0;
top: 55%;
transform: translateY(-50%);
background-color: #ff5e00;
}
.bonusrub {
margin-top: 5px;
font-size: 13px;
}
.bonusrub span {
color: #ED1C24;
font-weight: 700;
margin: 0;
}
.product_main_block .button2 {
margin-top: 20px;
}
.button2 {
background-color: rgb(255, 204, 51);
color: #4d4d4d !important;
fill: #4d4d4d;
position: relative;
padding: 10px 24px;
display: inline-flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
text-align: center;
border-radius: 4px;
transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, fill .2s ease-in-out;
height: 20px;
font-size: 16px;
line-height: 1.43;
font-family: Montserrat-SemiBold, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
}
.product_bottom_but {
margin-top: 15px;
display: flex;
justify-content: space-between;
}
.product_bottom_but div {
width: 100%;
margin-right: 5px;
font-family: Montserrat-SemiBold, Arial, Helvetica, sans-serif;
font-size: 14px;
}
.select_input label .uuibg {
position: absolute;
top: -11px;
background: #ffcc33;
padding: 0px 8px;
border-radius: 50%;
right: 0;
font-size: 10px;
}
.button1 {
padding: 7px 16px;
color: #1f1f1f !important;
fill: #1f1f1f;
background-color: #fff;
border: 1px solid #d2d5d9;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
justify-content: center;
}
.product_block:first-child {
border-top:0;
}
.product_bottom_but div:last-child {
margin-right: 0;
margin-left: 5px;
}
.mass_sd {
color: #858a8f;
margin-top: 20px;
font-size: 11px;
border-bottom: solid 1px #d9d9d9;
padding-bottom: 15px;
}
.delivery_title {
font-size: 11px;
color: #a2a7ab;
}
.delivery_city {
font-size: 16px;
display: flex;
font-weight: 600;
color: #262626;
cursor: pointer;
align-items: center;
}
.delivery_city svg {
width: 24px;
height: 24px;
margin-right: 5px;
}
.delivery_type {
margin-top: 15px;
color: #858a8f;
font-size: 13px;
}
.delivery_block {
display: flex;
justify-content: space-between;
font-size: 13px;
}
.delivery_price {
font-weight: 600;
font-family: Montserrat-SemiBold, Arial, Helvetica, sans-serif;
/* color: #c70003;*/
font-size: 12.5px;
color: #000000;
}
.delivery_type {
margin-top: 15px;
color: #858a8f;
font-size: 13px;
}
.credits {
font-size: 13px;
}
.credits .credit_body {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.rasroch {
display: flex;
align-items: center;
gap: 3px;
cursor: pointer;
font-size: 12.5px;
}
.credit_body {
/* margin-top: 4px;
padding: 15px 0;*/
}
.motd_rasroch {
background: aliceblue;
padding: 15px;
border-radius: 8px;
position: relative;
margin-top: 15px;
}
.motd_pods_text a{
color: #ff0000;
}
.motd_rasroch .close_m {
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
}
.credit_left {
display: flex;
align-items: center;
width: 100%;
font-size: 14px;
}
.credits .credit_right svg {
width: 24px;
height: 24px;
}
.credits .credit_left svg {
width: 24px;
height: 24px;
padding: 4px;
border-radius: 50%;
margin-right: 5px;
}
.button1 svg {
width: 24px;
margin-right: 5px;
}
.credit_left span {
margin-left: 5px;
}
.product_block {
margin-top: 40px;
}
.product_characteristics {
margin-bottom: -15px;
}
/*
.product-gallery {
margin-bottom: 30px;
}
*/
.ttsmail {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
margin-bottom: 20px;
color: #000;
}
.product_characteristics .item {
display: flex;
margin-bottom: 15px;
align-items: center;
}
.r_me {
height: calc(100% - 60px);
}
.fs_menu {
width: 100%;
height: 100%;
}
.pc_title {
width: 183px;
white-space: nowrap;
padding-right: 80px;
color: #858a8f;
font-size: 13px;
}
.pc_title:after {
content: " ............................................";
color: #d4d8df;
font-size: 15px;
line-height: 24px;
letter-spacing: .1em;
}
.pc_val {
background: #fff;
width: 100%;
padding-left: 8px;
color: #000;
font-size: 14px;
overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
}
.product-gallery img {
border-radius: 10px;
}
.product_donor {
display: flex;
align-items: center;
border-radius: 8px;
}
.donor_photo {
margin-right: 20px;
}
.donor_info_body {
width: 100%;
}
.donor-title {
margin-bottom: 12px;
margin-top: 0px;
}
.ttsmail {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
margin-bottom: 20px;
color: #000;
}
.donor_info {
display: flex;
}
.donor_info .item {
margin-right: 30px;
min-width: 117px;
}
.donor_info_title {
font-size: 13px;
color: #858a8f;
margin-bottom: 8px;
}
.donor_info_val {
font-weight: 600;
font-size: 14px;
color: #000;
word-break: break-all
}
.nondiv {
color: #ED1C24;
}
.list_pal {
display: flex;
align-items: center;
}
.title_pal {
margin-right: 5px;
color: #858a8f;
font-size: 13px;
}
.val_pal {
color: #000;
font-size: 14px;
}
.pok_pal {
font-size: 14px;
color: #000;
}
.category_item {
align-items: center;
display: flex;
border-bottom: solid 1px #d5d5d5;
margin-bottom: 20px;
padding-bottom: 15px;
}
.category-content {
margin-left: 35px;
width: 100%;
}
.category-content .category_l_tit {
color: #333;
font-size: 19px;
font-weight: 600;
display: block;
margin-bottom: 20px;
}
.children {
padding: 0;
display: grid;
grid-gap: 16px 20px;
grid-template-columns: repeat(3, 1fr);
}
.children li {
list-style-type: none;
}
.children a {
font-size: 15px;
color: #333;
}
.children a:before {
content: '';
width: 5px;
height: 5px;
display: inline-block;
background: #ed1c24;
border-radius: 50%;
margin-right: 10px;
margin-bottom: 3px;
}
body.modal-open {
overflow: hidden;
}
a:hover {
color: #ff0000;
}
.select_input_active .select_list {
background: #fff;
margin-top: 50px;
z-index: 10;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
border-radius: 8px;
overflow: hidden;
max-height: 37vh;
position: absolute;
overflow-y: auto;
max-width: 240px;
min-width: 160px;
}
.select_input {
height: 42px;
width: auto;
border: solid 1px #d1d1d1;
border-radius: 8px;
position: relative;
}
.select_input input[name="name"] {
border: solid 2px #ffcc33;
width: calc(100% - 119px);
border-right: 0;
border-radius: 8px 0 0 8px;
}
.horizontal .select_input, .search_catalog_zap {
border:0;
}
.select_input > input {
width: 100%;
height: 42px;
background: none;
padding: 0 10px;
border-radius: 8px;
border: 0;
position: absolute;
top: 0;
left: 0;
}
.select_input .select_list .item {
padding: 12px 10px;
position: relative;
display: flex;
align-items: center;
}
.select_input .select_list .item:hover {
background: aliceblue;
cursor: pointer;
}
.select_input > label {
top: -10px;
left: 6px;
position: absolute;
z-index: 1;
color: #5f5f5f !important;
background: #fff;
padding: 0 6px;
font-size: 13px !important;
margin: 0;
}
input {
outline: none;
}
.select_list label, .select_list label a {
margin-left: -28px;
padding-left: 33px;
margin-right: -10px;
margin-bottom: 0;
display: block;
width: 100%;
}
.filter .selected-options {
border-bottom: 1px solid #e4e4e4;
display: flex;
margin-bottom: 20px;
flex-wrap: wrap;
}
.product-main .is-nav-selected a {
border: solid 2px #ed1c24;
border-radius: 10px;
}
.filter .selected-options a {
background: #f4f5f7;
padding: 10px 10px;
border-radius: 8px;
margin-right: 15px;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.filter .selected-options b {
margin-right: 5px;
}
.filter .selected-options a i {
margin-left: 10px;
}
.select_list input {
margin: 0;
}
.select_input .select_list .active {
background: #e0e9f1;
}
.radio_list input[type="radio"] {
display:none;
}
.radio_list label {
cursor: pointer;
margin-right: 15px;
padding: 7px 7px;
color: #0058bf;
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 13px;
font-weight: 700;
line-height: 20px;
margin-bottom: 24px;
justify-content: center;
}
.radio_list label span{
display: block;
font-weight: 500;
font-size: 12px;
color: #000;
}
.radio_list input:checked + label{
border-radius: 8px;
background: aliceblue;
}
.auto_module .button_label {
opacity: 0;
}
#option-price input {
border: solid 1px #d1d1d1;
width: 90px;
height: 42px;
border-radius: 8px;
padding-left: 27px;
}
#option-price label {
position: absolute;
left: 9px;
top: 12px;
user-select: none;
}
#option-price span {
width: 12px;
height: 1px;
background: #000000;
margin-left: 5px;
margin-right: 5px;
}
.horizontal .body_filter .select_input > label {
position: relative;
top: auto;
left: auto;
border: solid 1px #d1d1d1;
height: 42px;
display: flex;
align-items: center;
border-radius: 8px;
padding: 0 10px;
cursor: pointer;
}
.horizontal .body_filter .select_input_active .select_list {
top: 0px;
}
.horizontal .body_filter .select_input > input {
height: auto;
}
.price_tit {
position: absolute;
top: -13px;
left: 10px;
z-index: 1;
background: #fff;
padding: 1px 2px;
}
.filter .selected-options a span {
margin-left: 10px;
font-size: 22px;
margin-top: -3px;
}
.auto_module .select_input {
margin-right: 0;
}
.pozprod {
display: flex;
align-items: center;
margin-top: 22px;
margin-bottom: 32px;
}
.search_catalog_zap {
margin-bottom: 0px;
}
.tytle_pozprod {
margin-right: 13px;
}
.pagination>li>a, .pagination>li>span {
font-size: 15px;
color: dimgrey;
border: 0;
margin-left: 10px;
margin-bottom: 15px;
border-radius: 8px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 2;
cursor: default;
background-color: #ffcc33;
border-color: #ffcc33;
border-radius: 5px;
color: #4d4d4d !important;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
background: none;
color: #ed1c24;
}
.pagination .next a{
background: #e9f5ff;
border-radius: 10px !important;
color: #005bff;
}
.pagination .next a:hover {
background: #ddecf9;
color: #005bff;
}
/* Скрыть радиокнопки */
.auto_module input[type="radio"] {
display: none;
}
#motdload {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #ffffffb8;
z-index: 900;
}
.mess_car {
display: flex
;
align-items: center;
margin-top: 40px;
}
.mass_text h2 {
font-size: 19px;
font-weight: 600;
margin-bottom: 10px;
}
.mass_text {
margin-left: 20px;
}
.mass_text p {
font-size:15px;
}
/* Изменить цвет метки, если радиокнопка активна */
.auto_module .pozprod input[type="radio"]:checked + label {
background: #76a676;
color: #fff;
border-radius: 3px;
padding: 0 5px;
border-bottom: 0;
padding-bottom: 1px;
}
.pagination .last a, .pagination .first a{
font-size: 13px !important;
padding: 8px !important;
margin-right: 20px !important;
margin-left: 20px;
}
.pagination>li>span {
cursor: context-menu;
}
.pozprod .sf {
margin: 0 5px;
}
.pozprod label {
margin:0;
padding: 0 5px;
cursor:pointer;
}
.error_body {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.error_ico {
width: 120px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
background: #f8f8fa;
border-radius: 50%;
}
.error_ico svg {
width: 52px;
height: 52px;
fill: #a2a7ab;
}
.error_title {
margin-top: 30px;
color: #000;
font-weight: 600;
font-size: 19px;
}
.error_text {
font-size: 15px;
color:#1F1F1F;
}
.reg_gody {
display: flex;
justify-content: center;
}
.smal_ok {
width: 100%;
max-width: 800px;
}
.donor_grid .product-thumb .image {
max-width: 100%;
}
.row-eq-height {
display: flex;
flex-wrap: wrap;
}
.row-eq-height [class*="col-"] {
display: flex;
flex-direction: column;
min-height: 222px;
}
.row-eq-height [class*="col-"] .product-layout {
flex: 1;
}
#ajaxlogin input {
width: 100%;
height: auto;
font-family: "Montserrat";
font-size: 14px;
color: #737373;
line-height: 150%;
padding: 15px 20px;
border-radius: 5px;
border: 1px solid #E6E6E6;
background: #F9F9F9;
}
#top-links .list-inline {
cursor: pointer;
}
#top-links .list-inline:hover {
color: #ff0000;
}
.item_view {
background: #fff;
padding: 10px;
}
.owl-nav {
position: absolute;
width: 106%;
left: -3%;
height: 0;
top: 43%;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
}
.owl-nav button {
width: 48px;
height: 48px;
font-size: 47px !important;
border-radius: 24px !important;
// display: none !important;
box-shadow: 0 1px 20px rgb(4 6 28 / 11%) !important;
background: #fff !important;
color: #ffcc33 !important;
}
.owl-nav button:hover {
opacity: 0.8;
}
.main_slider_body .owl-nav {
position: absolute;
width: 98%;
left: 1%;
height: 0;
top: 43%;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
}
.owl-nav button span {
display: block;
margin-top: -8px;
}
.owl-dots {
position: absolute;
right: 10px;
top: 10px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #ed1c24 !important;
}
.owl-carousel .owl-item .item img {
border-radius: 8px;
}
.review_autor {
display: flex;
align-items: center;
justify-content: space-between;
}
.review_autor p {
margin: 0;
}
.review_rating {
margin-left: 30px;
}
.review_avatar {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 10px rgba(31, 31, 31, 0.06);
}
.review_avatar img {
width: 50px;
height: 50px;
}
.review_text {
margin-top:15px;
font-size: 13px;
}
.tt_prod .button1 {
border-radius: 20px !important;
margin-left: 15px;
}
.prod_grid .item, .main_cat a, .main_cat_top a, .vete_body .item {
cursor: pointer;
}
.main_cat_top a {
width: 50%;
display: flex;
font-size: 21px;
font-weight: 800;
background: #fff;
box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
border-radius: 8px;
margin-left: 20px;
margin-bottom: 20px;
justify-content: center;
font-size: 17px;
align-items: center;
min-height: 125px;
}
.main_cat_top {
display: flex;
margin-left: -20px;
}
.main_cat a {
background: #fff;
border-radius: 5px;
box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
margin-left: 20px;
padding: 20px;
width: calc(28% - 60px);
margin-bottom: 20px;
font-size: 14px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.main_cat div p {
margin-top: 10px;
}
.main_cat img {
width: 120px;
height: 120px;
}
.main_cat {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
}
.main_catalog {
display: flex;
}
.main_catalog_left {
width: 50%;
background: #fff;
border-radius: 8px;
box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
margin-right: 10px;
padding: 20px;
}
.main_catalog_righat {
width: 50%;
background: #fff;
border-radius: 8px;
box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
margin-left: 10px;
padding: 20px;
}
.body_cat {
width: 50%;
}
.s_title {
margin-bottom: 17px;
margin-top: 23px;
font-size: 15px;
font-weight: 700;
}
.body_cat a {
margin-bottom: 10px;
display: block;
font-size: 13px;
display: flex;
align-items: center;
}
.hxs {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
position: relative;
}
.o-nas {
background: #fff;
/* padding-top: 50px;
border-top: solid 1px #dbdbdb;*/
margin-top: 30px;
}
.o-nas {
display: flex;
}
.l_d {
width: 50%;
margin-right: 10px;
}
.r_d {
width: 50%;
margin-left: 10px;
}
.o-nas .tt_prod {
margin-bottom: 30px;
}
.tt_smile {
font-size: 17px;
}
.tt_prod {
font-size: 23px;
font-family: Montserrat-SemiBold, Arial, Helvetica, sans-serif;
display: flex;
align-items: center;
justify-content: flex-start;
}
.t_d {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.owl-carousel {width: 100%}
.grid_product {
background: #fff;
padding: 15px;
border-radius: 8px;
height: 242px;
}
.top_products_title {
display: flex;
justify-content: space-between;
align-items: center;
}
.tt_prod {
font-size: 23px;
font-family: Montserrat-SemiBold, Arial, Helvetica, sans-serif;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 30px;
color: #000000;
line-height: 27px;
font-size: 18px;
font-weight: 700;
}
.t_product_timer span {
background: #f5f5f6;
padding: 5px;
margin: 0 6px;
border-radius: 4px;
width: 22px;
display: inline-flex;
justify-content: center;
}
.t_product_body {
display: flex;
align-items: center;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.top_product img {
max-width: 170px;
border-radius: 8px;
}
.info_t_product {
margin-left: 20px;
}
.ckid_t_prod {
margin-bottom: 13px;
}
.ckid_t_prod .tcp {
background: #333;
color: #fff;
padding: 4px;
padding-right: 0;
border-radius: 4px;
}
.ckid_t_prod .tcp2 {
background: linear-gradient(97.09deg, #12a2b7 16.93%, #4acfd7 80.69%);
padding: 4px;
border-radius: 0 4px 4px 0;
}
.ckid_t_prod .tcp {
background: #333;
color: #fff;
padding: 4px;
padding-right: 0;
border-radius: 4px;
}
#cart svg {
fill: #ed1c24;
}
.main_slider_body .item img {
height: 242px;
}
.main_slider_body {
border-radius: 8px;
overflow: hidden;
}
.top_products_body .t_prod_price {
font-family: Montserrat-SemiBold, Arial, Helvetica, sans-serif;
font-size: 17px;
position: relative;
}
.top_products_body .t_prod_price .oldprice {
color: #8e8e93;
text-decoration: line-through;
font-size: 14px;
}
/*.credit, .rasroch {
font-size: 12px;
display: flex;
align-items: center;
margin-bottom: 4px;
width: 100%;
justify-content: space-between;
}*/
.divilery {
font-size: 12px;
display: flex;
align-items: center;
}
.divilery svg {
width: 20px;
height: 20px;
margin-right: 5px;
}
.discription_t_product {
font-size: 13px;
color: black;
}
.discription_t_product {
margin-top: 10px;
}
.bonusrub {
font-size: 12.5px;
margin-top: 5px;
}
.bonusrub span {
color: #ED1C24;
font-weight: 700;
margin: 0;
}
.slider_sale .price-new {
font-size: 18px;
}
.slider_sale .product-thumb .price-old {
font-size: 15px;
}
.slider_sale .donor_grid .product-thumb .image {
height: 195px;
}
.ajaxlogin_body .prmn-cmngr-cities__close span{
font-size: 30px;
}
.owl-nav {
display:none;
}
.owl-carousel:hover .owl-nav {
display: flex;
}
.pswp__button--arrow--right, .pswp__button--arrow--left {
border:0;
}
.difffidj {
background: rgba(249, 249, 249, 1);
border-radius: 10px;
height: 100%;
padding: 20px;
font-size: 12px;
}
.difffidj .address {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.difffidj ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.difffidj ul li {
display: flex;
justify-content: space-between;
margin-bottom: 6px;
}
.difffidj ul li span:nth-child(2n) {
font-weight: 600;
}
.difffidj button {
background: rgba(255, 255, 255, 1);
border: solid 1px rgba(233, 233, 233, 1);
padding: 10px 20px 10px 20px;
border-radius: 5px;
font-weight: 600;
}
.difffidj .ulica {
font-weight: 600;
font-size: 13px;
}
.difffidj .city {
margin-bottom: 5px;
font-size: 13px;
}
.row-flex {
display: flex;
flex-flow: row wrap;
}
#quickcheckoutconfirm {
margin-bottom: 30px;
}
.scroll_ajax {
width: 100%;
}
.radio input:checked + label {
border-color: #CF1E35;
}
.itdf {
min-height: 72px !important;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.map_body .prmn-cmngr-cities__close {
display: flex;
width: 40px;
height: 40px;
position: absolute;
top: 0;
opacity: 1 !important;
right: 0;
background: rgba(105, 105, 105, 1);
z-index: 99;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.map_body .prmn-cmngr-cities__close span {
color: #fff;
}
.map_ty {
position: relative;
}
.back_dom {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 15px;
}
.back_dom span {
font-size: 15px;
margin: 0px 7px;
border: solid 1px #e3e3e3;
padding: 10px;
border-radius: 8px;
cursor: pointer;
}
.cdek_pvz_list_container {
overflow: hidden;
height: 100%;
}
.map_body li {
list-style-type: none;
padding: 18px 0px;
padding-left: 20px;
border-bottom: solid 1px #ededed;
cursor: pointer;
}
.cdek_map_container_map {
height: 100% !important;
}
.map_body ul {
padding: 0px;
}
.map_body li:hover {
background: aliceblue;
}
.cdek_pvz_list_container {
padding:0 !important;
}
.map_body strong {
font-size: 14px;
}
.cdek_pvz_list_container ul li.active {
background: #f7f7f7;
}
.address-input-container .suggestion-list {
overflow: hidden;
overflow-y: scroll;
max-height: 300px;
margin-bottom: 0;
box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .08), 0 4px 4px 0 rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .04);
}
#cdek_map_2 {
width: 60% !important;
}
#deliverHereBtn, .uyhhh {
width: 100%;
height: 42px;
background: #FBDE4B;
border: 0;
margin-top: 15px;
}
#deliverHereBtn:hover, .uyhhh:hover {
background: #FFE978;
}
#quickcheckoutconfirm input {
width: 100%;
height: auto;
font-size: 14px;
color: #737373;
line-height: 150%;
padding: 15px 20px;
border-radius: 5px;
border: 1px solid #E6E6E6;
background: #F9F9F9;
}
.itdf {
padding: 15px 20px;
min-height: 70px;
border: 1px solid #BDBDBD;
cursor: pointer;
border-radius: 10px;
height: 100px;
padding-bottom: 30px;
}
.quickcheckout-cart a {
word-break: break-all;
}
#quickcheckoutconfirm #warning-messages .alert-danger, #quickcheckoutconfirm #success-messages .alert-success {
margin-bottom: 15px;
padding: 15px;
border-radius: 8px;
font-size: 13px;
}
.quickcheckout-cart {
margin-bottom: 30px;
}
.itdf .ll {
margin-right: 12px;
display: flex;
}
#payment-method .tar {
display:none;
}
#payment-method img {
max-width: 150px !important;
height: 100% !important;
}
#payment-method .ll {
margin:0;
}
#payment-method .itdf {
padding:10px !important;
}
.ds_period {
margin-left: 5px;
}
.fz14 {
position: absolute;
right: 10px;
bottom: 10px;
}
.tar {
width: 100%;
}
.address-input-container input[type=text], .address-input-container input[type=tel], .address-input-container input[type=email] {
outline: none;
}
.address-input-container input[placeholder] {
text-overflow: ellipsis;
}
.address-input-container input {
width: 100%;
height: auto;
font-size: 14px;
color: #737373;
line-height: 150%;
padding: 15px 20px;
border-radius: 5px;
border: 1px solid #E6E6E6;
background: #F9F9F9;
}
.map_body li {
padding: 20px 20px !important;
}
.cdek_pvz_list_container ul{
height: 100%;
overflow-y: scroll;
}
#checkout-cart .top_tag svg {
width: 20px;height: 20px; margin-right: 8px;
}
#checkout-cart .top_tag a {
font-size: 14px;
}
.short_search {
position: absolute;
top: 54px;
width: 100%;
overflow: hidden;
background: #fff;
z-index: 999;
border-radius: 8px;
box-shadow: 0 0 0 1px #0000000a, 0 4px 4px #0000000a, 0 20px 40px #00000014;
}
.rfdsvvv:after {
display:none;
}
#fountainG{
position:relative;
width:108px;
height:13px;
margin:auto;
}
.fountainG{
position:absolute;
top:0;
background-color:rgb(0,0,0);
width:13px;
height:13px;
animation-name:bounce_fountainG;
-o-animation-name:bounce_fountainG;
-ms-animation-name:bounce_fountainG;
-webkit-animation-name:bounce_fountainG;
-moz-animation-name:bounce_fountainG;
animation-duration:2.08s;
-o-animation-duration:2.08s;
-ms-animation-duration:2.08s;
-webkit-animation-duration:2.08s;
-moz-animation-duration:2.08s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
transform:scale(.3);
-o-transform:scale(.3);
-ms-transform:scale(.3);
-webkit-transform:scale(.3);
-moz-transform:scale(.3);
border-radius:9px;
-o-border-radius:9px;
-ms-border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
}
#fountainG_1{
left:0;
animation-delay:0.83s;
-o-animation-delay:0.83s;
-ms-animation-delay:0.83s;
-webkit-animation-delay:0.83s;
-moz-animation-delay:0.83s;
}
#fountainG_2{
left:13px;
animation-delay:1.04s;
-o-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-moz-animation-delay:1.04s;
}
#fountainG_3{
left:27px;
animation-delay:1.25s;
-o-animation-delay:1.25s;
-ms-animation-delay:1.25s;
-webkit-animation-delay:1.25s;
-moz-animation-delay:1.25s;
}
#fountainG_4{
left:40px;
animation-delay:1.46s;
-o-animation-delay:1.46s;
-ms-animation-delay:1.46s;
-webkit-animation-delay:1.46s;
-moz-animation-delay:1.46s;
}
#fountainG_5{
left:54px;
animation-delay:1.66s;
-o-animation-delay:1.66s;
-ms-animation-delay:1.66s;
-webkit-animation-delay:1.66s;
-moz-animation-delay:1.66s;
}
#fountainG_6{
left:67px;
animation-delay:1.87s;
-o-animation-delay:1.87s;
-ms-animation-delay:1.87s;
-webkit-animation-delay:1.87s;
-moz-animation-delay:1.87s;
}
#fountainG_7{
left:81px;
animation-delay:2.08s;
-o-animation-delay:2.08s;
-ms-animation-delay:2.08s;
-webkit-animation-delay:2.08s;
-moz-animation-delay:2.08s;
}
#fountainG_8{
left:94px;
animation-delay:2.29s;
-o-animation-delay:2.29s;
-ms-animation-delay:2.29s;
-webkit-animation-delay:2.29s;
-moz-animation-delay:2.29s;
}
@keyframes bounce_fountainG{
0%{
transform:scale(1);
background-color:rgb(0,0,0);
}
100%{
transform:scale(.3);
background-color:rgb(255,255,255);
}
}
@-o-keyframes bounce_fountainG{
0%{
-o-transform:scale(1);
background-color:rgb(0,0,0);
}
100%{
-o-transform:scale(.3);
background-color:rgb(255,255,255);
}
}
@-ms-keyframes bounce_fountainG{
0%{
-ms-transform:scale(1);
background-color:rgb(0,0,0);
}
100%{
-ms-transform:scale(.3);
background-color:rgb(255,255,255);
}
}
@-webkit-keyframes bounce_fountainG{
0%{
-webkit-transform:scale(1);
background-color:rgb(0,0,0);
}
100%{
-webkit-transform:scale(.3);
background-color:rgb(255,255,255);
}
}
@-moz-keyframes bounce_fountainG{
0%{
-moz-transform:scale(1);
background-color:rgb(0,0,0);
}
100%{
-moz-transform:scale(.3);
background-color:rgb(255,255,255);
}
}
.short_search ul {
padding: 0;
margin: 0;
}
.short_search ul li {
list-style-type: none;
font-size: 14px;
padding: 15px 15px;
display: flex;
justify-content: space-around;
align-items: center;
}
.short_search ul li span {
width: 100%;
color: #000000;
font-weight: 600;
font-size: 12px;
}
.short_search ul li:hover {
background: #f3f9ff;
cursor: pointer;
}
.short_search p {
padding: 20px 10px;
margin: 0;
}
.short_search .sear {
list-style-type: none;
padding: 15px 10px;
display: flex;
align-items: center;
width: 100%;
color: #000000;
font-weight: 600;
font-size: 12px;
border-bottom: 1px solid #ebeef2;
}
.short_search .sear svg {
margin-right: 10px;
}
.short_search .sear span {
color: #9d9d9d;
font-weight: normal;
font-size: 14px;
}
.short_search .sear:hover {
background: #f3f9ff;
cursor: pointer;
}
.s_smail .dop_block {
display: flex;
align-items: center;
justify-content: space-around;
background: #f7f8fa;
border-radius: 8px;
padding: 10px;
margin: 0;
}
.s_smail .dop_block input {
width: 18px;
height: 18px;
margin-right: 8px;
margin-top: 0;
cursor: pointer;
}
.s_smail .dop_block label {
margin:0;
}
.s_smail .dop_menu_title {
margin-bottom:0;
}
.s_smail .custom-checkbox {
margin-top:0;
cursor: pointer;
}
.s_smail label {
cursor: pointer;
}
.filter .neoseo-filter #option-price {
margin-bottom:0 !important;
}
.tmb-wrap:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 26, 52, .015);
border-radius: 8px;
}
.mousehoverimage {
padding: 10px;
border-radius: 5px;
}
#catalog .price-new{
font-size: 18px;
}
.main_cat_top p {
margin:0;
}
.prmn-cmngr-cities__close {
width: 40px;
height: 40px;
background: #e4e4e4 !important;
border-radius: 50%;
opacity: 1 !important;
position: absolute;
top: 15px;
right: 15px;
}
.prmn-cmngr-cities__search-block {
margin-top: 40px;
}
.prmn-cmngr-cities__title {
padding-top: 11px;
}
.asdfgfgg tr td {
}
.but_sdr {
border-radius: 20px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
min-width: 122px;
font-size: 14px;
}
/***/
@media screen and (min-width:769px) {
#installBanner {
display: none !important;
}
}
/***/
body {
overscroll-behavior-y: contain;
}
.banner {
align-content: center;
justify-content: center;
width: 100%;
font-size: 16px;
color: #fff;
cursor: pointer;
align-items: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background: #767676;
padding: 3px;
display: flex;
}
.banner:hover {
opacity: 0.8;
}
.icon-close {
position: absolute;
z-index: 999;
right: 6px;
top: 6px;
height: 24px;
width: 24px;
cursor: pointer;
}
#installBtn {
margin-left: 10px;
}
}
/***/
@media screen and (min-width:769px) {
#installBanner {
display: none !important;
}
}
/***/
@media all and (display-mode: standalone) {
#installBanner {
display: none !important;
}
}
@media(max-width: 440px){
#center_t_menu, #searchsprut {
display:none;
}
.top_menu_head {
justify-content: space-between;
}
#top-links {
display:none;
}
.main_cat_top {
flex-wrap: wrap;
}
.main_cat_top a {
width: 100%;
justify-content: flex-start;
padding-left: 20px;
}
.main_cat a {
width: calc(50% - 20px);
}
.owl-carousel:hover > .owl-nav button {
display: none !important;
}
.ug {
display: none !important;
}
.top_skroll {
right: 15px !important;
bottom: 72px !important;
}
.grid_product {
margin-top: 30px;
}
.bag_f {
background: none;
padding-top: 0 !important;
padding-bottom: 30px;
}
#auto_module_form {
display: block;
}
.main_cat_top p {
font-size: 15px;
}
#bottom, .sdddjvyufnyhfyfhg {
display:none;
}
.owl-theme .owl-nav {
display:none;
}
.owl-dots {
position: absolute;
right: 2px;
top: 2px;
}
.main_catalog {
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-top: 10px;
}
.main_catalog .main_catalog_left {
width: 100%;
margin: 0;
padding: 25px 10px;
border-radius: 0;
}
.main_catalog .main_catalog_righat {
display:none;
}
.main_cat_top a, .main_cat a {
box-shadow:none;
}
.main_catalog_left, .main_catalog_righat {
box-shadow: none;
}
.o-nas {
flex-wrap: wrap;
padding: 20px 20px;
}
.l_d {
width: 100%;
margin-bottom: 30px;
}
.r_d {
width: 100%;
margin: 0;
}
.o-nas .tt_prod {
margin-left: 0 !important;
font-size: 16px;
margin-bottom: 9px;
}
.o-nas .t_d svg {
margin-bottom: 15px;
max-width: calc(50% - 20px);
margin-right: 20px;
}
.tt_prod {
justify-content: space-between;
}
footer {
padding: 0 20px;
padding-top: 20px;
padding-bottom: 50px;
}
.iiuf {
background: #fff;
padding: 0 !important;
margin-bottom: 30px !important;
box-shadow: none !important;
}
.iiuf2 {
padding: 0 !important;
}
.slider_sale .product-thumb {
background: #fff;
}
.iiuf .prod_grid {
padding-bottom: 0;
}
.top_products_body {
display: none;
}
#top {
height: 60px;
margin: 0;
}
#logo {
display: flex;
align-items: center;
}
#logo img {
height: 37px;
}
.sdiiyrk {
display: block;
margin-left: -15px;
margin-right: -15px;
}
.mobile_menu {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
display: flex !important;
justify-content: space-around;
height: 50px;
background: #fff;
z-index: 9000;
align-items: center;
box-shadow: 0px 5px 20px 0px #2C29331A !important;
}
.mobile_menu div {
width: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.mobile_menu svg {
height: 22px;
fill: rgb(175, 175, 175) !important;
}
.s_title {
font-size: 14px;
}
.product_info_body {
flex-wrap: wrap;
}
.product-list .product_info_body {
margin:0;
}
.product-list .product-thumb .caption {
padding:0;
}
.product-thumb .image {
max-width: 100%;
width: 100%;
}
.product-list .image img {
width: 100%;
height: auto;
}
.product-list .reg_inf {
margin:0;
}
.product-list .product_info_body {
align-items: center;
}
.product-thumb h4 {
margin-top: 20px;
}
#filter_category {
background: #fff;
margin-left: -15px;
margin-right: -15px;
padding: 25px 15px;
}
.dop_menu {
background: none;
padding: 0;
}
.body_set_type {
margin-top: 20px;
margin-bottom: 35px;
}
#content .col-sm-6:nth-child(2n+1) {
clear:left;
}
.hgt {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.hgt .col-sm-6 {
width: 100%;
}
.product-thumb {
padding-top: 0;
padding-bottom: 55px;
margin-bottom: 15px;
}
.custom-checkbox {
margin-top: 15px;
}
.auto_module .select_input {
margin-bottom: 20px;
}
.breadcrumb {
display: none;
}
h1 {
margin-top:0;
}
.search_but_autof {
display: none;
}
.nulname, .nulmark {
right: 15px;
}
.radio_list label {
margin-bottom: 20px;
}
.view_slider {
margin-bottom: 30px;
}
.rig_menu {
display:none;
}
.category_item img {
width: 85px;
}
.children {
grid-template-columns: none;
}
.children li {
padding: 5px 0;
}
.category_item {
align-items: flex-start;
display: flex;
border-bottom: solid 1px #d5d5d5;
margin-bottom: 20px;
padding-bottom: 15px;
flex-wrap: nowrap;
flex-direction: row;
}
.category-content .category_l_tit {
padding-top: 30px;
}
.category-content {
margin-left: 12px;
}
.us_item {
margin-bottom: 30px;
}
.us_item_full {
flex-wrap: wrap;
margin-left: -18px;
margin-right: -18px;
}
.us_item_full svg {
}
.form-horizontal label {
justify-content: flex-start !important;
}
div.required .control-label:before {
margin-right: 5px;
}
.mess_car {
background: #fff;
border-radius: 8px;
padding: 40px 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.mobile_menu div a {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.main_cat_top img {
height: 120px;
}
.main_cat_top a {
min-height: 100px;
}
.main_cat img {
width: auto;
height: 120px;
}
.top_mobile_menu {
width: 100%;
align-items: center;
display: flex !important;
justify-content: space-between;
}
.top_menu_head {
display:none;
}
.prmn-cmngr {
position: relative !important;
}
.contakt svg {
width: 22px;
height: 22px;
}
.prev svg {
transform: rotate(180deg);
width: 32px;
height: 32px;
}
.prmn-cmngr__city-name {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
}
.contakt {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.city_geo svg {
margin: 0;
}
.prmn-cmngr {
right: 0px !important;
margin: 0 20px;
}
.telephone_c {
margin-top: 30px;
color: #000;
font-size: 18px !important;
justify-content: flex-start !important;
}
.contacts a {
margin-bottom: 8px;
display: flex;
align-items: center;
padding: 10px 0;
justify-content: center;
border-radius: 8px;
font-size: 15px;
flex-direction: column;
}
.con_but {
margin-top: 30px;
display: flex;
justify-content: space-around;
}
.chast_c {
background: rgb(255, 204, 51);
color: #000;
}
.watc_c {
background: #25d366;
color: #fff !important;
}
.tel_c {
background: rgb(51,144,236);
color: #fff !important;
}
.status_magaz {
font-size: 15px;
margin-bottom: 28px;
margin-top: -10px;
}
.col-sm-3 {
display:none;
}
.modal-dialog {
margin: 0;
}
.modal-dialog {
padding-top: 35px;
}
.modal-content {
border-radius: 20px 20px 0 0;
}
.ajaxlogin_font {
align-items: normal !important;
padding-top: 35px;
}
.ajaxlogin_body {
width: 100% !important;
}
.ajaxlogin_body .prmn-cmngr-cities__close {
position: absolute !important;
right: 15px !important;
top: 15px !important;
margin: 0;
}
.register_login {
margin-left: -15px;
margin-right: -15px;
}
.search_s #searchsprut {
display:flex !important;
margin-top: 15px;
}
.search_s .city_geo {
display:none;
}
.short_search {
box-shadow: none;
}
.search_top_m #searchsprut {
margin-bottom: 20px;
padding: 0 15px;
}
.search_top_m #searchsprut input {
background: #fff;
height: 60px;
box-shadow: 0px 5px 20px 0px #2C29331A !important;
}
.search_top_m #searchsprut {
display:block;
}
.search_top_m #searchsprut .city_geo {
display:none;
}
.search_top_m button {
top: 7px;
}
.search_top_m .short_search {
width: calc(100% - 30px);
}
.prmn-cmngr-cities .prmn-cmngr-cities__city {
margin: 0;
padding: 10px 0;
}
.modal-open header {
padding:0;
}
#top .container {
padding:15px;
}
.hx {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.logo img {
height: 46px;
}
.category_list_c a {
display: flex;
padding: 0px 12px;
border-radius: 10px;
font-size: 15px;
color: #000;
width: 100%;
align-items: center;
background: #fff;
min-height: 70px;
}
.category_list_c {
margin-bottom: 0px;
border-bottom: 0 !important;
}
#filter_category #filter-list .row {
flex-direction: column;
align-items: normal !important;
}
.dop_block {
margin-bottom: 20px !important;
}
.filter .neoseo-filter {
padding-bottom: 0;
border-bottom: 0 !important;
margin: 0;
padding-top: 0 !important;
}
.filter .neoseo-filter .hgt .dop_block {
margin-bottom: 15px !important;
padding: 0;
}
.auto_module .hgt {
display: flex;
justify-content: space-between;
flex-direction: row;
}
.s_smail .dop_block {
display: flex;
align-items: center;
justify-content: space-around;
background: #f7f8fa;
border-radius: 8px;
padding: 10px;
margin: 0;
}
.s_smail .dop_block {
flex-direction: column;
align-items: flex-start;
background: none;
}
.s_smail .hgt {
flex-direction: row !important;
}
.s_smail .hgt .custom-checkbox {
margin-top: 15px;
}
.search_top_m {
display:block !important;
}
.dsdeeee {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-left: -25px;
margin-right: -25px;
}
.dsdeeee .col-sm-2 {
width: 50%;
padding-right: 5px;
padding-left: 5px;
}
.us_item_full svg {
width: 30px !important;
height: 30px !important;
}
.category_list_c {
display: block;
border-radius: 8px;
overflow: hidden;
}
.category_list_c a {
box-shadow: none;
border-radius: 0;
border-bottom: solid 1px #ededed;
padding: 10px;
}
.filter-button {
margin-bottom: 20px;
font-size: 16px;
font-weight: 700;
}
.prmn-cmngr__confirm {
display: block !important;
position: fixed !important;
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
top: 0 !important;
border-radius: 0 !important;
}
.s_f {
margin-bottom: 40px !important;
}
.body_filter {
margin-bottom: 20px;
}
.hgts {
}
.body_filter .select_input {
width: calc(50% - 8px);
}
.hgts {
display: flex;
align-content: space-between;
flex-direction: row !important;
justify-content: space-between;
margin: 0 0px !important;
}
.hgts .col-sm-6 {
width: 50%;
padding: 0;
}
.filter-horizontal .select_input_active > label {
margin-top: 0;
}
.filter-horizontal .select_input_active .select_list {
margin-top: 50px;
}
.filter-horizontal .search_catalog_zap .inpu_set {
display: block !important;
}
#product-product .col-sm-8 {
width: 100%;
}
.product_donor {
display: flex;
align-items: center;
border-radius: 8px;
flex-wrap: wrap;
justify-content: center;
}
.info_smb {
background: #fafbfc;
padding: 20px;
margin: 0;
margin-left: -15px;
margin-right: -15px;
}
.product_auto_list .ttsmail {
font-size: 15px;
margin-left: -15px;
margin-right: -15px;
padding: 10px 13px;
margin-bottom: 10px;
background: #fafbfc;
}
.b_boot {
border-top: solid 1px #dfdfdf;
padding-top: 20px;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
#product-product .pc_title:after {
letter-spacing: 0em;
}
#product-product .bag_f {
background: #fff;
}
#product-product .product-main {
margin-top: 20px;
}
#product-product .product_main_block, .delivery, .credits, .skidka {
box-shadow: none;
padding: 0px;
margin-top: 30px;
}
.opic_mt {
display:none;
}
#outerContainer,.description_prod {
display:none;
}
.mass_sd {
margin-bottom: 20px;
}
#installBanner img {
width: 45px;
height: 45px;
}
.small-columns-4 .flickity-slider>.col, .small-columns-4>.col {
padding: 3px;
position: relative;
}
.product-thumbnails img {
width: 100%;
}
.flickity-viewport {
margin-left: 0px !important;
margin-right: 0px !important;
}
.flickity-enabled.is-draggable {
margin-left: 0;
}
#loades {
}
#category-sidebar {
display:none;
}
.global_quantity {
position: absolute;
right: -4px;
top: -10px;
}
#cart {
position: relative;
}.mobile_menu svg {
width: 24px !important;
height: 20px !important;
}
.top_car {
background:none;
}
.top_tag {
flex-direction: column;
border-radius: 8px;
overflow: hidden;
}
.top_tag a {
margin:0;
border-radius: 0;
}
.car_product_list .item {
flex-wrap: wrap;
}
.tot_info {
width: calc(100% - 80px) !important;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.car_product_list .item .text {
padding: 0;
padding-left: 20px;
}
.quantity {
display: flex;
justify-content: flex-end;
}
.prpetc {
display: none !important;
}
.number-text {
text-align: center !important;
}
.car_product_list .item .price {
padding: 20px 0;
}
.g5rjj {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
}
.main_slider_body .item img {
height: auto;
}
.car_info_block_body {
flex-wrap: wrap;
}
.car_but_s {
position: absolute;
right: 5px;
top: 5px;
}
.car_but_s span {
display:none;
}
.car_info_block2 {
display: flex;
flex-grow: 1;
justify-content: space-between;
align-items: flex-start;
align-items: center;
margin-top: 30px;
margin-left: -113px;
}
.car_product_list .item {
background: #fff;
border-radius: 8px;
padding: 15px;
}
.car_product_list .item .price {
padding:0;
}
.car_product_list .quantity {
margin:0;
}.cart_mane {
font-size: 13px;
margin-right: 27px;
}
.car_photo img {
border-radius: 5px;
}
.car_item_block {
display: flex;
align-items: flex-start;
}
.autoriz img {
width: 82px;
height: 82px;
position: absolute;
top: -2px;
right: 0px;
}
.car_info_block {
margin: 0;
margin-left: 10px;
}
#checkout-cart .top_tag a {
font-size: 14px;
padding: 15px;
}
.car_but_s {
display: flex;
flex-direction: column;
}
.delete_product_cart {
width: 34px;
height: 34px;
margin-bottom: 5px;
}
footer .col-10 {
display:none;
}
footer .col-12 {
display: flex;
justify-content: center;
}
#content {
min-height: calc(100vh - 500px);
width: 100%;
}
.product-list .button-group {
display: block;
}
.product-thumb .button-group button, .product-thumb .button-group a {
float: left;
border: 0;
line-height: 32px;
text-align: center;
background: #f1f1f1;
display: flex;
font-size: 13px;
width: 100%;
border-radius: 8px;
align-items: center;
padding: 5px 10px;
}
.hidden-xs {
display: block !important;
}
.product-layout:hover {
border-radius: 0;
box-shadow: none;
}
.alert {
margin-bottom: 80px;
}
.body_alert {
bottom: 0;
position: fixed;
z-index: 1000;
left: calc(31vw - 28vw);
right: calc(31vw - 28vw);
display: flex;
justify-content: center;
align-items: center;
}
footer .col-12 {
display: flex;
justify-content: center;
padding:0;
}
.bg-fff {
padding: 30px 15px !important;
}
#quickcheckoutconfirm input[name=email] {
margin-bottom: 30px !important;
}
.bg-fff {
margin-bottom: 20px !important;
}
.map_ty {
width: 100% !important;
height: 100% !important;
}
.cdek_pvz_list_container {
padding: 0 !important;
width: 100% ! IMPORTANT;
height: 30vh;
top: 0 !important;
position: absolute;
overflow: unset;
z-index: 99999999;
background: #fff;
}
#cdek_map_2, #cdek_map_1 {
width: 100% !important;
bottom: 0;
position: absolute;
height: 70vh !important;
}
.address-input-container .suggestion-list {
background: #fff;
}
.ymaps-2-1-79-balloon {
max-width: 212px;
}
.map_body .prmn-cmngr-cities__close {
z-index: 9999999999;
}
.d_block_s {
margin-bottom: 20px;
margin-top: 20px;
}
.select_input input[name="name"] {
width: 100%;
border-radius: 8px;
border-right: 2px;
border: solid 2px #ffcc33;
}
.set_category {
margin-bottom: 15px;
margin-left: -15px;
margin-right: -15px;
margin-top: 10px;
}
.sitr {
margin-bottom: 35px;
}
.pc_val {
display: inline-block; /* Для поддержки стилизации */
margin-right: 10px; /* Как в вашем стиле */
white-space: normal; /* Разрешаем перенос строк */
word-wrap: break-word; /* Перенос слов на следующую строку */
overflow-wrap: break-word; /* Альтернативный вариант для переносов */
max-width: 100%; /* Ограничение ширины */
overflow: hidden; /* Убираем вылет текста за границы */
}
.row-eq-height [class*="col-"] {
display: flex
;
flex-direction: column;
min-height: 222px;
background: #fff;
padding-top: 20px;
}
}
.top_skroll {
position: fixed;
top: 0;
height: 100%;
width: 90px;
z-index: 1000000000;
cursor: pointer;
display: flex
;
flex-direction: column;
align-items: center;
padding-top: 144px;
}
.top_skroll:hover {
background: #f4f5f773;
}
.top_skroll_text {
display: flex;
align-items: center;
margin-top: 20px;
}
.-O {
z-index: 3;
background-size: 100%;
right: 20px;
}
.ug {
position: fixed;
z-index: 5;
bottom: 66px;
width: 60px;
height: 60px;
color: #fff;
cursor: pointer;
}
.ig.kg {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA0MSAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjE4NyAxLjY5MDYzQzI0LjQwMTQgMS4zNjE5NCAyNS42OTQxIDEuMTgzODQgMjcuMDM0MyAxLjE4Mzg0QzM0LjE4MjMgMS4xODM4NCA0MCA2LjI0ODk5IDQwIDEyLjQ3MzRDNDAgMTUuNzUyMSAzOC40MDEyIDE4LjgxNiAzNS41OTA3IDIwLjk1OTFWMjcuMDgyM0wyOS40OTggMjMuNTU2OEMyOC44NTM1IDIzLjY2NjcgMjguMjAzMyAyMy43MzEgMjcuNTU0NSAyMy43NTQ3QzI0LjcxMjggMjYuMTg2OSAyMC44MTU4IDI3LjY5MjUgMTYuNTIwMiAyNy42OTI1QzE1LjQ5NCAyNy42OTI1IDE0LjQ1OTMgMjcuNjAyMyAxMy40Mzg5IDI3LjQyNTlMNi4yMjc1NiAzMS42VjI0LjM2NDNDMi43NzA0MyAyMS43NjgyIDAuNzk5OTg4IDE4LjAzNjUgMC43OTk5ODggMTQuMDQ1NEMwLjc5OTk4OCA2LjUyMTYzIDcuODUyNzYgMC40MDAwMjQgMTYuNTIwMiAwLjQwMDAyNEMxOC45MDE0IDAuNDAwMDI0IDIxLjE2MSAwLjg2Mzk0IDIzLjE4NyAxLjY5MDYzWk0xMy40NDk1IDI1LjE5NTRDMTQuNDYxNCAyNS4zOTI3IDE1LjQ5NjEgMjUuNDkzOCAxNi41MjAyIDI1LjQ5MzhDMTkuMzY2MSAyNS40OTM4IDIyLjAxMTcgMjQuNzUyOSAyNC4xOTg5IDIzLjQ4ODFDMTguNDA4MSAyMi4zNjEzIDE0LjA2NyAxNy44NTE5IDE0LjA2NyAxMi40NzM0QzE0LjA2NyA4LjQ5NzEzIDE2LjQ0MTkgNC45OTc0MyAyMC4wMjA3IDIuOTg1NjZDMTguOTAzNSAyLjczMzkxIDE3LjczMDQgMi41OTg2OSAxNi41MjAyIDIuNTk4NjlDOS4wMTc0OCAyLjU5ODY5IDIuOTE0NzYgNy43MzQ3NSAyLjkxNDc2IDE0LjA0NTRDMi45MTQ3NiAxNy40Njc2IDQuNzIxODQgMjAuNjg2NSA3Ljg3MzM4IDIyLjg3NjNMOC4zNDIzMyAyMy4yMDA2VjI3Ljg1OTZMMTMuMDczNiAyNS4xMjIzTDEzLjQ0OTUgMjUuMTk1NFpNMzMuNDc1OSAxOS44MDE1TDMzLjk0NjQgMTkuNDc1NkMzNi40NDk4IDE3LjczNTkgMzcuODg1MiAxNS4xODMyIDM3Ljg4NTIgMTIuNDczNEMzNy44ODUyIDcuNDYyMTEgMzMuMDE3NSAzLjM4MjUxIDI3LjAzNDMgMy4zODI1MUMyNi44MDExIDMuMzgyNTEgMjYuNTcxNyAzLjM5MTMgMjYuMzQyMiAzLjQwMzk0QzI1LjE5MjMgMy40NjQ0MSAyNC4wOTE2IDMuNjc2NTggMjMuMDY0OSA0LjAxNDA3QzE5LjAzOTkgNS4zNDQ4MSAxNi4xODE4IDguNjM0NTQgMTYuMTgxOCAxMi40NzM0QzE2LjE4MTggMTcuNDE0MyAyMC45MDY3IDIxLjQ0MjMgMjYuNzY5OSAyMS41NTk5QzI2LjgwMDIgMjEuNTYwNiAyNi44MzAyIDIxLjU2MTYgMjYuODYgMjEuNTYyNkMyNi45MTc4IDIxLjU2NDYgMjYuOTc1IDIxLjU2NjUgMjcuMDMyMiAyMS41NjY1QzI3Ljg1MjIgMjEuNTY2NSAyOC42ODAxIDIxLjQ4NTEgMjkuNDkwMSAyMS4zMjg1TDI5Ljg1NzUgMjEuMjU3NkwyOS44NjYgMjEuMjU1NEwzMy40NzU5IDIzLjM0NDZWMTkuODAxNVpNMTkuODA2MSAxMy4xMkwyOC45OTggOC43OTk5OUwyOC40MDk4IDExLjY4SDM1LjI0ODVMMjYuMDU2NiAxNkwyNi42NDQ4IDEzLjEySDE5LjgwNjFaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==);
background-size: 67%;
transition: background-size .1s linear;
border: 0;
}
.ig {
position: fixed;
z-index: 1001;
width: 60px;
height: 60px;
box-sizing: border-box;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
background-repeat: no-repeat;
background-position: 50%;
background-color: #76bc21;
border-radius: 50%;
transition: all .2s ease;
}
.soccontak {
position: fixed;
right: 30px;
bottom: 134px;
display: flex;
flex-direction: column;
z-index: 9;
}
.soccontak .watc {
background: #25d366 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTIxIDQxQzMyLjA0NTcgNDEgNDEgMzIuMDQ1NyA0MSAyMUM0MSA5Ljk1NDMgMzIuMDQ1NyAxIDIxIDFDOS45NTQzIDEgMSA5Ljk1NDMgMSAyMUMxIDMyLjA0NTcgOS45NTQzIDQxIDIxIDQxWiIgZmlsbD0iIzI1RDM2NiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+ICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYuNjU0NyAyMy4xODU0QzI2LjU4NjcgMjMuMDc1NyAyNi40MTE0IDIzLjAxMDEgMjYuMTQ4IDIyLjg3OUMyNS44ODIgMjIuNzQ3OSAyNC41Nzk3IDIyLjExMTMgMjQuMzM3NiAyMi4wMjQzQzI0LjA5NTYgMjEuOTM3MyAyMy45MTY2IDIxLjg5MzIgMjMuNzQxMyAyMi4xNTU0QzIzLjU2NjEgMjIuNDE4OSAyMy4wNTY4IDIzLjAxMDEgMjIuOTAxNyAyMy4xODU0QzIyLjc0NzkgMjMuMzYxOSAyMi41OTQxIDIzLjM4MzMgMjIuMzI5NCAyMy4yNTA5QzIyLjA2NDYgMjMuMTE5OCAyMS4yMTEyIDIyLjg0MjUgMjAuMjAwMSAyMS45NDg3QzE5LjQxNDcgMjEuMjUwMiAxOC44ODI3IDIwLjM5MTcgMTguNzI3NiAyMC4xMjgyQzE4LjU3MzggMTkuODY2IDE4LjcxMTIgMTkuNzIzNiAxOC44NDM2IDE5LjU5MjVDMTguOTYyMSAxOS40NzUyIDE5LjEwODQgMTkuMjg2MSAxOS4yNDA3IDE5LjEzMzZDMTkuMzc0NCAxOC45Nzk4IDE5LjQxNzIgMTguODcwMSAxOS41MDU1IDE4LjY5MzZDMTkuNTkzNyAxOC41MTg0IDE5LjU0OTYgMTguMzY1OCAxOS40ODQgMTguMjM0N0MxOS40MTcyIDE4LjEwMzYgMTguODg3NyAxNi44MTAyIDE4LjY2NTkgMTYuMjg0NUMxOC40NDY1IDE1Ljc1ODggMTguMjI1OSAxNS44NDU3IDE4LjA3MDggMTUuODQ1N0MxNy45MTcgMTUuODQ1NyAxNy43NDA1IDE1LjgyNDMgMTcuNTY0IDE1LjgyNDNDMTcuMzg2MyAxNS44MjQzIDE3LjEwMDEgMTUuODg5OSAxNi44NTgxIDE2LjE1MzNDMTYuNjE2IDE2LjQxNTYgMTUuOTMxNSAxNy4wNTIyIDE1LjkzMTUgMTguMzQzMUMxNS45MzE1IDE5LjYzNjYgMTYuODc5NSAyMC44ODU5IDE3LjAxMzEgMjEuMDU5OUMxNy4xNDQyIDIxLjIzNTEgMTguODQzNiAyMy45NzQ2IDIxLjUzMzkgMjUuMDI2QzI0LjIyNjcgMjYuMDc3NCAyNC4yMjY3IDI1LjcyNjkgMjQuNzEyMSAyNS42ODI4QzI1LjE5NzQgMjUuNjM5OSAyNi4yNzc4IDI1LjA0NzQgMjYuNDk4NCAyNC40MzQ3QzI2LjcyMDMgMjMuODIwOCAyNi43MjAzIDIzLjI5MzggMjYuNjU0NyAyMy4xODU0Wk0yMS4yMDExIDExLjcwN0MxNi4xOTI0IDExLjcwNyAxMi4xMjA1IDE1Ljc0ODcgMTIuMTIwNSAyMC43MTdDMTIuMTIwNSAyMi42ODc0IDEyLjc2MDkgMjQuNTE0MSAxMy44NTAxIDI2LjAwMDVMMTIuNzE1NSAyOS4zNDYzTDE2LjIwMzggMjguMjM2OUMxNy42Mzg0IDI5LjE3NzQgMTkuMzU1NSAyOS43MjcgMjEuMjAxMSAyOS43MjdDMjYuMjA3MiAyOS43MjcgMzAuMjgwNCAyNS42ODUzIDMwLjI4MDQgMjAuNzE3QzMwLjI4MDQgMTUuNzQ4NyAyNi4yMDcyIDExLjcwNyAyMS4yMDExIDExLjcwN1pNMzIgMjAuNzE3QzMyIDI2LjYzNDYgMjcuMTY1MyAzMS40MzQgMjEuMjAxMSAzMS40MzRDMTkuMzA2MyAzMS40MzQgMTcuNTI3NSAzMC45NDk5IDE1Ljk3OTQgMzAuMTAwMkwxMCAzMkwxMS45NDkgMjYuMjUxM0MxMC45NjU3IDI0LjYzNTIgMTAuMzk5NiAyMi43NDE2IDEwLjM5OTYgMjAuNzE3QzEwLjM5OTYgMTQuNzk4MSAxNS4yMzQzIDEwIDIxLjIwMTEgMTBDMjcuMTY1MyAxMCAzMiAxNC43OTgxIDMyIDIwLjcxN1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+) 50% no-repeat;
}
.soccontak .teleg {
background: #229ed9 url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAyNCAyNCcgaGVpZ2h0PSc0MCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nNDAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBzdHJva2U9IiNmZmYiIGN4PScxMicgY3k9JzEyJyBmaWxsPScjMDM5YmU1JyByPScxMicvPjxwYXRoIGQ9J201LjQ5MSAxMS43NCAxMS41Ny00LjQ2MWMuNTM3LS4xOTQgMS4wMDYuMTMxLjgzMi45NDNsLjAwMS0uMDAxLTEuOTcgOS4yODFjLS4xNDYuNjU4LS41MzcuODE4LTEuMDg0LjUwOGwtMy0yLjIxMS0xLjQ0NyAxLjM5NGMtLjE2LjE2LS4yOTUuMjk1LS42MDUuMjk1bC4yMTMtMy4wNTMgNS41Ni01LjAyM2MuMjQyLS4yMTMtLjA1NC0uMzMzLS4zNzMtLjEyMWwtNi44NzEgNC4zMjYtMi45NjItLjkyNGMtLjY0My0uMjA0LS42NTctLjY0My4xMzYtLjk1M3onIGZpbGw9JyNmZmYnLz48L3N2Zz4NCg==) 50% no-repeat;
}
.soccontak .viber {
background: #665cac url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTIxIDQxQzMyLjA0NTcgNDEgNDEgMzIuMDQ1NyA0MSAyMUM0MSA5Ljk1NDMgMzIuMDQ1NyAxIDIxIDFDOS45NTQzIDEgMSA5Ljk1NDMgMSAyMUMxIDMyLjA0NTcgOS45NTQzIDQxIDIxIDQxWiIgZmlsbD0iIzY2NUNBQyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+ICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjkuOSAyMi44NDY2QzI5LjMyMjUgMjcuNTAyOCAyNS45MTQ2IDI3Ljc5OTIgMjUuMjg4NSAyNy45OTg2QzI1LjAyMDIgMjguMDg0MiAyMi41Mzc1IDI4LjcwMzkgMTkuNDE0NiAyOC40OTY5QzE5LjQxNDYgMjguNDk2OSAxNy4wODc4IDMxLjMwMjkgMTYuMzYwNyAzMi4wMzUxQzE2LjI0NyAzMi4xNDg4IDE2LjExNDEgMzIuMTk2MSAxNi4wMjQ2IDMyLjE3MzFDMTUuOTAwNyAzMi4xNDExIDE1Ljg2NjIgMzEuOTk0MiAxNS44NjYyIDMxLjc3N0MxNS44NyAzMS40Njc3IDE1Ljg4NjYgMjcuOTQzNiAxNS44ODY2IDI3Ljk0MzZDMTEuMzQxNiAyNi42ODEyIDExLjYwNjEgMjEuOTMxNyAxMS42NTcyIDE5LjQ0NjRDMTEuNzA5NiAxNi45NTk4IDEyLjE3NiAxNC45MjQzIDEzLjU2MjQgMTMuNTU1OEMxNi4wNTUzIDExLjI5OTMgMjEuMTg5NCAxMS42MzY2IDIxLjE4OTQgMTEuNjM2NkMyNS41MjQ5IDExLjY1NzEgMjcuNjAyNiAxMi45NjA0IDI4LjA4NDMgMTMuMzk3NEMyOS42NzkgMTQuNzY5NyAzMC40OTQyIDE4LjA0NiAyOS45IDIyLjg0NjZaTTI5LjI3NzggMTIuMjM0NkMyOC43MDUzIDExLjcxMiAyNi40MDY2IDEwLjA0MDcgMjEuMjgyNyAxMC4wMTY0QzIxLjI4MjcgMTAuMDE2NCAxNS4yMzYzIDkuNjUyMjMgMTIuMjg5NyAxMi4zNTZDMTAuNjUwMyAxMy45OTU0IDEwLjA3MTUgMTYuMzk2MyAxMC4wMTQgMTkuMzczNkM5Ljk1MTM3IDIyLjM1MjEgOS44NzIxNSAyNy45MjU3IDE1LjI1MDMgMjkuNDM4NkgxNS4yNTQxTDE1LjI1MDMgMzEuNzQ2M0MxNS4yNTAzIDMxLjc0NjMgMTUuMjE3MSAzMi42ODE2IDE1LjgzMTcgMzIuODcwN0MxNi41NzQxIDMzLjEwMDcgMTcuMDExMSAzMi4zOTI4IDE3LjcyMjggMzEuNjI2MkMxOC4xMTEzIDMxLjIwNTggMTguNjUxOCAzMC41ODczIDE5LjA1ODEgMzAuMTE1OEMyMi43MzQzIDMwLjQyNjMgMjUuNTYzMyAyOS43MTcyIDI1Ljg4MjcgMjkuNjEzN0MyNi42MjUxIDI5LjM3MzUgMzAuODI5IDI4LjgzNDIgMzEuNTA4OCAyMy4yNTkzQzMyLjIxNDEgMTcuNTEzMSAzMS4xNjUgMTMuODc1MyAyOS4yNzc4IDEyLjIzNDZaIiBmaWxsPSJ3aGl0ZSIvPiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjY3MTggMTcuMTY1M0MyMS41MTIgMTcuMTU2MyAyMS4zNzY2IDE3LjI4MDMgMjEuMzY3NiAxNy40NEMyMS4zNTg3IDE3LjU5OTcgMjEuNDgyNiAxNy43MzY0IDIxLjY0MjQgMTcuNzQ0MUMyMi41ODkyIDE3Ljc5NTIgMjMuMDUzIDE4LjI3NjkgMjMuMTAwMyAxOS4yNjA4QzIzLjEwOCAxOS40MTU0IDIzLjIzNyAxOS41MzU1IDIzLjM5MDQgMTkuNTM1NUgyMy40MDMxQzIzLjU2MjkgMTkuNTI3OSAyMy42ODY4IDE5LjM5MjQgMjMuNjc5MSAxOS4yMzI3QzIzLjYxNjUgMTcuOTQ3MyAyMi45MjI3IDE3LjIzMTcgMjEuNjcxOCAxNy4xNjUzWiIgZmlsbD0id2hpdGUiLz4gICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC44Njg4IDIwLjAzNDZDMjQuODcxNCAyMC4wMzQ2IDI0Ljg3NCAyMC4wMzQ2IDI0Ljg3NjUgMjAuMDM0NkMyNS4wMzI0IDIwLjAzNDYgMjUuMTYxNSAxOS45MDk0IDI1LjE2NTMgMTkuNzUyM0MyNS4xOTA4IDE4LjYyMDEgMjQuODQ4NCAxNy42NTkzIDI0LjE0ODIgMTYuODkzOUMyMy40NDY3IDE2LjEzMSAyMi40NjUzIDE1LjY5OTEgMjEuMjMzNiAxNS42MTIzQzIxLjA3MzggMTUuNTk5NSAyMC45MzU4IDE1LjcyMDkgMjAuOTI0MyAxNS44ODA2QzIwLjkxMjggMTYuMDQwMyAyMS4wMzMgMTYuMTc4MyAyMS4xOTI3IDE2LjE4OThDMjIuMjg2NSAxNi4yNjc4IDIzLjExNDUgMTYuNjI2OCAyMy43MjAxIDE3LjI4NjFDMjQuMzI0NSAxNy45NDU1IDI0LjYwODIgMTguNzQ3OSAyNC41ODUyIDE5LjczOTVDMjQuNTgxMyAxOS44OTkyIDI0LjcwOTEgMjAuMDMyMSAyNC44Njg4IDIwLjAzNDZaIiBmaWxsPSJ3aGl0ZSIvPiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjcwNTkgMTQuMTA1SDIwLjcwNDdDMjAuNTQ0OSAxNC4xMDUgMjAuNDE0NiAxNC4yMzQgMjAuNDEzMyAxNC4zOTI1QzIwLjQxMzMgMTQuNTUzNSAyMC41NDI0IDE0LjY4MzggMjAuNzAyMSAxNC42ODUxQzIyLjIzMDMgMTQuNjk0IDIzLjUyNDcgMTUuMjA1MSAyNC41NDk1IDE2LjIwNDRDMjUuNTcxNyAxNy4yMDM2IDI2LjA5NjkgMTguNTk2NCAyNi4xMDk3IDIwLjM0MThDMjYuMTA5NyAyMC41MDE1IDI2LjI0IDIwLjYyOTMgMjYuMzk4NCAyMC42MjkzSDI2LjQwMUMyNi41NjA3IDIwLjYyOCAyNi42OTExIDIwLjQ5NzcgMjYuNjg5OCAyMC4zMzhDMjYuNjc0NCAxOC40MzE1IDI2LjA5MTggMTYuOTAwOCAyNC45NTMzIDE1Ljc4OTFDMjMuODE4NiAxNC42ODI1IDIyLjM4ODggMTQuMTE1MiAyMC43MDU5IDE0LjEwNVoiIGZpbGw9IndoaXRlIi8+ICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYuMDEwNCAyMy42NTgxQzI2LjAxMDQgMjMuNjU4MSAyNS4zNDYgMjMuMTA0OCAyNS4wMjQgMjIuODY3MkMyNC43MjExIDIyLjY0MzYgMjQuMjMxNyAyMi4zNDQ2IDIzLjk2MDkgMjIuMTg5OUMyMy40NzI3IDIxLjkxNzggMjIuOTc0NCAyMi4wODY0IDIyLjc2NzQgMjIuMzU0OEwyMi4zNDE5IDIyLjg5MTRDMjIuMTI0NyAyMy4xNjM2IDIxLjcxNTggMjMuMTI3OCAyMS43MTU4IDIzLjEyNzhDMTguNzM3MyAyMi4zNjg4IDE3Ljk0IDE5LjM1MzMgMTcuOTQgMTkuMzUzM0MxNy45NCAxOS4zNTMzIDE3LjkwNTUgMTguOTQ2OSAxOC4xNzY0IDE4LjcyNzJMMTguNzEzIDE4LjMwMDRDMTguOTgxNCAxOC4wOTQ3IDE5LjE1IDE3LjU5NTEgMTguODc3OSAxNy4xMDgyQzE4LjcyNzEgMTYuODM2MSAxOC40MjQyIDE2LjM1MDUgMTguMjAxOSAxNi4wNDUxQzE3Ljk2MyAxNS43MjE4IDE3LjQxMjIgMTUuMDYxMiAxNy40MTEgMTUuMDU4N0MxNy4xNDY1IDE0Ljc0MTggMTYuNzUyOSAxNC42Njg5IDE2LjM0MTUgMTQuODgyM0MxNi4zNDE1IDE0Ljg4MjMgMTYuMzM3NiAxNC44ODYyIDE2LjMzMzggMTQuODg2MkMxNS45NDE1IDE1LjEwNTkgMTUuNTc3NCAxNS40MDI0IDE1LjIzNjIgMTUuNzc2OEMxNS4yMzI0IDE1Ljc3OTMgMTUuMjMyNCAxNS43NzkzIDE1LjIyOTggMTUuNzgzMkMxNC45NzU1IDE2LjA4OTggMTQuODI3MyAxNi4zOTE0IDE0Ljc5NDEgMTYuNjg3OEMxNC43ODY0IDE2LjcyMjMgMTQuNzgyNiAxNi43NjcxIDE0Ljc4NjQgMTYuODE4MkMxNC43ODI2IDE2Ljk0OTggMTQuODAzIDE3LjA3NjMgMTQuODQ1MiAxNy4yMDQxTDE0Ljg1OCAxNy4yMTQzQzE0Ljk4NTcgMTcuNjcxNyAxNS4zMDkgMTguNDMyIDE2LjAwNjcgMTkuNjk5NkMxNi40NjAzIDIwLjUyMjQgMTYuOTI1NCAyMS4yMDk5IDE3LjM4NTQgMjEuNzg3NEMxNy42MjU2IDIyLjA5MjggMTcuOTAxNiAyMi40MDcyIDE4LjIxNzIgMjIuNzI2NkMxOC4yMjg3IDIyLjczNjggMTguMjM5IDIyLjc0NzEgMTguMjQ5MiAyMi43NTczQzE4LjI1OTQgMjIuNzY3NSAxOC4yNjk2IDIyLjc3NzcgMTguMjc5OSAyMi43ODc5QzE4LjI5MDEgMjIuNzk4MiAxOC4zMDAzIDIyLjgwODQgMTguMzExOCAyMi44MTg2QzE4LjMyMDcgMjIuODMwMSAxOC4zMzEgMjIuODM5MSAxOC4zNDI1IDIyLjg1MDZDMTguNjYxOSAyMy4xNjYyIDE4Ljk3NSAyMy40NDIyIDE5LjI4MDQgMjMuNjgyNEMxOS44NTkyIDI0LjE0MjQgMjAuNTQyOCAyNC42MDc1IDIxLjM2ODIgMjUuMDYxMUMyMi42MzcxIDI1Ljc2MDEgMjMuMzk3NCAyNi4wODIxIDIzLjg1NDggMjYuMjA5OEwyMy44NjM3IDI2LjIyMzlDMjMuOTkxNSAyNi4yNjQ4IDI0LjExOTMgMjYuMjgyNyAyNC4yNDk2IDI2LjI4MjdDMjQuMzAwNyAyNi4yODUyIDI0LjM0NTUgMjYuMjgyNyAyNC4zODEyIDI2LjI3NUMyNC42NzY0IDI2LjI0MDUgMjQuOTc4IDI2LjA5MjMgMjUuMjg0NiAyNS44MzkzQzI1LjI4ODUgMjUuODM1NCAyNS4yODg1IDI1LjgzNTUgMjUuMjkyMyAyNS44MzE2QzI1LjY2NTQgMjUuNDkxNyAyNS45NjE5IDI1LjEyMjQgMjYuMTgyOSAyNC43MzRDMjYuMTgyOSAyNC43MzQgMjYuMTg1NSAyNC43MzE1IDI2LjE4NTUgMjQuNzI3NkMyNi4zOTg5IDI0LjMxNDkgMjYuMzI2IDIzLjkyMzkgMjYuMDEwNCAyMy42NTgxWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=) 50% no-repeat;
}
.soccontak .chat {
background: rgb(255, 204, 51) url('data:image/svg+xml;utf8,') no-repeat center;
}
.soccontak .ox {
color: #555;
right: 85%;
position: absolute;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 14px;
line-height: 16px;
white-space: nowrap;
text-decoration: none;
background: hsla(0, 0%, 100%, .9);
padding: 4px 12px 6px 9px;
border-radius: 3px;
}
.soccontak a {
display: flex;
align-items: center;
flex-direction: row-reverse;
cursor: pointer;
}
.ig.jg {
background-size: 100%;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTMxIDYxQzQ3LjU2ODUgNjEgNjEgNDcuNTY4NSA2MSAzMUM2MSAxNC40MzE1IDQ3LjU2ODUgMSAzMSAxQzE0LjQzMTUgMSAxIDE0LjQzMTUgMSAzMUMxIDQ3LjU2ODUgMTQuNDMxNSA2MSAzMSA2MVoiIHN0cm9rZT0iIzc2YmMyMSIvPiAgICA8cGF0aCBkPSJNMzguNzYyNyAyMy4xMTUyTDIyLjQ3MSAzOS40MDciIHN0cm9rZT0iIzc2YmMyMSIvPiAgICA8cGF0aCBkPSJNMzguNzYyNyAzOS40MDdMMjIuNDcxIDIzLjExNTIiIHN0cm9rZT0iIzc2YmMyMSIvPjwvc3ZnPg==);
background-color: transparent;
border: 0;
}
.soccontak .rx {
position: relative;
width: 40px;
height: 40px;
border-radius: 40px;
z-index: 1;
border: 2px solid hsla(0, 0%, 100%, .5);
}
@media(max-width: 1500px){
.top_skroll {
position: fixed;
height: 50px;
width: 50px;
top: auto;
right: 25px !important;
bottom: 75px !important;
background: #ffffff;
z-index: 7;
cursor: pointer;
display: flex;
align-items: center;
box-shadow: 0px 5px 20px 0px #2C29331A !important;
border-radius: 50%;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
padding: 0;
}
.top_skroll svg {
width: 40px;
height: 40px;
}
.top_skroll span {
display:none;
}
.top_skroll_text {
display: flex;
align-items: center;
margin-top: 0;
}
}
.link_s {
/* border-bottom: 1px dashed #d1d1d1;*/
line-height: 22px;
}
/* Прелоадер */
#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.9);
display: flex; /* Видим по умолчанию */
justify-content: center;
align-items: center;
z-index: 9999999999;
opacity: 1; /* Прозрачность для плавного исчезновения */
transition: opacity 0.5s ease; /* Плавное исчезновение */
}
/* Анимация загрузочного круга */
.loader {
border: 8px solid #f3f3f3;
border-top: 8px solid #3498db;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}