html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
background:0 0
}
ins {
text-decoration:none
}
del {
text-decoration:line-through
}
table {
border-collapse:collapse;
border-spacing:0
}
strong {
font-weight:600
}
*,
*:after,
*:before {
box-sizing:border-box;
padding:0;
margin:0
}
:root {
--brand: #371d23;
--brand2: #000000;
--brand3: #e53a00;
--brand4: #ff4100;
--bluebg: #f2f5f6;
--gray1: #e1e1e1;
--gray2: #222;
--gray3: #333;
--gray4: #444;
--white: #fff;
--black: #000;
--red: #ff3636;
--gradient: linear-gradient(0deg, var(--brand) 0%, var(--brand2));
--gradient2: linear-gradient(0deg, var(--brand3) 0%, var(--brand4));
--border-radius: 0px;
--border-color: #d9dee1;
--swiper-pagination-bullet-border-radius: 0;
--border-input: #d7e7ee;
}
::selection {
background:var(--brand);
color:#fff;
text-shadow:0px 1px 3px rgba(0,0,0,.2)
}
::-moz-selection {
background:var(--brand);
color:#fff;
text-shadow:0px 1px 3px rgba(0,0,0,.2)
}
::-webkit-scrollbar {
width:6px;
height:6px;
background:0 0
}
::-webkit-scrollbar-thumb {
background:var(--brand);
border-radius:var(--border-radius)
}
::-webkit-scrollbar-track-piece {
background:0 0
}
html,
body {
width:100%;
min-height:100%;
background:#fff;
-webkit-text-size-adjust:none
}
html,
body,
textarea,
input,
button,
select {
font-size:14px;
font-family:'Roboto','Arial',sans-serif;
color:#000;
outline:0px
}
input[type=text],
input[type=email],
input[type=search],
input[type=submit],
textarea {
-webkit-appearance:none
}
body {
-webkit-overflow-scrolling:touch;
min-height:100vh;
overflow:overlay
}
body:not(#tinymce) {
background-position:top center;
background-size:contain;
background-repeat:no-repeat;
opacity:1 !important
}
ul {
padding-left:40px;
list-style:disc outside;
margin-top:1em;
margin-bottom:1em
}
ol {
padding-left:40px;
list-style:decimal outside;
margin-top:1em;
margin-bottom:1em
}
img {
max-width:100%;
height:auto;
border:0;
vertical-align:bottom;
max-height:100%
}
a {
color:var(--brand);
text-decoration:none
}
/** COOKIE **/
.cookie-notice {
position: fixed;
bottom: calc(70px + (30 - 70) * ((100vw - 414px) / (1920 - 414)));
box-shadow: 0px 6px 37px 20px #0000000D;
border-radius: 15px;
max-width: 600px;
background: #e1e1e1;
transition: opacity 0.3s ease;
padding: 15px 20px;
z-index: 9999;
display: none; /* Скрыт по умолчанию */
font-size: 13px;
line-height: 1.4;
}
.cookie-notice__content {
overflow: hidden; /* Clearfix */
}
.cookie-notice__content {
display: table;
width: 100%;
border-collapse: collapse;
}
.cookie-notice__icon-cell,.cookie-notice__text-cell{
display: table-cell;
vertical-align: middle;
}
.cookie-notice__icon-cell{
width: 75px;
text-align: center;
}
.cookie-notice__icon {
display: inline-block;
width: 47px;
height: 47px;
margin-right: 10px;
text-align: center;
line-height: 47px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='47' height='48' viewBox='0 0 47 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M46.9687 22.2846C46.9451 21.8251 46.6937 21.4078 46.2986 21.1722C45.9036 20.9365 45.4169 20.9136 45.0014 21.1109C43.8749 21.6462 42.6664 21.9175 41.4094 21.9175C36.7841 21.9175 33.0211 18.1518 33.0211 13.523C33.0211 12.3646 33.2527 11.2426 33.7095 10.188C33.9339 9.66969 33.8195 9.0671 33.4207 8.66724C33.0219 8.26729 32.4196 8.15128 31.9007 8.37449C31.2473 8.65558 30.5526 8.79805 29.8364 8.79805C26.9496 8.79805 24.601 6.4475 24.601 3.5583C24.601 2.96912 24.6993 2.3884 24.893 1.83247C25.0394 1.41241 24.974 0.947513 24.7175 0.584216C24.461 0.220826 24.0448 0.00367431 23.5999 0.00101044L23.5751 0.000643005C23.5502 0.000367431 23.5253 0 23.5003 0C17.223 0 11.3214 2.44608 6.88272 6.88759C2.44434 11.3288 0 17.2338 0 23.5146C0 29.7954 2.44434 35.7004 6.88272 40.1416C11.3214 44.5832 17.223 47.0292 23.5003 47.0292C29.7775 47.0292 35.6791 44.5831 40.1178 40.1416C44.5562 35.7004 47.0005 29.7954 47.0005 23.5146C47.0006 23.1089 46.9899 22.695 46.9687 22.2846ZM38.1686 38.1936C34.2505 42.1143 29.0411 44.2735 23.5003 44.2735C17.9594 44.2735 12.75 42.1143 8.83195 38.1936C4.91366 34.2728 2.75573 29.0597 2.75573 23.5146C2.75573 17.9695 4.91366 12.7564 8.83195 8.83562C12.3655 5.29974 16.9492 3.19656 21.8793 2.81774C21.8566 3.06337 21.8452 3.31037 21.8452 3.55839C21.8452 7.9671 25.43 11.5539 29.8363 11.5539C30.0394 11.5539 30.2415 11.5463 30.4422 11.5314C30.3246 12.1839 30.2653 12.849 30.2653 13.523C30.2653 19.6714 35.2645 24.6733 41.4093 24.6733C42.3734 24.6733 43.3163 24.5529 44.2298 24.3139C44.0327 29.559 41.898 34.4618 38.1686 38.1936Z' fill='%231E1E1E'/%3e%3cpath d='M13.5884 22.3526C16.092 22.3526 18.1288 20.3147 18.1288 17.81C18.1288 15.3054 16.092 13.2676 13.5884 13.2676C11.0847 13.2676 9.04785 15.3054 9.04785 17.81C9.04785 20.3147 11.0847 22.3526 13.5884 22.3526ZM13.5884 16.0233C14.5725 16.0233 15.3731 16.8249 15.3731 17.81C15.3731 18.7952 14.5725 19.5969 13.5884 19.5969C12.6043 19.5969 11.8036 18.7952 11.8036 17.81C11.8036 16.8249 12.6042 16.0233 13.5884 16.0233Z' fill='%231E1E1E'/%3e%3cpath d='M14.4739 26.4512C12.1494 26.4512 10.2583 28.3432 10.2583 30.6686C10.2583 32.9941 12.1494 34.8861 14.4739 34.8861C16.7985 34.8861 18.6897 32.9941 18.6897 30.6686C18.6897 28.3432 16.7985 26.4512 14.4739 26.4512ZM14.4739 32.1304C13.6689 32.1304 13.014 31.4746 13.014 30.6686C13.014 29.8627 13.6689 29.2069 14.4739 29.2069C15.279 29.2069 15.9339 29.8627 15.9339 30.6686C15.9339 31.4746 15.279 32.1304 14.4739 32.1304Z' fill='%231E1E1E'/%3e%3cpath d='M33.5292 27.1895C31.0256 27.1895 28.9888 29.2272 28.9888 31.7319C28.9888 34.2366 31.0256 36.2745 33.5292 36.2745C36.0329 36.2745 38.0697 34.2366 38.0697 31.7319C38.0697 29.2272 36.0329 27.1895 33.5292 27.1895ZM33.5292 33.5187C32.5451 33.5187 31.7445 32.7171 31.7445 31.7319C31.7445 30.7467 32.5451 29.9452 33.5292 29.9452C34.5133 29.9452 35.314 30.7467 35.314 31.7319C35.314 32.7171 34.5133 33.5187 33.5292 33.5187Z' fill='%231E1E1E'/%3e%3cpath d='M25.3881 34.8965C24.6407 34.8965 24.0347 35.5028 24.0347 36.2507C24.0347 36.9987 24.6407 37.6051 25.3881 37.6051C26.1355 37.6051 26.7415 36.9987 26.7415 36.2507C26.7415 35.5028 26.1355 34.8965 25.3881 34.8965Z' fill='%231E1E1E'/%3e%3cpath d='M17.3114 9.25753C18.0589 9.25753 18.6649 8.65117 18.6649 7.90318C18.6649 7.15519 18.0589 6.54883 17.3114 6.54883C16.564 6.54883 15.958 7.15519 15.958 7.90318C15.958 8.65117 16.564 9.25753 17.3114 9.25753Z' fill='%231E1E1E'/%3e%3cpath d='M7.90421 27.8298C8.65169 27.8298 9.25765 27.2234 9.25765 26.4754C9.25765 25.7275 8.65169 25.1211 7.90421 25.1211C7.15673 25.1211 6.55078 25.7275 6.55078 26.4754C6.55078 27.2234 7.15673 27.8298 7.90421 27.8298Z' fill='%231E1E1E'/%3e%3cpath d='M20.9101 19.0859C20.1626 19.0859 19.5566 19.6923 19.5566 20.4403C19.5566 21.1883 20.1626 21.7945 20.9101 21.7945C21.6575 21.7945 22.2635 21.1882 22.2635 20.4403C22.2635 19.6923 21.6576 19.0859 20.9101 19.0859Z' fill='%231E1E1E'/%3e%3cpath d='M29.0131 25.8728C29.7606 25.8728 30.3665 25.2664 30.3665 24.5184C30.3665 23.7704 29.7606 23.1641 29.0131 23.1641C28.2656 23.1641 27.6597 23.7704 27.6597 24.5184C27.6597 25.2664 28.2656 25.8728 29.0131 25.8728Z' fill='%231E1E1E'/%3e%3c/svg%3e ");
}
.cookie-notice__text {
color: #333333;
}
.cookie-notice__link {
color: #2780af;
text-decoration: underline;
}
.cookie-notice__link:hover,
.cookie-notice__link:focus {
color: #195372;
}
.cookie-notice__button {
background: #9b2743;
color: #ffffff;
border: none;
padding: 7px 20px;
cursor: pointer;
font-size: 13px;
float: right;
border-radius: 5px;
line-height: 1;
}
.cookie-notice__button:hover,
.cookie-notice__button:focus {
background: #195372;
}
/** COOKIE **/
.cookie-notice {
position: fixed;
bottom: calc(70px + (30 - 70) * ((100vw - 414px) / (1920 - 414)));
box-shadow: 0px 6px 37px 20px #0000000D;
border-radius: 15px;
max-width: 400px;
background: #e1e1e1;
transition: opacity 0.3s ease;
padding: 15px 20px;
z-index: 9999;
display: none; /* Скрыт по умолчанию */
font-size: 13px;
line-height: 1.4;
}
.cookie-notice__content {
overflow: hidden; /* Clearfix */
}
.cookie-notice__content {
display: table;
width: 100%;
border-collapse: collapse;
}
.cookie-notice__icon-cell,.cookie-notice__text-cell{
display: table-cell;
vertical-align: middle;
}
.cookie-notice__icon-cell{
width: 75px;
text-align: center;
}
.cookie-notice__icon {
display: inline-block;
width: 47px;
height: 47px;
margin-right: 10px;
text-align: center;
line-height: 47px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='47' height='48' viewBox='0 0 47 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M46.9687 22.2846C46.9451 21.8251 46.6937 21.4078 46.2986 21.1722C45.9036 20.9365 45.4169 20.9136 45.0014 21.1109C43.8749 21.6462 42.6664 21.9175 41.4094 21.9175C36.7841 21.9175 33.0211 18.1518 33.0211 13.523C33.0211 12.3646 33.2527 11.2426 33.7095 10.188C33.9339 9.66969 33.8195 9.0671 33.4207 8.66724C33.0219 8.26729 32.4196 8.15128 31.9007 8.37449C31.2473 8.65558 30.5526 8.79805 29.8364 8.79805C26.9496 8.79805 24.601 6.4475 24.601 3.5583C24.601 2.96912 24.6993 2.3884 24.893 1.83247C25.0394 1.41241 24.974 0.947513 24.7175 0.584216C24.461 0.220826 24.0448 0.00367431 23.5999 0.00101044L23.5751 0.000643005C23.5502 0.000367431 23.5253 0 23.5003 0C17.223 0 11.3214 2.44608 6.88272 6.88759C2.44434 11.3288 0 17.2338 0 23.5146C0 29.7954 2.44434 35.7004 6.88272 40.1416C11.3214 44.5832 17.223 47.0292 23.5003 47.0292C29.7775 47.0292 35.6791 44.5831 40.1178 40.1416C44.5562 35.7004 47.0005 29.7954 47.0005 23.5146C47.0006 23.1089 46.9899 22.695 46.9687 22.2846ZM38.1686 38.1936C34.2505 42.1143 29.0411 44.2735 23.5003 44.2735C17.9594 44.2735 12.75 42.1143 8.83195 38.1936C4.91366 34.2728 2.75573 29.0597 2.75573 23.5146C2.75573 17.9695 4.91366 12.7564 8.83195 8.83562C12.3655 5.29974 16.9492 3.19656 21.8793 2.81774C21.8566 3.06337 21.8452 3.31037 21.8452 3.55839C21.8452 7.9671 25.43 11.5539 29.8363 11.5539C30.0394 11.5539 30.2415 11.5463 30.4422 11.5314C30.3246 12.1839 30.2653 12.849 30.2653 13.523C30.2653 19.6714 35.2645 24.6733 41.4093 24.6733C42.3734 24.6733 43.3163 24.5529 44.2298 24.3139C44.0327 29.559 41.898 34.4618 38.1686 38.1936Z' fill='%231E1E1E'/%3e%3cpath d='M13.5884 22.3526C16.092 22.3526 18.1288 20.3147 18.1288 17.81C18.1288 15.3054 16.092 13.2676 13.5884 13.2676C11.0847 13.2676 9.04785 15.3054 9.04785 17.81C9.04785 20.3147 11.0847 22.3526 13.5884 22.3526ZM13.5884 16.0233C14.5725 16.0233 15.3731 16.8249 15.3731 17.81C15.3731 18.7952 14.5725 19.5969 13.5884 19.5969C12.6043 19.5969 11.8036 18.7952 11.8036 17.81C11.8036 16.8249 12.6042 16.0233 13.5884 16.0233Z' fill='%231E1E1E'/%3e%3cpath d='M14.4739 26.4512C12.1494 26.4512 10.2583 28.3432 10.2583 30.6686C10.2583 32.9941 12.1494 34.8861 14.4739 34.8861C16.7985 34.8861 18.6897 32.9941 18.6897 30.6686C18.6897 28.3432 16.7985 26.4512 14.4739 26.4512ZM14.4739 32.1304C13.6689 32.1304 13.014 31.4746 13.014 30.6686C13.014 29.8627 13.6689 29.2069 14.4739 29.2069C15.279 29.2069 15.9339 29.8627 15.9339 30.6686C15.9339 31.4746 15.279 32.1304 14.4739 32.1304Z' fill='%231E1E1E'/%3e%3cpath d='M33.5292 27.1895C31.0256 27.1895 28.9888 29.2272 28.9888 31.7319C28.9888 34.2366 31.0256 36.2745 33.5292 36.2745C36.0329 36.2745 38.0697 34.2366 38.0697 31.7319C38.0697 29.2272 36.0329 27.1895 33.5292 27.1895ZM33.5292 33.5187C32.5451 33.5187 31.7445 32.7171 31.7445 31.7319C31.7445 30.7467 32.5451 29.9452 33.5292 29.9452C34.5133 29.9452 35.314 30.7467 35.314 31.7319C35.314 32.7171 34.5133 33.5187 33.5292 33.5187Z' fill='%231E1E1E'/%3e%3cpath d='M25.3881 34.8965C24.6407 34.8965 24.0347 35.5028 24.0347 36.2507C24.0347 36.9987 24.6407 37.6051 25.3881 37.6051C26.1355 37.6051 26.7415 36.9987 26.7415 36.2507C26.7415 35.5028 26.1355 34.8965 25.3881 34.8965Z' fill='%231E1E1E'/%3e%3cpath d='M17.3114 9.25753C18.0589 9.25753 18.6649 8.65117 18.6649 7.90318C18.6649 7.15519 18.0589 6.54883 17.3114 6.54883C16.564 6.54883 15.958 7.15519 15.958 7.90318C15.958 8.65117 16.564 9.25753 17.3114 9.25753Z' fill='%231E1E1E'/%3e%3cpath d='M7.90421 27.8298C8.65169 27.8298 9.25765 27.2234 9.25765 26.4754C9.25765 25.7275 8.65169 25.1211 7.90421 25.1211C7.15673 25.1211 6.55078 25.7275 6.55078 26.4754C6.55078 27.2234 7.15673 27.8298 7.90421 27.8298Z' fill='%231E1E1E'/%3e%3cpath d='M20.9101 19.0859C20.1626 19.0859 19.5566 19.6923 19.5566 20.4403C19.5566 21.1883 20.1626 21.7945 20.9101 21.7945C21.6575 21.7945 22.2635 21.1882 22.2635 20.4403C22.2635 19.6923 21.6576 19.0859 20.9101 19.0859Z' fill='%231E1E1E'/%3e%3cpath d='M29.0131 25.8728C29.7606 25.8728 30.3665 25.2664 30.3665 24.5184C30.3665 23.7704 29.7606 23.1641 29.0131 23.1641C28.2656 23.1641 27.6597 23.7704 27.6597 24.5184C27.6597 25.2664 28.2656 25.8728 29.0131 25.8728Z' fill='%231E1E1E'/%3e%3c/svg%3e ");
}
.cookie-notice__text {
color: #333333;
}
.cookie-notice__link {
color: #2780af;
text-decoration: underline;
}
.cookie-notice__link:hover,
.cookie-notice__link:focus {
color: #195372;
}
.cookie-notice__button {
background: #9b2743;
color: #ffffff;
border: none;
padding: 7px 20px;
cursor: pointer;
font-size: 13px;
float: right;
border-radius: 5px;
line-height: 1;
}
.cookie-notice__button:hover,
.cookie-notice__button:focus {
background: #195372;
}
.h3form {
display: BLOCK;
font-size: 24px;
font-weight: 400;
margin: 0 0 25px;
}
.producth3 a {
display: block;
padding: 0 15px;
font-size: 14px;
font-weight: 500;
line-height: 22px;
color: #000;
}
.producth3{ display: block;
position: relative;margin: 0 0 18px;}
.cMainForm>.cmfContent>h3 {
display: BLOCK;
font-size: 24px;
font-weight: 400;
margin: 0 0 25px;
}
@media (hover) {
a:hover,
.link:hover {
color:var(--brand3)
}
}
.noli,
.noli ul,
.noli li {
display:block;
margin:0;
padding:0;
list-style:none
}
.max {
display:block;
position:relative;
margin:0 auto;
max-width:1240px;
width:calc(100% - 40px)
}
h1,
h2,
h3 {
display:block;
font-weight:700;
margin:0 0 30px
}
h1 {
font-size:30px
}
h2 {
font-size:28px
}
h3 {
font-size:26px
}
body#tinymce {
display:block;
padding:10px;
font-size:14px;
line-height:initial
}
.btn {
display:inline-flex;
height:42px;
align-items:center;
justify-content:center;
color:#fff;
border:0;
padding:0 15px 0;
cursor:pointer;
transition:all .1s;
border-radius:var(--border-radius);
background:var(--gradient2);
box-shadow:0 10px 22px -5px rgb(244 67 54/30%),inset 0px -2px 0px rgb(0 0 0/5%);
position:relative;
font-size:14px;
text-shadow:0px 1px 3px rgb(0 0 0/29%)
}
.btn.blue {
background:linear-gradient(180deg,var(--brand2) 0%,var(--brand) 100%);
box-shadow:0 10px 22px -5px rgb(0 67 122/46%),inset 0px -2px 0px rgb(0 0 0/5%)
}
.btn:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/pattern.webp) repeat;
transition:all .1s;
filter:opacity(.1);
background-color:transparent
}
.btn * {
position:relative;
z-index:1
}
a.btn {
color:#fff
}
.btn>img+span,
.btn>svg+span {
margin:0 0 0 10px
}
.btn svg path {
stroke:#fff
}
@media (hover) {
.btn:hover,
.btn.outline:hover {
box-shadow:0 10px 22px -5px rgb(244 67 54/66%),inset 0px -2px 0px rgb(0 0 0/5%)
}
.btn:hover:before,
.btn.outline:hover:before {
filter:opacity(.05);
background-color:#000
}
}
.btn>span {
display:block
}
.btn>ion-icon {
font-size:16px
}
.btn>span+ion-icon {
margin:0 0 0 7px
}
.btn>ion-icon+span {
margin:0 0 0 7px
}
a.btn.transparent {
background:0 0;
color:var(--brand);
text-shadow:none;
box-shadow:none
}
a.btn.transparent:before {
display:none
}
@media (hover) {
a.btn.transparent:hover {
color:var(--brand3)
}
}
a.btn.red {
background:linear-gradient(180deg,var(--brand3) 0%,var(--brand4) 100%);
box-shadow:0 10px 22px -5px rgb(122 0 0/46%),inset 0px -2px 0px rgb(0 0 0/5%)
}
.btn.disabled {
background:#ddd;
box-shadow:none;
cursor:default;
color:#333;
text-shadow:0px 1px 1px #eee;
filter:opacity(.7)
}
@media(hover) {
.btn.disabled:hover {
background:#ddd;
box-shadow:none;
cursor:default;
color:#333;
text-shadow:0px 1px 1px #eee;
filter:opacity(.7)
}
.btn.disabled:hover:before,
.btn.disabled.outline:hover:before {
display:none
}
}
header {
display:block;
position:RELATIVE;
z-index:999;
transition:height .3s,box-shadow .3s
}
#ctop {
display:BLOCK;
position:relative
}
.ctop {
display:flex;
justify-content:space-between;
position:relative;
height:40px
}
.ctop>.socials {
display:flex;
position:relative;
margin:0 -10px
}
.ctop>.socials>a {
display:FLEX;
align-items:center;
justify-content:center;
padding:0 10px
}
.ctop>ul.menu {
display:FLEX;
position:relative;
margin:0 -20px
}
.ctop>ul.menu>li {
display:flex;
align-items:center;
justify-content:center;
position:relative
}
.ctop>ul.menu>li>a,
.ctop>.comparedBlock>div>a {
display:flex;
position:relative;
padding:0 20px;
align-items:center;
color:#555;
font-size:13px
}
.ctop>ul.menu>li>a>ion-icon,
.ctop>.comparedBlock>div>a>ion-icon {
margin:0 5px 0 0;
font-size:14px;
color:var(--brand2)
}
.ctop>ul.menu>li>a:hover,
.ctop>.comparedBlock>div>a:hover {
color:var(--brand)
}
.ctop>ul.menu>li:not(:first-child).selected a {
color:var(--brand)
}
.ctop>.comparedBlock {
display:flex;
position:relative;
margin:0 -20px
}
.ctop>.comparedBlock>div {
display:flex;
position:relative
}
.ctop>.comparedBlock>div>.psi {
display:flex;
align-items:center;
justify-content:center
}
header.showpanel .ctop>ul.menu>li>a,
header.showpanel .ctop>.comparedBlock>div>a {
color:#fff
}
header.showpanel .ctop>ul.menu>li>a>ion-icon,
header.showpanel .ctop>.comparedBlock>div>a>ion-icon {
color:#fff
}
header.showpanel .ctop>.socials>a {
color:#fff
}
#header {
display:block;
position:relative
}
.header {
display:flex;
align-items:center;
position:relative;
height:100px;
background:#fff;
z-index:100;
box-shadow:0px 5px 35px rgb(0 0 0/15%);
width:calc(100% + 40px);
margin:0 0 0 -20px;
padding:0 20px;
flex-wrap:wrap
}
.header>.search {
display:block;
height:42px;
position:relative;
flex-grow:1;
margin:0 20px 0 0
}
.header>.search>form>input {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:1px solid #cfcfcf;
border-radius:var(--border-radius);
font-size:13px;
padding:0 35px 0 15px;
background:var(--bluebg);
border:1px solid var(--border-color)
}
.header>.search>form {
display:block;
position:relative;
width:100%;
height:100%
}
.header>a.logo {
display:block;
margin:0 40px 0 0
}
.header>.search>form>input::placeholder {
color:#999
}
.header>.search>form>button {
display:flex;
width:35px;
height:40px;
position:absolute;
top:0;
right:0;
align-items:center;
justify-content:center;
border:0;
cursor:pointer;
background:0 0;
font-size:20px;
color:#999;
padding:0 4px 0 0
}
.header>.search>form>button:hover {
color:var(--brand)
}
.header>.phones {
display:FLEX;
flex-direction:COLUMN;
position:relative;
padding:1px 0 0
}
.header>.phones>a {
display:block;
padding:2px 0;
color:#333;
font-size:18px;
font-weight:500
}
.header>.phones>a:hover {
color:var(--brand)
}
.header>.buttonBlock {
display:flex;
align-items:center;
margin:0 10px 0 0
}
.header>.buttonBlock>a:not(.btn) {
margin:0 0 0 15px;
font-size:15px;
font-weight:500;
border-bottom:1px dotted
}
.header>.buttonBlock>a {
margin:0 10px 0 0;
font-size:13px
}
.header>.buttonBlock>a:first-child>ion-icon {
font-size:20px
}
a.whapp>ion-icon {
font-size:22px
}
a.whapp {
padding:0;
width:42px;
background:linear-gradient(0deg,#2aac3c,#2ac841);
box-shadow:0 10px 22px -5px rgb(42 172 60/45%),inset 0px -2px 0px rgb(0 0 0/5%)
}
a.whapp:hover {
box-shadow:0 10px 22px -5px rgb(42 172 60/75%),inset 0px -2px 0px rgb(0 0 0/5%)
}
.panel>.cartBlock {
display:block;
position:relative;
display:flex;
align-items:center;
justify-content:center;
padding:7px 27px 0 20px
}
.panel>.cartBlock>.cartInformer {
display:block;
position:relative
}
.panel>.cartBlock>.cartInformer>a {
display:FLEX;
align-items:center;
justify-content:center;
position:relative;
color:#fff
}
.panel>.cartBlock>.cartInformer>a>.ctInfo {
display:none
}
.panel>.cartBlock>.cartInformer>a>span {
display:BLOCK;
position:relative
}
.panel>.cartBlock>.cartInformer>a>span>ion-icon {
font-size:24px
}
.panel>.cartBlock>.cartInformer>a>span>span {
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:-9px;
right:-13px;
background:var(--brand3);
height:20px;
min-width:20px;
padding:0 5px;
border-radius:100%;
font-size:12px;
font-weight:500;
color:#fff
}
#panel {
display:block;
position:relative;
margin:0 0 30px
}
.panel {
display:flex;
position:relative;
height:54px;
background:var(--gradient);
flex-wrap:wrap
}
.panel:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/pattern.webp) repeat;
filter:opacity(.05)
}
.panelButtons {
display:flex
}
.panelOpenButton {
display:block;
border-right:1px solid rgb(255 255 255/11%)
}
.panelOpenButton>a.btn {
padding:0 30px 0;
font-size:15px;
height:100%;
border-right:1px solid rgb(0 0 0/11%);
font-weight:500;
color:#fff;
text-shadow:0px 2px 2px rgb(0 0 0/17%)
}
.panelOpenButton[data-catalog]>a.btn {
font-size:16px
}
.panelOpenButton>a.btn:hover {
background:rgb(0 0 0/17%);
color:#fff
}
.panelOpenButton>a.btn.active {
background:rgb(0 0 0/17%)
}
.panelOpenButton>a.btn span+ion-icon {
font-size:18px;
margin:2px -10px 0 10px
}
.navicon {
display:flex;
margin:0 10px -2px 0;
width:16px;
flex-direction:column
}
.navicon>i {
display:block;
background:#fff;
margin:0 0 3px;
height:2px;
transition:all .3s
}
.transparent .navicon>i {
background:#fff
}
@media(hover) {
.transparent:hover .navicon>i {
background:#fff
}
}
a.active>.navicon>i:nth-child(2) {
opacity:0
}
a.active>.navicon>i:nth-child(1) {
transform:rotate(45deg);
margin:0 0 -4px
}
a.active>.navicon>i:nth-child(3) {
transform:rotate(-45deg);
margin:-3px 0 0
}
.panelShow {
display:none;
position:absolute;
top:calc(100%);
left:0;
width:100%
}
@media(hover) {
.panelOpenButton:hover .panelShow {
display:block
}
}
.panelShow>ul.navigation {
display:flex;
flex-direction:column;
background:var(--bluebg);
border-top:1px solid #cbd3db;
width:272px;
padding:20px 0
}
.panelShow>ul.navigation>li {
display:block
}
.panelShow>ul.navigation>li>a {
display:BLOCK;
position:relative;
padding:10px 15px;
font-size:15px;
font-weight:400;
color:#333;
display:flex;
align-items:center
}
@media(hover) {
.panelShow>ul.navigation>li:hover>a {
background:rgb(0 0 0/5%);
color:#000
}
}
.panelShow>ul.navigation>li>a>ion-icon {
margin:0 0 0 5px
}
.panelShow>ul.navigation>li>.pcConstructionBefore {
display:none;
position:absolute;
top:0;
left:272px;
width:calc(100% - 272px);
min-height:100%;
background:#fff;
border-top:1px solid #cbd3db
}
@media(hover) {
.panelShow>ul.navigation>li:hover>.pcConstructionBefore {
display:block
}
}
.panel>ul.menu {
display:flex;
position:relative;
flex-grow:1
}
.panel>ul.menu>li {
display:flex;
position:relative;
border-right:1px solid rgb(255 255 255/11%);
flex:1
}
.panel>ul.menu>li>a {
display:flex;
align-items:center;
justify-content:center;
padding:0 20px;
font-size:15px;
color:#fff;
font-weight:500;
border-right:1px solid rgb(0 0 0/11%);
width:100%;
transition:all .1s;
text-shadow:0px 2px 2px rgb(0 0 0/17%)
}
.panel>ul.menu>li>a:hover {
background:rgb(0 0 0/17%)
}
.autocomplete-suggestions {
display:block;
background:var(--white);
background:#fff;
box-shadow:0px 5px 50px rgb(0 0 0/20%);
border-radius:var(--border-radius);
margin-top:10px;
overflow-x:hidden;
overflow-y:overlay
}
.autocomplete-suggestions>.autocomplete-suggestion {
display:flex;
align-items:CENTER;
border-bottom:1px dotted #d9d9d9;
padding:10px;
cursor:pointer;
font-size:13px;
color:var(--black)
}
.autocomplete-suggestions>.autocomplete-suggestion:last-child {
border:0
}
.autocomplete-suggestions>.autocomplete-suggestion>img {
margin:0 10px 0 0;
border-radius:var(--border-radius)
}
.autocomplete-suggestions>.autocomplete-suggestion strong {
color:var(--brand);
font-weight:400
}
@media (hover) {
.autocomplete-suggestions>.autocomplete-suggestion:hover {
background:var(--gray1)
}
}
#headermobile {
display:none
}
header.showpanel {
z-index:9999
}
.downPanelBefore {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgb(0 0 0/51%);
z-index:9998
}
#downPanel {
display:none;
position:absolute;
top:100%;
left:0;
width:100%
}
.downPanelMax {
display:block;
position:relative;
overflow-x:hidden;
overflow-y:overlay;
max-height:calc(100vh - 194px);
background:#fff;
padding:0 20px
}
.downPanel {
display:none;
position:relative
}
.downPanelCategories {
display:flex;
flex-wrap:wrap;
position:relative
}
ul.dpCategoriesNav {
width:280px;
border-right:1px solid #dfdfdf;
display:flex;
flex-direction:column;
margin:0 0 0 -20px
}
.dpSubcategories {
display:flex;
flex-direction:column;
position:relative;
width:calc(100% - 280px)
}
ul.dpCategoriesNav>li {
display:block;
position:relative;
border-bottom:1px solid #dfdfdf
}
ul.dpCategoriesNav>li:last-child {
border:0
}
ul.dpCategoriesNav>li>a {
display:flex;
align-items:center;
position:relative;
flex-wrap:wrap;
font-size:15px;
color:#444;
border-radius:var(--border-radius);
min-height:44px;
padding:8px 15px
}
ul.dpCategoriesNav>li>a>img {
width:36px;
height:auto;
margin:0 14px 0 0
}
ul.dpCategoriesNav>li>a>span {
display:block;
position:relative;
width:100%
}
ul.dpCategoriesNav>li>a>ion-icon {
font-size:20px;
position:absolute;
right:10px
}
ul.dpCategoriesNav>li.subCategories>a>span {
padding:0 24px 0 0
}
ul.dpCategoriesNav>li>a>img+span {
width:calc(100% - 50px)
}
ul.dpCategoriesNav>li.active>a {
background:var(--bluebg)
}
.pcConstructionBefore {
display:none;
padding:20px 0 20px 20px
}
.pcConstructionBefore.active {
display:block
}
.catname {
display:flex;
align-items:center;
width:100%;
margin:0 0 20px
}
.catname>h3 {
font-size:24px;
font-weight:600;
color:#222;
margin:0 20px 0 0
}
.catname>a {
display:flex;
align-items:center;
font-size:14px;
margin:5px 0 0
}
.catname>a>ion-icon {
font-size:12px;
margin:2px 0 0 5px
}
.pcConstruction {
display:flex;
position:relative;
flex-wrap:wrap
}
.pcConstruction>.pcCategories {
display:flex;
position:relative;
flex-direction:column;
width:100%
}
.pcConstruction>.pcBrands {
display:flex;
position:relative;
flex-direction:column;
width:33.333%
}
.pcConstruction>div>ul {
display:flex;
flex-wrap:wrap;
position:relative
}
.pcConstruction>div>ul>li {
width:33.333%;
padding:0 10px 10px 0
}
.pcConstruction>div>b {
display:block;
font-size:15px;
font-weight:500;
color:#000;
margin:6px 0 9px
}
.pcConstruction>div>ul>li>a {
display:block;
padding:6px 0;
font-size:15px;
color:#333;
background:var(--bluebg);
padding:10px;
display:flex;
height:100%
}
.pcConstruction>div.pcBrands>ul>li>a {
color:#666;
font-size:14px
}
.pcConstruction>div>ul>li>a:hover {
color:var(--brand3)
}
.downPanelServices {
position:relative;
padding:20px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
ul.navServices {
width:calc(33.333% - 20px);
display:flex;
flex-direction:column;
position:relative;
border-right:1px solid #dfdfdf
}
ul.navServices>li {
display:block
}
ul.navServices>li>a {
display:block;
padding:6px 0;
font-size:15px;
color:#444
}
ul.navServices>li>a:hover {
color:var(--brand)
}
ul.navServices:last-child {
border:0
}
header.fixed {
position:fixed;
top:0;
left:0;
width:100%
}
header.fixed #panel {
margin:0;
background:#fff;
box-shadow:inset 0px -1px 0px rgb(0 0 0/10%)
}
header.fixed #ctop {
display:none
}
header.fixed .header {
height:54px;
position:ABSOLUTE;
right:70px;
width:calc(100% - 280px);
padding:0;
background:0 0;
box-shadow:none;
width:calc(100% - 480px)
}
header.fixed .header>a.logo {
display:none
}
header.fixed .panel {
padding:0;
background:0 0
}
header.fixed .panel>ul.menu {
display:none
}
header.fixed .panelButtons {
border-left:1px solid rgb(0 0 0/11%)
}
header.fixed .panelOpenButton {
border-right:0
}
header.fixed .panelOpenButton>a.btn:hover {
background:rgb(0 0 0/4%)
}
header.fixed .panelOpenButton>a.btn.active {
background:rgb(0 0 0/4%)
}
header.fixed #header {
z-index:1
}
header.fixed .header>.cartBlock {
margin:6px 0 0
}
header.fixed+.headerBefore {
display:block;
height:calc(194px + 30px)
}
header.fixed .downPanelMax {
max-height:calc(100vh - 54px)
}
header.fixed .panelButtons .panelOpenButton>a.btn {
color:#222;
text-shadow:none
}
header.fixed .panelButtons .transparent .navicon>i {
background:#222
}
header.fixed .panel>.cartBlock {
position:absolute;
right:0;
height:100%
}
header.fixed .header>.search {
margin:0 10px 0 0
}
header.fixed .header>.buttonBlock>a>span {
display:none
}
header.fixed .header>.buttonBlock>a {
width:42px;
padding:0
}
header.fixed .header>.phones>a {
font-size:14px;
padding:1px 0
}
header.fixed .panel>.cartBlock>.cartInformer>a {
color:var(--brand)
}
#cMainAction {
display:block;
position:relative;
margin:0 0 100px
}
.cMainAction {
display:flex;
flex-wrap:wrap;
position:relative;
width:100%;
justify-content:space-between
}
.cMainActionSliders {
display:flex;
flex-direction:column;
width:360px;
position:relative
}
.cMainActionSlider {
display:none;
width:860px
}
.cMainActionSlider.slick-initialized {
display:block
}
.cMainActionSlider .item {
display:block;
position:relative;
height:400px
}
.cMainActionSlider .item>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear;
z-index:1
}
.cMainActionSlider .item:before {
content:'';
display:block;
position:ABSOLUTE;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(45deg,rgb(0 0 0/52%) 0%,rgb(0 0 0/31%) 100%);
z-index:2
}
.cMainActionSliderContent {
display:flex;
flex-direction:column;
align-items:flex-start;
height:100%;
justify-content:center;
color:#fff;
text-shadow:0px 1px 5px rgb(0 0 0/36%);
position:ABSOLUTE;
z-index:2;
width:100%;
top:0;
left:0;
padding:0 50px
}
.cMainActionSliderContent>b {
display:block;
font-size:40px;
font-weight:500;
text-transform:uppercase;
max-width:960px
}
.cMainActionSliderContent>b+b {
font-size:20px;
font-weight:400;
margin:10px 0 0
}
.cMainActionSliderContent>.description {
display:block;
max-width:520px;
margin:30px 0 0;
font-size:14px;
line-height:21px
}
.cMainActionSliderContent>a {
font-size:14px;
padding:0 40px;
height:40px;
margin:20px 0 0
}
.cMainActionSliderContent>.description+a {
margin:30px 0 0
}
ul.slick-dots.mainactionDots {
margin:0;
position:absolute;
left:0;
bottom:10px;
width:100%;
top:initial
}
ul.slick-dots.mainactionDots:not(.scustom)>li>button {
background-color:#fff
}
ul.slick-dots.mainactionDots:not(.scustom)>li.slick-active>button {
background:var(--brand3)
}
ul.slick-dots.mainactionDots:not(.scustom)>li>button:before {
border-color:#fff
}
.cMainActionSlider_mini {
display:none
}
.cMainActionSlider_mini.slick-initialized {
display:BLOCK
}
.cMainActionSliders>.cMainActionSlider_mini:first-child {
margin:0 0 20px
}
.cMainActionSlider_mini .item {
width:100%;
height:190px;
display:block;
position:relative;
overflow:hidden
}
.cMainActionSlider_mini .item>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear;
z-index:1
}
.cMainActionSlider_mini .item>a {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2
}
#servicesSlider {
display:block;
position:relative;
margin:0 0 70px
}
#servicesSlider:after {
content:'';
display:table;
clear:both
}
.mainTitle {
display:flex;
position:relative;
margin:0 0 20px;
align-items:flex-end
}
.mainTitle>h2 {
display:BLOCK;
position:relative;
margin:0;
font-size:24px;
font-weight:500;
color:#222
}
.mainTitle>a {
display:flex;
white-space:nowrap;
margin:0 0 2px 20px;
font-size:15px;
align-items:center
}
.mainTitle>a>ion-icon {
font-size:12px;
margin:1px 0 0 5px
}
.servicesSlider {
margin:0 -10px 40px;
display:none
}
.servicesSlider.slick-initialized {
display:block
}
.servicesSlider .item {
display:flex !important;
position:relative;
align-items:flex-end;
justify-content:flex-start;
margin:0 10px;
border-radius:var(--border-radius);
overflow:hidden;
justify-content:center;
align-items:center
}
.servicesSlider .item:before {
content:'';
display:block;
padding-top:71.23%
}
.servicesSlider .item>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
z-index:1
}
.servicesSlider .slick-arrow:not(.scustom).slick-prev.slick-arrow {
left:20px;
bottom:calc(50% - 20px)
}
.servicesSlider .slick-arrow:not(.scustom).slick-next.slick-arrow {
right:20px;
bottom:calc(50% - 20px)
}
.servicesSlider .item>b {
position:absolute;
bottom:10px;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:rgb(255 255 255/78%);
max-width:calc(100% - 20px);
border-radius:var(--border-radius);
padding:11px 15px;
font-size:15px;
font-weight:500;
color:#333;
width:100%;
backdrop-filter:blur(3px);
transition:all .3s
}
.servicesSlider .item:hover>b {
background:#fff
}
.seoopis.context {
margin:50px 0 0
}
.context {
font-size:16px;
display:block;
color:#444;
position:relative;
font-weight:400
}
.opis.context {
padding:15px;
border-radius:var(--border-radius);
width:100%;
margin:20px 0
}
.pcContent>.opis.context:first-child {
margin-top:0
}
.pcContent>.opis.context:last-child {
margin-bottom:0
}
.context p,
.context ul,
.context ol {
font-size:16px;
line-height:25px
}
.context p {
display:block;
position:relative;
padding:0 0 15px;
margin:0
}
.context p:last-child {
margin-bottom:0;
padding-bottom:0
}
.context p.start {
font-size:22px;
line-height:30px;
color:#000
}
.context p b {
color:#222
}
.context h2 {
font-size:22px;
font-weight:500;
margin:0 0 20px;
line-height:140%
}
.context p+h2,
.context div+h2,
.context div+div>h2 {
margin:20px 0 20px
}
.context h3 {
font-size:19px;
font-weight:500;
margin:0 0 15px
}
.context p+h3,
.context div+h3,
.context div+div>h3 {
margin:15px 0 15px
}
.context h4 {
font-size:19px;
font-weight:600;
margin:0 0 15px;
display:block
}
.context p+h4,
.context div+h4,
.context div+div>h4 {
margin:15px 0 15px
}
.context ul:not(.noli):not(.slick-dots) {
margin:0;
padding:0 0 15px
}
.context h4+ul:not(.noli):not(.slick-dots) {
padding:8px 0 15px
}
.context ul:not(.noli):not(.slick-dots) li {
display:block;
position:relative;
margin:0;
padding:0 0 10px 20px
}
.context ul:not(.noli):not(.slick-dots) li:before {
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:6px;
left:0;
background:var(--brand);
border-radius:100px
}
.context ol {
margin:0;
padding:0 0 15px;
counter-reset:myCounter
}
.context h4+ol {
padding:8px 0 15px
}
.context ol li {
display:block;
position:relative;
list-style:none;
margin:0;
padding:0 0 15px 30px
}
.context ol li:before {
counter-increment:myCounter;
content:counter(myCounter)'.';
position:absolute;
top:0;
left:0;
color:var(--brand)
}
.context blockquote {
display:block;
position:relative;
margin:0 0 30px;
padding:30px 30px 32px;
font-size:22px;
box-shadow:0 15px 25px -10px rgb(254 175 0/61%);
background:linear-gradient(to right,#ffa600,var(--brand));
color:#000;
border-radius:var(--border-radius)
}
.context blockquote>p:last-child {
padding:0
}
.context img {
border-radius:var(--border-radius);
width:auto;
max-width:100%;
max-height:100%;
height:auto
}
.context img[align=left] {
float:left;
margin:0 15px 15px 0 !important;
position:relative;
bottom:-4px;
max-width:400px
}
.content_slider {
display:block;
position:relative;
margin:0 0 30px
}
button.white.conslider.slick-arrow {
top:initial;
bottom:32px
}
button.white.conslider.prev {
left:30px
}
button.white.conslider.next {
right:30px
}
.content_slider .item {
position:relative
}
.content_slider .item>.text {
display:flex;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
justify-content:center;
align-items:flex-end;
overflow:hidden
}
.content_slider .item>.text>span {
display:block;
position:relative;
z-index:1;
color:#fff;
font-size:17px;
line-height:26px;
text-shadow:0px 1px 5px rgba(0,0,0,.52);
padding:30px 90px 30px;
background:linear-gradient(to top,rgba(0,0,0,.43) 0%,rgba(0,0,0,0) 100%);
width:100%;
text-align:CENTER
}
.context center {
display:block;
padding:0 0 15px
}
.context table {
width:100%;
min-width:700px;
position:relative;
border-collapse:collapse
}
.context table tr td,
.context table tr th {
border:1px solid #ddd;
padding:10px 15px
}
.context table tr th {
text-align:left;
background:#f0f0f0;
color:#333
}
.stable {
display:block;
position:relative;
margin:0 0 30px;
max-width:100%;
overflow-x:overlay;
overflow-y:hidden;
-webkit-overflow-scrolling:touch
}
.stable.scroll {
padding:0 0 20px
}
.stable.scroll::-webkit-scrollbar {
height:10px;
background:#f0f0f0
}
.stable.scroll::-webkit-scrollbar-thumb {
background:#cacaca
}
.shadow_stable {
display:block;
position:relative
}
.shadow_stable.scroll {
overflow:hidden
}
.shadow_stable.scroll:after {
content:'';
display:block;
width:15px;
top:0;
right:-15px;
background:#f7f7f7;
position:absolute;
bottom:50px;
box-shadow:0px 0px 40px 25px #f7f7f7;
transition:all .2s;
opacity:1
}
.shadow_stable.scroll.hidescroll:after {
opacity:0
}
.hiddentext {
display:block;
position:relative;
margin:0 0 15px
}
.hiddentext>p.hide {
display:none
}
.hiddentext>p.hide+a {
display:inline-block;
font-size:19px;
font-weight:400;
color:var(--brand);
border-bottom:1px dotted;
margin:-5px 0 10px
}
.slideshow {
display:block;
position:relative;
margin:0 -17px 30px
}
.slideshow .item {
margin:0 17px
}
.slideshow .item>a {
display:block;
position:relative
}
.slideshow .item>a>img {
min-width:100%;
z-index:1
}
.slideshow .item>a:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgb(107 12 81/81%);
z-index:2;
transition:all .2s;
opacity:0
}
.slideshow .item>a:after {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/lupa.png) center no-repeat;
z-index:3;
transition:all .2s;
opacity:0
}
@media(hover) {
.slideshow .item>a:hover:before,
.slideshow .item>a:hover:after {
opacity:1
}
}
button.sshow.prev,
button.sshow.next {
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAA8CAMAAAA5W+hcAAAAgVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9d3yJTAAAAKnRSTlMAARYaIjIzODlBQmJjbm9wdnd8fX6AgYKDiIqMjY6PkJiZmu7w8fL1/f5CplXwAAAAlklEQVR4Ad3WyQ6CUAyF4YPzPOOsqIhK3/8BNdGyuz0kornwr7+cVReFXQO04HLvcSOiyjIv1TXNWYSqrXy61tiOyKP/c3PKYaLCzcBpjtygqubgmdn/0YRq0qHT7AraCaIMjeBuLdoM4Aebjr/dyqlWpVbLTM0rq0Lv1cIrtVF0qxtq+jZxE2AqbgFMJW2wJkmHGn1DnsUbV8mrHxKIAAAAAElFTkSuQmCC') center no-repeat;
background-size:12px;
display:block;
position:absolute;
background-color:#000;
width:27px;
height:38px;
cursor:pointer;
border:0;
z-index:1;
transition:all .1s;
opacity:.5;
top:calc(50% - 19px)
}
button.sshow.prev {
left:27px
}
button.sshow.next {
right:27px;
transform:scale(-1,1)
}
@media(hover) {
button.sshow.prev:hover,
button.sshow.next:hover {
opacity:1
}
}
#mainSeo {
display:block;
position:relative;
margin:0 0 100px;
background:var(--bluebg);
padding:50px 0
}
.mainSeo {
display:block;
position:relative;
margin:0 0 50px
}
.mainSeo h1 {
font-size:28px;
font-weight:500;
color:#222
}
.mainSeoLink {
display:block;
padding:10px 0 0
}
.mainSeoLink a {
border-bottom:1px dotted
}
.msinSeoFeatures {
display:flex;
flex-wrap:WRAP;
position:relative
}
.msinSeoFeatures>.item {
width:25%;
padding:0 20px 0 0;
display:flex;
flex-direction:column;
position:relative
}
.msinSeoFeatures>.item>b,
.msinSeoFeatures>.item>strong {
display:block;
font-size:50px;
font-weight:900;
color:var(--brand);
margin:0 0 5px -3px
}
.msinSeoFeatures>.item>p {
display:block;
font-size:18px;
color:#222
}
#mainPortfolio {
display:block;
position:relative;
margin:0 0 100px
}
.mainPortfolio {
display:flex;
position:relative;
margin:0 -10px;
flex-wrap:wrap
}
.mainPortfolio>.itemBlock {
display:flex;
position:relative;
width:calc(50% - 20px);
margin:0 10px;
flex-wrap:wrap;
justify-content:space-between
}
.mainPortfolio>.itemBlock>.item {
display:flex;
align-items:flex-end;
justify-content:flex-start;
position:relative;
border-radius:var(--border-radius);
overflow:hidden;
width:calc(50% - 10px)
}
.mainPortfolio>.itemBlock>.item:before {
content:'';
display:block;
padding-top:71.23%
}
.mainPortfolio>.itemBlock>.item>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear;
z-index:1
}
.mainPortfolio>.itemBlock>.item>b {
display:inline-flex;
position:relative;
z-index:2;
padding:15px;
color:#fff;
font-size:18px;
font-weight:500;
text-shadow:0px 1px 4px rgb(0 0 0/33%)
}
.mainPortfolio>.itemBlock:first-child>.item:first-child {
width:100%;
margin:0 0 20px
}
.mainPortfolio>.itemBlock:last-child>.item:last-child {
width:100%;
margin:20px 0 0
}
.mainPortfolio>.itemBlock>.item:after {
content:'';
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:50%;
background:linear-gradient(0deg,rgb(0 0 0/100%) -20%,transparent 70%);
z-index:1;
transition:all .3s;
filter:opacity(.5)
}
.mainPortfolio>.itemBlock>.item:hover>img {
transform:scale(1.1)
}
.mainPortfolio>.itemBlock>.item:hover:after {
filter:opacity(.7)
}
.mainPortfolioNew {
display:FLEX;
position:relative;
margin:0 -5px;
height:460px
}
.mainPortfolioNewItem {
display:flex;
position:relative;
margin:0 5px;
overflow:hidden;
height:100%;
align-items:flex-start;
justify-content:flex-start;
transition:all .3s linear;
width:20%
}
.mainPortfolioNewItem>img {
position:absolute;
height:100%;
max-width:initial;
width:auto;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear;
z-index:1
}
.mainPortfolioNewItem.active {
width:100%
}
.mainPortfolioNewItem:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(7deg,rgb(0 0 0/70%) 30%,rgb(0 0 0/30%) 100%);
z-index:2;
filter:opacity(.5);
transition:all .3s
}
.mainPortfolioNewItem.active:before {
filter:opacity(1)
}
.mpniDescr {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
z-index:3;
color:#fff;
flex-direction:column;
justify-content:flex-end;
padding:30px;
font-size:14px;
line-height:20px;
filter:opacity(0)
}
.mpniDescr p {
margin:10px 0 0
}
.mpniDescr a {
color:#fff;
border-bottom:1px dotted
}
.mpniDescr>a {
color:#fff;
font-size:24px;
display:block;
margin:0 0 10px;
line-height:initial;
border:0
}
.mainPortfolioNewItem.active .mpniDescr {
filter:opacity(1);
transition:filter .3s linear .3s
}
.contentsItemsPortfolio {
display:block;
position:RELATIVE
}
.contentsPortfolioItem {
display:block;
position:relative;
padding:20px;
background:#f3f3f3;
border-radius:var(--border-radius);
margin:0 0 40px
}
.contentsItemsPortfolio>.contentsPortfolioItem:last-child {
margin:0
}
.contentsPortfolioItem>h3 {
font-size:20px;
font-weight:500;
margin:0 0 20px
}
.contentsPortfolioItem>h3>a {
color:#222
}
.contentsPortfolioItem>.viewsBlockInfo {
margin:0 0 15px
}
.contentsPortfolioItem>.descr.context {
margin:0 0 15px
}
.contentsPortfolioItem>.fullLink {
display:block;
margin:0
}
.contentsPortfolioItem>.fullLink>a {
font-size:15px;
border-bottom:1px dotted
}
.contentsPortfolioItem>.imagesBlock {
display:flex;
flex-wrap:WRAP;
position:RELATIVE;
margin:20px 0 0;
justify-content:space-between;
align-items:flex-start
}
.contentsPortfolioItem>.imagesBlock>.imageBig {
width:calc(60% - 5px);
display:flex;
align-items:CENTER;
justify-content:center;
position:relative;
overflow:hidden;
border-radius:6px 0 0 5px
}
.contentsPortfolioItem>.imagesBlock>.imagesMini {
width:calc(40% - 5px);
display:block;
position:relative
}
.contentsPortfolioItem>.imagesBlock>.imageBig>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear;
z-index:1
}
.contentsPortfolioItem>.imagesBlock>.imageBig:before {
content:'';
display:block;
padding-top:75%
}
.contentsPortfolioItem>.imagesBlock>.imagesMini>a.image {
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
position:relative;
border-radius:0 0 6px
}
.contentsPortfolioItem>.imagesBlock>.imagesMini>a.image:first-child {
margin-bottom:10px;
border-radius:0 6px 0 0
}
.contentsPortfolioItem>.imagesBlock>.imagesMini>a.image:before {
content:'';
display:block;
padding-top:55%
}
.contentsPortfolioItem>.imagesBlock>.imagesMini>a.image>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear;
z-index:1
}
.ymap {
display:block;
position:relative;
margin:20px -20px -50px
}
.settingContacts {
display:flex;
flex-direction:column;
position:relative;
color:var(--black);
font-size:16px
}
.settingContacts>.item {
display:flex;
align-items:center;
position:relative;
margin:0 0 20px
}
.settingContacts>.item>ion-icon {
font-size:22px;
color:var(--gray3);
margin:0 10px 0 0
}
.settingContacts>.item:last-child {
margin:0
}
.brandsKeys {
display:flex;
position:relative;
flex-wrap:wrap;
margin:0 -3px 27px;
font-size:16px;
font-weight:500;
color:#cdcdcd
}
.brandsKeys>span,
.brandsKeys>a {
display:flex;
margin:0 3px 6px
}
.brandsCatalog {
display:block;
position:relative
}
.brandsCatalog>.brandCatalogItemBlock {
display:block;
position:RELATIVE;
margin:0 0 50px
}
.brandsCatalog>.brandCatalogItemBlock:last-child {
margin:0
}
.brandBlockTitle {
font-size:24px;
font-weight:700;
color:#222;
margin:0 0 10px
}
.brandCatalogList {
display:flex;
flex-wrap:wrap;
position:relative;
margin:0 -10px -20px
}
.brandCatalogList>.brandCatalogItemBlock {
display:flex;
flex-direction:column;
position:relative;
margin:0 10px 20px;
width:calc(20% - 20px);
box-shadow:inset 0px 0px 0px 1px #dfdfdf,0px 5px 25px rgb(0 0 0/7%);
border-radius:var(--border-radius);
padding:15px
}
.brandCatalogList>.brandCatalogItemBlock>a.image {
display:flex;
width:100%;
height:80px;
align-items:center;
justify-content:center;
border-radius:var(--border-radius);
overflow:hidden;
margin:0 0 15px
}
.brandCatalogList>.brandCatalogItemBlock>a.image>span {
background:#f3f3f3;
width:100%;
height:100%;
align-items:center;
justify-content:center;
font-size:16px;
text-transform:uppercase;
font-weight:300;
color:#999;
display:flex;
text-align:center;
padding:10px
}
.brandCatalogList>.brandCatalogItemBlock>h2 {
display:block;
margin:0;
font-size:16px;
font-weight:500;
color:#222
}
.brandCategoriesBlockBg {
display:BLOCK;
position:relative;
width:100%;
max-height:100px;
overflow-x:hidden;
overflow-y:overlay;
margin:15px 0 0;
padding:0 12px 0 0
}
.brandCategoriesBlock {
display:flex;
flex-direction:COLUMN;
position:relative
}
.brandCategoriesBlock>a {
font-size:13px;
font-weight:400;
display:BLOCK;
margin:0 0 15px
}
.brandCategoriesBlock>a:last-child {
margin:0
}
#cMainCats {
display:block;
position:relative;
margin:0 0 100px
}
.cMainCats {
display:flex;
flex-wrap:wrap;
position:relative;
margin:0 -5px -10px
}
.cMainCats>.item {
display:flex;
position:relative;
align-items:flex-end;
justify-content:flex-start;
margin:0 5px 10px;
width:calc(25% - 10px);
overflow:hidden;
position:RELATIVE;
border-radius:var(--border-radius);
padding:15px;
height:240px
}
.cMainCats>.item img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
z-index:1;
transition:all 3s linear
}
.cMainCats>.item:before {
content:'';
display:block;
padding-top:35%
}
.cMainCats>.item:after {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(10deg,var(--brand),rgb(0 0 0/15%));
z-index:2;
transition:all .3s;
opacity:.6
}
.cMainCats>.item>b {
display:block;
position:relative;
z-index:3;
color:#fff;
font-size:18px;
font-weight:400;
text-shadow:0px 1px 4px rgb(0 0 0/33%)
}
.cMainCats>.item:hover:before {
opacity:1
}
.cMainCats>.item:hover>img {
transform:scale(1.2)
}
#cMainFeatures {
display:block;
position:relative;
margin:0 0 120px
}
.cMainFeatures {
display:flex;
flex-wrap:wrap;
position:relative;
margin:0 -10px
}
.cMainFeatures>.item {
display:flex;
position:relative;
width:calc(25% - 20px);
margin:0 10px
}
.cMainFeatures>.item>svg {
margin:0 15px 0 0;
width:50px;
height:40px
}
.cMainFeatures>.item:first-child>svg {
height:50px
}
.cMainFeatures>.item>.info {
display:flex;
flex-direction:column;
position:relative;
font-size:14px;
color:#666;
line-height:20px;
width:calc(100% - 65px)
}
.cMainFeatures>.item>.info>b,
.cMainFeatures>.item>.info>strong {
display:block;
margin:0 0 5px;
font-size:15px;
font-weight:500;
color:#222
}
.cMainFeatures>.item>svg path {
fill:var(--brand)
}
ul.maintabs {
display:inline-flex;
flex-wrap:wrap;
position:relative;
margin:0 0 21px;
border-bottom:1px solid #dfdfdf
}
ul.maintabs>li {
display:flex;
position:relative;
margin:0 20px
}
ul.maintabs>li>a {
display:block;
position:relative;
font-size:22px;
font-weight:400;
padding:0 0 15px;
box-shadow:0px 2px 0px transparent;
transition:all .15s
}
ul.maintabs>li:first-child {
margin-left:0
}
ul.maintabs>li:last-child {
margin-right:0
}
ul.maintabs>li.active>a {
color:var(--brand3);
box-shadow:0px 2px 0px var(--brand3)
}
#cMainNewProducts {
display:block;
position:relative;
margin:0 0 70px
}
#cMainNewProducts:after {
content:'';
display:table;
clear:both
}
.maintabs_content {
display:block;
position:relative
}
.maintabs_content>div {
display:none
}
.mainProductsSlider .slick-arrow:not(.scustom).slick-prev.slick-arrow {
left:-15px
}
.mainProductsSlider .slick-arrow:not(.scustom).slick-next.slick-arrow {
right:-15px
}
ul.products {
display:flex;
flex-wrap:wrap;
position:relative;
margin:0 -10px -40px
}
ul.products.slick-slider {
display:block;
margin-bottom:40px
}
.product.prodBlock {
display:flex;
flex-direction:column;
position:relative;
box-shadow:inset 0px 0px 0px 1px var(--border-color),0px 5px 25px rgb(0 0 0/7%);
border-radius:var(--border-radius)
}
ul.products li.product.prodBlock {
width:calc(25% - 20px);
margin:0 10px 40px
}
ul.products.slick-slider li.product.prodBlock {
margin-bottom:0
}
.product.prodBlock>.image {
display:block;
position:relative;
display:flex;
margin:0 0 20px;
justify-content:center
}
.swiper.swipperMiniRelatedColors .swiper-slide {
min-width:40px!important;
}
.product.prodBlock>.image:before {
content:'';
display:block;
padding-top:100%
}
.product.prodBlock>.image>a {
display:block;
overflow:hidden;
position:absolute;
top:0;
left:0;
width:100%;
z-index:1
}
.product.prodBlock>.image>a:before {
content:'';
display:block;
padding-top:100%
}
.product.prodBlock>.image>a>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:90%;
transition:all 1s linear;
z-index:1
}
.product.prodBlock>.image>.swiper {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
z-index:2;
filter:opacity(0)
}
.product.prodBlock>.image>.swiper a.swiper-slide {
display:block;
position:relative;
overflow:hidden
}
.product.prodBlock>.image>.swiper a.swiper-slide:before {
content:'';
display:block;
padding-top:100%
}
.product.prodBlock>.image>.swiper a.swiper-slide>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear;
z-index:1
}
.swipperMiniProduct .swiper-pagination-bullet {
background:#fff
}
.swipperMiniProduct .swiper-button-next,
.swipperMiniProduct .swiper-button-prev {
background:rgb(0 0 0/35%);
width:36px;
height:36px;
transition:all .1s;
display:flex;
align-items:center;
justify-content:center
}
.swipperMiniProduct .swiper-button-next {
border-radius:0;
right:10px
}
.swipperMiniProduct .swiper-button-prev {
border-radius:0;
left:10px
}
.swipperMiniProduct .swiper-button-next:hover,
.swipperMiniProduct .swiper-button-prev:hover {
background:#000
}
.swipperMiniProduct .swiper-button-next:after,
.swipperMiniProduct .swiper-button-prev:after {
color:#fff;
font-size:16px
}
.swipperMiniProduct .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom:25px
}
.product.prodBlock:hover>.image>.swiper {
filter:opacity(1)
}
.product.prodBlock>.image>.wcButtons {
display:flex;
position:absolute;
top:10px;
right:10px;
z-index:3;
background:#fff
}
.product.prodBlock>.image>.wcButtons>div {
display:flex
}
.product.prodBlock>.image>.wcButtons>div>a {
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
color:#000;
filter:opacity(.7);
width:26px;
height:26px
}
.product.prodBlock>.image>.wcButtons>div>a:hover {
filter:opacity(1)
}
.product.prodBlock>.image>.fitches {
display:flex;
flex-wrap:WRAP;
position:absolute;
z-index:3;
top:10px;
left:10px;
width:calc(100% - 80px)
}
.product.prodBlock>.image>.fitches>span {
display:flex;
margin:0 5px 5px 0;
background:#fff;
font-size:11px;
border-radius:var(--border-radius);
height:26px;
align-items:center;
justify-content:center;
padding:0 10px;
font-weight:400
}
.product.prodBlock>.image>.fitches>span.fitFeatured {
background:var(--brand);
color:#fff
}
.product.prodBlock>.image>.fitches>span.fitNewed {
background:var(--brand3);
color:#fff
}
.product.prodBlock>.image>.fitches>span.fitRecommended {
background:#ffd400;
color:#000
}
.product.prodBlock>.image>.pitBrand {
display:flex;
position:absolute;
bottom:-12px;
margin:0 auto;
max-width:calc(100% - 20px);
z-index:4;
height:24px
}
.product.prodBlock>.image>.pitBrand>a {
display:flex;
background:#fff;
height:100%;
box-shadow:0px 0px 0px 1px rgb(0 0 0/7%),0px 5px 25px rgb(0 0 0/7%);
border-radius:var(--border-radius);
padding:0 15px;
align-items:center;
justify-content:center;
font-size:13px;
font-weight:500;
color:#222
}
.product.prodBlock>.image>.pitBrand>a:hover {
color:var(--brand3)
}
.product.prodBlock>.priceVariant {
display:flex;
justify-content:space-between;
position:relative;
margin:0 0 18px;
padding:0 15px;
z-index:5;
height:30px;
flex-direction:row-reverse
}
.product.prodBlock>.priceVariant>.variantSelect {
display:block;
position:relative;
max-width:120px
}
ul.uselect {
display:block;
position:relative;
z-index:1
}
ul.uselect>li {
display:flex;
position:relative;
flex-direction:column
}
ul.uselect>li>.uhidden {
display:none;
position:absolute;
top:100%;
left:0;
width:max-content;
max-width:200px;
min-width:80px
}
ul.uselect>li>span {
white-space:nowrap;
display:block;
position:relative;
cursor:pointer;
background:#fff;
height:100%;
box-shadow:inset 0px 0px 0px 1px var(--border-color),0px 5px 25px rgb(0 0 0/7%);
border-radius:var(--border-radius);
padding:0 25px 0 10px;
align-items:center;
justify-content:center;
font-size:13px;
font-weight:500;
color:#222;
height:30px
}
ul.uselect>li>span>ion-icon {
position:absolute;
top:8px;
right:8px;
font-size:14px
}
ul.uselect>li>span>span {
display:block;
position:relative;
max-width:100%;
overflow:hidden;
display:flex;
align-items:center;
height:100%
}
ul.uselect.changeMiniVariant>li>.uhidden {
top:initial;
bottom:calc(100% + 10px)
}
ul.uselect>li>.uhidden>ul {
display:flex;
flex-direction:column;
position:relative;
margin:10px 0 0;
background:#fff;
box-shadow:0px 0px 0px 1px #dfdfdf,0px 5px 25px rgb(0 0 0/7%);
border-radius:var(--border-radius);
max-height:300px;
overflow-y:overlay;
overflow-x:hidden
}
ul.uselect>li>.uhidden>ul>li {
border-bottom:1px solid #dfdfdf;
display:block;
position:relative
}
ul.uselect>li>.uhidden>ul>li:last-child {
border:0
}
ul.uselect>li>.uhidden>ul>li>a {
display:block;
padding:7px 10px;
font-size:13px;
color:#444
}
ul.uselect>li>.uhidden>ul>li>a:hover {
background:var(--bluebg)
}
ul.uselect>li>.uhidden>ul>li.active>a {
background:var(--bluebg);
color:#000
}
ul.uselect>li>.uhidden:before,
ul.uselect>li>.uhidden:after {
content:'';
position:absolute;
left:8px;
bottom:calc(100% - 10px);
border:7px solid transparent;
border-bottom:7px solid #dfdfdf
}
ul.uselect.changeMiniVariant>li>.uhidden:before,
ul.uselect.changeMiniVariant>li>.uhidden:after {
bottom:initial;
top:100%;
border-bottom:7px solid transparent;
border-top:7px solid #dfdfdf
}
ul.uselect.changeMiniVariant>li>.uhidden:after {
border-top-color:#fff;
margin:-1px 0 0
}
ul.uselect>li>.uhidden:after {
border-bottom-color:#fff;
margin:0 0 -1px
}
.product.prodBlock>.priceVariant>.price {
width:calc(100% - 130px);
display:flex;
flex-direction:column;
position:relative;
height:100%;
align-items:center
}
.product.prodBlock>.priceVariant>.price>span.compare {
display:none;
position:absolute;
bottom:calc(100% - 6px);
color:#ff7575;
font-size:14px;
text-decoration:line-through
}
.product.prodBlock>.priceVariant>.price>b {
display:flex;
font-size:20px;
font-weight:600;
color:#000;
height:100%;
align-items:flex-end
}
.product.prodBlock>.priceVariant>.price>b>span {
font-size:14px;
line-height:18px;
color:#ccc;
}
.product.prodBlock>.priceVariant>.price>b>span[data-ot] {
margin:0 3px 0 0
}
.product.prodBlock>.priceVariant>.price>b>span[data-ed] {
margin:0 0 0 3px
}
.product.prodBlock>h3 {
display:block;
position:relative;
margin:0 0 18px
}
.product.prodBlock>h3>a {
display:block;
padding:0 15px;
font-size:14px;
font-weight:500;
line-height:22px;
color:#000
}
.product.prodBlock>h3>a:hover {
color:var(--brand3)
}
ul.features {
display:flex;
flex-direction:column
}
ul.features>li {
display:flex;
margin:0 -5px 15px;
justify-content:space-between;
position:relative;
align-items:flex-end
}
ul.features>li>label,
ul.features>li>span {
margin:0 5px 0 0;
padding:2px 5px;
background:#fff;
z-index:1;
position:relative;
color:var(--black)
}
ul.features>li>span {
margin:0 0 0 5px
}
ul.features>li:before {
content:'';
display:block;
position:absolute;
bottom:6px;
left:0;
right:0;
border-bottom:1px dotted #dbdbdb;
transition:all .15s
}
@media (hover) {
ul.features>li:hover:before {
border-color:var(--gray3)
}
}
ul.features.shortFeatures>li {
font-size:13px;
margin-bottom:5px
}
ul.features.shortFeatures {
margin:0 15px 20px;
/* min-height:67px*/
}
.product.prodBlock>form.variants {
display:flex;
align-items:CENTER;
width:100%;
justify-content:space-between;
padding:0 15px 15px
}
.product.prodBlock>form.variants>a.openModal {
font-size:13px;
font-weight:500;
color: #705f84;
display:flex
}
.product.prodBlock>form.variants>button.btn {
padding:0 40px
}
.podMiniRelatedColors {
display:flex;
width:100%;
align-items:CENTER;
position:relative;
padding:0 40px;
margin:0 0 20px
}
.swiper.swipperMiniRelatedColors {
display:block;
position:relative
}
.swiper.swipperMiniRelatedColors .swiper-slide {
display:block;
position:relative;
padding:0 3px
}
.swiper.swipperMiniRelatedColors .swiper-slide>a {
display:flex;
align-items:center;
justify-content:center;
position:relative;
overflow:hidden;
border-radius:var(--border-radius)
}
.swiper.swipperMiniRelatedColors .swiper-slide>a:before {
display:BLOCK;
content:'';
padding-top:100%
}
.swiper.swipperMiniRelatedColors .swiper-slide>a>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
z-index:1
}
span.mrcbutton {
display:flex;
cursor:pointer;
position:absolute;
width:20px;
height:100%;
align-items:center;
justify-content:center;
background:var(--bluebg);
border-radius:var(--border-radius)
}
span.mrcbutton.mrc_left {
left:15px
}
span.mrcbutton.mrc_right {
right:15px
}
span.mrcbutton.swiper-button-disabled {
cursor:default;
filter:opacity(.5)
}
span.mrcbutton:not(.swiper-button-disabled):hover {
color:#000
}
ul.products.slick-slider.mainProductsSlider {
display:none
}
ul.products.slick-slider.mainProductsSlider.slick-initialized {
display:BLOCK
}
#cMainForm {
display:block;
position:relative;
margin:0 0 100px
}
.cMainForm {
display:flex;
flex-wrap:wrap;
position:relative;
background:url(../images/fon-banner-gl-1.jpg) center no-repeat;
border-radius:var(--border-radius);
overflow:hidden;
background-size:cover
}
.cMainForm:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:var(--gradient);
filter:opacity(.8)
}
.cMainForm>.cmfImage {
display:flex;
align-items:center;
justify-content:center;
width:400px;
position:relative;
transform:skewX(13deg);
overflow:hidden;
right:-40px;
z-index:2
}
.cMainForm>.cmfContent {
display:flex;
align-items:flex-start;
justify-content:center;
flex-direction:column;
position:relative;
width:calc(100% - 400px);
padding:50px;
color:#fff;
text-shadow:0px 1px 5px rgb(0 0 0/34%);
z-index:2
}
.cMainForm>.cmfImage>img {
position:absolute;
left:-40px;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:calc(100% + 40px);
min-height:100%;
z-index:1;
transform:skewX(-13deg)
}
.cMainForm>.cmfContent>h3 {
display:BLOCK;
font-size:24px;
font-weight:400;
margin:0 0 25px
}
.cMainForm>.cmfContent>p {
display:block;
margin:0 0 40px;
font-size:18px;
line-height:24px;
max-width:600px
}
.cMainForm>.cmfContent>form {
display:flex;
flex-direction:column;
position:relative
}
.cMainForm>.cmfContent>form>.formTop {
display:flex;
margin:0 -5px 10px;
flex-wrap:wrap;
height:44px
}
.cMainForm>.cmfContent>form>.formTop>input {
width:calc(50% - 10px - 100px);
margin:0 5px;
border:0;
border-radius:var(--border-radius);
font-size:14px;
padding:2px 15px 0
}
.cMainForm>.cmfContent>form>.formTop>label.input-file {
width:180px;
position:relative;
margin:0 5px
}
.cMainForm>.cmfContent>form>.formTop>label.input-file span,
.cMainForm>.cmfContent>form>.formBottom>button:not(.btn) {
position:relative;
cursor:pointer;
outline:none;
text-decoration:none;
font-size:14px;
vertical-align:middle;
border-radius:var(--border-radius);
border:none;
margin:0;
padding:2px 10px 0;
height:100%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#222;
text-shadow:none;
background:linear-gradient(180deg,#fff,#d8e8f5);
box-shadow:0px 0px 0px 2px rgb(0 0 0/15%),0px 8px 25px -5px rgb(0 0 0/24%)
}
.cMainForm>.cmfContent>form>.formTop>label.input-file input[type=file] {
position:absolute;
z-index:-1;
opacity:0;
display:block;
width:0;
height:0
}
.cMainForm>.cmfContent>form>.formBottom {
display:flex;
position:relative;
flex-wrap:wrap
}
.cMainForm>.cmfContent>form>.formBottom>button {
width:140px;
margin:0 20px 0 0;
height:44px
}
.cMainForm>.cmfContent>form>.formBottom>span {
display:flex;
position:relative;
width:calc(100% - 160px);
align-items:center;
font-size:13px;
font-weight:300;
color:#cee0ef
}
.cMainForm>.cmfContent>form>.formBottom>span a {
color:#fff;
border-bottom:1px dotted
}
#cMainBrands {
display:block;
position:relative;
margin:0 0 120px;
padding:80px 0;
background:var(--bluebg)
}
.brandsCarousel {
display:none;
position:relative;
margin:0 -10px 40px
}
.brandsCarouselItem {
display:flex;
align-items:center;
justify-content:center;
background:#fff;
margin:0 10px;
padding:15px;
border-radius:var(--border-radius);
box-shadow:inset 0px 0px 0px 1px #dae1e9
}
#cMainBrands:after {
content:'';
display:table;
clear:both
}
#articlesSlider {
display:BLOCK;
position:relative;
}
#articlesSlider:after {
content:'';
display:table;
clear:both
}
.contentsItems.slick-slider {
display:none;
margin:0 -10px
}
.contentsItems.slick-slider.slick-initialized {
display:flex
}
.contentsItem {
display:flex;
flex-direction:column;
position:relative;
margin:0 10px 40px;
width:calc(25% - 20px);
box-shadow:inset 0px 0px 0px 1px #dfdfdf,0px 5px 25px rgb(0 0 0/7%);
border-radius:var(--border-radius);
padding:15px
}
.contentsItems.isSidebar_one .contentsItem {
width:calc(33.333% - 20px)
}
.contentsItem>.image {
display:flex;
align-items:CENTER;
justify-content:center;
position:relative;
border-radius:0;
overflow:hidden;
margin:-15px -15px 18px
}
.contentsItem>.image:before {
content:'';
display:block;
padding-top:71.23%
}
.contentsItem>.image>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear;
z-index:1
}
.contentsItem>.image>b {
display:flex;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
align-items:flex-end;
padding:15px;
background:linear-gradient(0deg,rgb(0 0 0/47%) 0%,transparent 100%);
color:#fff;
font-weight:400;
font-size:16px;
line-height:22px
}
.contentsItem>h3 {
display:block;
margin:0 0 18px;
font-size:15px;
font-weight:500;
line-height:22px;
flex-grow:1;
display:none
}
.contentsItem>.descrip {
display:block;
position:relative;
font-size:14px;
line-height:20px;
margin:0 0 18px;
flex-grow:1
}
.contentsItem>h3>a {
color:#222
}
.contentsItem>.fullLink {
display:block;
position:relative
}
.contentsItem>.fullLink>a {
font-size:15px;
border-bottom:1px dotted
}
.contentsItems.slick-slider .slick-track {
display:flex
}
.contentsItems.slick-slider .contentsItem {
height:100%;
margin:0 10px;
display:FLEX
}
.contentsItems.slick-slider .slick-list {
width:100%;
display:FLEX
}
.viewsBlockInfo {
display:flex;
align-items:CENTER;
position:relative
}
.viewsBlockInfo>.item {
display:flex;
align-items:center;
margin:0 15px 0 0;
font-weight:300;
color:#707070
}
.viewsBlockInfo>.item:last-child {
margin:0
}
.viewsBlockInfo>.item>ion-icon {
font-size:16px;
color:#b3b3b3;
margin:0 5px 0 0
}
.contentsItem>.viewsBlockInfo {
margin:0 0 18px
}
#xFooter {
background-color: #2d2d2d;
display:block;
position:relative;
background-position:bottom center;
background-repeat:no-repeat;
background-size:contain;
margin:50px 0 0;
background-size:100%
}
.xFooter {
display:FLEX;
flex-wrap:WRAP;
position:relative;
background:#2d2d2d;
width:calc(100% + 40px);
margin:0 0 0 -20px;
padding:20px;
justify-content:space-between;
color:#a1a1a1
}
.xfInfo {
width:300px;
display:flex;
flex-direction:column;
position:relative
}
.xfInfo .descrf {
font-size:13px;
margin:20px 0 0;
line-height:18px
}
.xfInfo .descrf p {
margin:0 0 20px
}
.xfLinks {
display:flex;
position:RELATIVE
}
.xfLinks>.navitem {
display:block;
position:relative
}
.xfLinks>.navitem:first-child {
margin:0 50px 0 0
}
.xfLinks>.navitem>b {
text-transform:uppercase;
font-size:15px;
font-weight:600;
color:#fff;
display:block;
margin:0 0 15px
}
.xfLinks>.navitem ul li a {
display:block;
font-size:13px;
padding:5px 0;
color:#a1a1a1
}
.xfLinks>.navitem ul li a:hover {
color:#fff
}
.xfContacts {
display:flex;
flex-direction:column;
align-items:flex-end;
position:relative
}
.xfContacts>.phones {
display:flex;
flex-direction:column;
position:relative;
margin:0 0 10px
}
.xfContacts>.phones>a {
display:block;
color:#fff;
font-size:18px;
margin:0 0 10px
}
.xfContacts>.buttonBlock {
display:flex;
position:relative;
margin:0 0 15px;
max-width:300px;
flex-wrap:WRAP;
justify-content:flex-end
}
.xfContacts>.buttonBlock>a {
margin:5px 0 0 5px
}
.xfContacts>a.xfeml {
display:block;
margin:10px 0 20px;
color:var(--brand4);
font-size:13px
}
.xfContacts>a.xfeml:hover {
color:#fff
}
.xfContacts>.xfrezhim,
.xfContacts>.xfaddress {
display:block;
margin:0 0 5px;
font-size:13px
}
#modal {
display:none;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
backdrop-filter:blur(3px);
background:rgb(0 0 0/32%);
z-index:99999
}
.modal {
display:flex;
position:absolute;
width:100%;
height:100%;
padding:50px 0;
max-height:100vh;
overflow-y:overlay;
align-items:baseline;
justify-content:center;
-webkit-overflow-scrolling:touch
}
.modalContent {
display:flex;
width:calc(100% - 40px);
max-width:600px;
background:#fff;
margin:auto;
flex-direction:column;
position:relative;
box-shadow:0px 30px 100px rgb(0 0 0/28%);
align-items:center;
border-radius:var(--border-radius)
}
.maxModal {
display:block;
position:relative;
width:100%;
padding:50px
}
.modal.Contact .maxModal {
max-width:360px;
width:100%
}
a.modalClose {
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
transition: all .15s;
position: absolute;
top: -15px;
right: -15px;
background: #fff;
box-shadow: 0px 30px 100px rgb(0 0 0/47%);
width: 40px;
height: 40px;
border-radius: 100px;
}
a.modalClose svg {
width:19px;
height:100%;
opacity:.3;
margin-top: 5px;
transition:all .15s
}
@media (hover) {
a.modalClose:hover svg {
opacity:.5
}
}
.fancybox {
display:inline-block;
position:absolute;
z-index:100;
align-self:end;
align-items:end;
vertical-align:bottom;
overflow:auto;
padding:100em;
margin:-100em
}
.fancybox li {
display:inline;
list-style:none
}
a[data-fancybox] {
cursor:zoom-in
}
a[data-fancybox] img {
cursor:zoom-in
}
.hidden {
z-index:-10;
display:none
}
.zoom:hover .hidden {
display:block
}
.form>form {
display:block;
position:relative;
width:500px;
height:66px
}
.form>form>input {
-webkit-appearance:none;
border:0;
width:100%;
height:100%;
border-radius:100px;
padding:2px 200px 0 30px;
font-size:15px;
box-shadow:0px 20px 44px 0px rgb(45 41 80/10%);
background:#fff
}
.form>form>button {
width:190px;
position:absolute;
top:5px;
right:5px
}
.form>form>input::placeholder {
color:var(--txt-light)
}
.form>form>input:disabled {
background:linear-gradient(45deg,#eeffed 30%,#fff 100%)
}
.form>form>.error,
.form>.error {
display:block;
position:absolute;
top:calc(100% + 10px);
left:0;
right:0;
background:rgb(255 64 64/29%);
border-radius:var(--border-radius);
padding:15px;
color:#333;
font-size:13px;
margin:0 0 20px
}
.form>.error {
position:relative;
top:initial
}
.modalContent>.maxModal>.title {
display:block;
font-weight:600;
font-size:26px;
margin:0 0 30px;
opacity:0;
animation:fadeInLeft .5s ease-in-out .3s forwards
}
.form {
display:flex;
flex-direction:column;
position:relative;
opacity:1
}
.form>.item,
.form>.itemSwitcher,
.form>.itemCheckbox,
.form>.itemButton {
display:flex;
flex-direction:column;
margin:0 0 20px
}
.form>.itemButton:last-child {
margin:0
}
.form>.item:last-child {
margin:0
}
.form>.item:only-child {
margin:-15px 0 0
}
.form>.item>label {
display:block;
font-weight:700;
font-size:12px
}
.form>.item>input[type=text],
.form>.item>textarea,
.form>.item>input[type=tel],
.form>.item>input[type=password],
.form>.item>input[type=email] {
width:100%;
height:40px;
transition:border-color .15s;
font-weight:400;
background:var(--bluebg);
padding:0 15px 1px;
font-size:13px;
border:1px solid #e7e7e7;
border-radius:5px
}
.form>.item>textarea {
height:110px;
padding:15px
}
.form>.item>input[type=text]::placeholder,
.form>.item>textarea::placeholder,
.form>.item>input[type=tel]::placeholder,
.form>.item>input[type=password]::placeholder,
.form>.item>input[type=email]::placeholder {
color:#333
}
.form>.item>input[type=text]:focus,
.form>.item>textarea:focus,
.form>.item>input[type=tel]:focus,
.form>.item>input[type=password]:focus,
.form>.item>input[type=email]:focus {
border-color:#222
}
.form>.itemSwitcher {
display:flex;
width:100%;
background:#f3f7fc;
border-radius:var(--border-radius);
position:relative;
padding:2px;
flex-direction:row;
height:40px;
margin-top:-18px
}
.form>.itemSwitcher>label {
display:flex;
width:50%;
cursor:pointer
}
.form>.itemSwitcher>label>input {
display:none
}
.form>.itemSwitcher>label>span {
font-size:14px;
color:#222;
transition:all .15s;
display:flex;
width:100%;
height:100%;
align-items:center;
justify-content:center;
border-radius:var(--border-radius)
}
@media (hover) {
.form>.itemSwitcher>label:hover>input:not(:checked)+span {
color:#222
}
}
.form>.itemSwitcher>label>input:checked+span {
background-color:#fff;
box-shadow:0px 2px 2px rgb(0 0 0/10%);
color:#222
}
.beforeSelect {
width:100%;
height:40px;
border:0;
border-bottom:1px solid #222;
position:relative
}
.beforeSelect:before {
content:'';
display:block;
width:12px;
height:12px;
position:absolute;
right:0;
top:calc(50% - 6px);
background:url('../images/select.svg') center no-repeat
}
.beforeSelect>select {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
cursor:pointer;
-webkit-appearance:none;
background:0 0;
font-size:16px;
color:#8592a7
}
.beforeSelect>select option {
color:#222
}
.form>.itemCheckbox>label {
display:block;
position:relative;
cursor:pointer
}
.form>.itemCheckbox>label>input {
display:none
}
.form>.itemCheckbox>label>span {
display:block;
position:relative;
padding:0 0 0 25px;
font-weight:400;
font-size:12px;
line-height:15px
}
.form>.itemCheckbox>label>span:before,
.form>.itemCheckbox>label>span:after {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:16px;
height:16px;
border-radius:2px;
border:1px solid #222;
transition:all .15s
}
.form>.itemCheckbox>label>span:after {
border:0;
background:url('../images/check.svg') center no-repeat;
opacity:0
}
.form>.itemCheckbox>label>input:checked+span:before {
border-color:transparent;
background-color:#222
}
.form>.itemCheckbox>label>input:checked+span:after {
opacity:1
}
.form>.itemButton {
align-items:center
}
.form>.item.forgot {
margin-top:-10px;
padding-bottom:10px;
font-size:14px
}
.logincont {
display:block;
padding:30px
}
.modal.profile .modalContent {
max-width:480px
}
ul.logintab.noli {
display:flex;
position:relative;
width:100%
}
ul.logintab.noli>li {
display:flex;
align-items:center;
width:50%;
justify-content:center;
cursor:pointer;
background:#999;
font-size:16px;
text-transform:uppercase;
padding:15px 10px 13px
}
ul.logintab.noli>li.active {
background:#222;
color:#fff;
z-index:1;
box-shadow:0px 10px 20px -5px rgb(0 0 0/25%)
}
ul.logintab.noli>li>span {
display:block;
border-bottom:1px dotted transparent;
transition:all .15s
}
ul.logintab.noli>li:not(.active)>span {
border-bottom-color:#555
}
ul.logintab.noli>li:first-child {
border-radius:10px 0 0
}
ul.logintab.noli>li:last-child {
border-radius:0 10px 0 0
}
.newFormTitle {
display:block;
position:relative;
margin:-20px 0 30px;
padding:0 40px 0 0
}
.newFormTitle>b {
display:BLOCK;
font-size:22px;
font-weight:500;
color:#000
}
.newFormTitle>a {
display:block;
position:absolute;
top:5px;
right:0
}
form.newform {
display:flex;
flex-wrap:wrap;
position:relative;
justify-content:space-between
}
form.newform>.error {
width:100%;
background:#ffe1e1;
margin:0 0 20px;
padding:15px;
border-radius:var(--border-radius);
font-size:15px;
color:#222
}
form.newform>.itemFlex {
display:flex;
flex-direction:column;
position:relative;
margin:0 0 20px;
width:100%;
align-items:flex-start
}
form.newform>.itemFlex:last-child {
margin:0
}
form.newform>.itemFlex.w50 {
width:calc(50% - 10px)
}
form.newform>.itemFlex.itemFlexButton {
flex-direction:row
}
form.newform>.itemFlex>.item {
display:flex;
flex-direction:column;
position:relative;
width:100%;
margin:0 0 20px
}
form.newform>.itemFlex>.item:last-child {
margin:0
}
form.newform>.itemFlex>.item>label {
display:BLOCK;
font-size:16px;
color:#333;
margin:0 0 5px
}
form.newform>.itemFlex>.item>input:not([type=checkbox]):not([type=radio]),
form.newform>.itemFlex>.item>select,
form.newform>.itemFlex>.item>textarea {
border:1px solid #d7d7d7;
height:40px;
border-radius:var(--border-radius);
background:var(--bluebg);
padding:0 10px
}
form.newform>.itemFlex>.item>textarea {
padding:10px;
height:124px
}
form.newform>.itemFlex.itemFlexButton>button.btn {
white-space:nowrap;
margin:0 20px 0 0;
height:44px;
padding:0 20px;
font-size:16px
}
form.newform>.itemFlex.itemFlexButton>.info {
font-size:15px;
color:#333;
line-height:22px
}
form.newform .ifPolicy {
font-size:11px;
line-height:16px;
color:#999;
padding:10px 0 0;
margin:0 0 -10px
}
form.newform>.itemFlex.itemFlexButton>.info>.ifPolicy {
padding:0;
margin:0
}
form.newform>.itemFlex.itemFlexButton>.info>.ifPolicy {
padding:0;
margin:0
}
.itemFlexProduct {
display:flex;
flex-wrap:wrap;
position:relative;
margin:0 0 20px;
box-shadow:0px 5px 25px rgb(0 0 0/12%);
border-radius:var(--border-radius);
padding:15px;
border:1px solid #e5e5e5;
width:100%
}
.itemFlexProduct>.ifpImage {
width:100px;
display:block;
position:relative;
overflow:hidden;
border-radius:var(--border-radius);
margin:0 20px 0 0
}
.itemFlexProduct>.ifpImage:before {
content:'';
display:block;
padding-top:75%
}
.itemFlexProduct>.ifpImage>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear;
z-index:1
}
.itemFlexProduct>.ifpInfo {
display:flex;
flex-direction:column;
width:calc(100% - 120px);
position:relative
}
.itemFlexProduct>.ifpInfo>b {
flex-grow:1;
position:relative;
font-size:14px;
font-weight:400;
line-height:20px
}
.itemFlexProduct>.ifpInfo>.ifpPrice {
display:FLEX;
width:100%;
justify-content:space-between;
position:relative;
font-size:16px;
font-weight:500;
color:#222
}
.imgblock {
display:none
}
.imgblock.first {
display:block
}
.prodModal {
display:flex;
position:relative;
flex-wrap:wrap
}
.prodLeft {
position:relative;
padding:20px;
width:360px;
display:flex;
flex-direction:column
}
.prodLeft .pp_big {
position:relative;
display:flex;
margin:0 0 10px;
width:100%
}
.pp_mini {
display:BLOCK;
position:relative;
width:100%
}
.prodLeft .ppFullLink {
display:flex;
flex-direction:COLUMN;
justify-content:flex-end;
flex-grow:1
}
.prodLeft .ppFullLink>.btn {
height:36px;
font-size:14px;
text-transform:initial
}
.imgslider {
display:block;
position:relative;
margin:0 -5px 50px
}
.imgslider.slick-vertical {
margin:-5px 0
}
.imgslider .imb_item {
margin:0 5px;
border-radius:var(--border-radius);
display:flex;
align-items:center;
justify-content:center;
position:RELATIVE;
cursor:pointer;
overflow:hidden
}
.imgslider .imb_item:before {
content:'';
display:BLOCK;
padding-top:100%
}
.imgblock.novariantImgs .slick-dots:not(.scustom) {
top:calc(100% + 10px)
}
.slick-vertical.imgslider .imb_item {
margin:5px 0;
height:68px;
background:#fff;
position:relative;
overflow:hidden;
padding:0;
border:0
}
.imgslider .imb_item>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear;
z-index:1
}
.prodLeft .pp_big .xbigimg {
display:block;
position:relative;
border-radius:var(--border-radius);
display:flex;
align-items:center;
justify-content:center;
width:100%;
overflow:hidden;
z-index: -1;
}
.prodLeft .pp_big .xbigimg:before {
content:'';
display:block;
padding-top:100%
}
.prodLeft .pp_big .xbigimg img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
transition:all 1s linear;
z-index:1
}
@media (hover) {
.imgslider .imb_item:not(.active):hover {
border-color:var(--gray3)
}
}
.imgslider .imb_item.active {
box-shadow:0px 0px 0px 1px var(--brand2)
}
.imgslider .slick-track {
padding:1px 0
}
.prodLeft .pp_big .xbigimg img {
border-radius:var(--border-radius)
}
.prodRight {
width:calc(100% - 360px);
padding:20px;
position:relative
}
.prodRight h1 {
font-size:24px;
margin:0 0 12px;
line-height:initial;
font-weight:500;
color:#000
}
.loading:after {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgb(255 255 255/71%) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiAgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTgxODE4IiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1kYXNoYXJyYXk9IjQyLjc2NDgyMTM3MDQ0MjcxIDQyLjc2NDgyMTM3MDQ0MjcxIiBkPSJNMjQuMyAzMEMxMS40IDMwIDUgNDMuMyA1IDUwczYuNCAyMCAxOS4zIDIwYzE5LjMgMCAzMi4xLTQwIDUxLjQtNDAgQzg4LjYgMzAgOTUgNDMuMyA5NSA1MHMtNi40IDIwLTE5LjMgMjBDNTYuNCA3MCA0My42IDMwIDI0LjMgMzB6IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0eWxlPSJ0cmFuc2Zvcm06c2NhbGUoMC44KTt0cmFuc2Zvcm0tb3JpZ2luOjUwcHggNTBweCI+DQogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxLjQ5MjUzNzMxMzQzMjgzNTdzIiBrZXlUaW1lcz0iMDsxIiB2YWx1ZXM9IjA7MjU2LjU4ODkyODIyMjY1NjI1Ij48L2FuaW1hdGU+DQo8L3BhdGg+DQo8L3N2Zz4=');
z-index:100;
backdrop-filter:blur(3px);
background-position:center;
background-repeat:no-repeat;
background-size:64px
}
.loading.loadingMiniWhiteButton:after {
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiAgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1kYXNoYXJyYXk9IjQyLjc2NDgyMTM3MDQ0MjcxIDQyLjc2NDgyMTM3MDQ0MjcxIiBkPSJNMjQuMyAzMEMxMS40IDMwIDUgNDMuMyA1IDUwczYuNCAyMCAxOS4zIDIwYzE5LjMgMCAzMi4xLTQwIDUxLjQtNDAgQzg4LjYgMzAgOTUgNDMuMyA5NSA1MHMtNi40IDIwLTE5LjMgMjBDNTYuNCA3MCA0My42IDMwIDI0LjMgMzB6IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0eWxlPSJ0cmFuc2Zvcm06c2NhbGUoMC44KTt0cmFuc2Zvcm0tb3JpZ2luOjUwcHggNTBweCI+DQogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxLjQ5MjUzNzMxMzQzMjgzNTdzIiBrZXlUaW1lcz0iMDsxIiB2YWx1ZXM9IjA7MjU2LjU4ODkyODIyMjY1NjI1Ij48L2FuaW1hdGU+DQo8L3BhdGg+DQo8L3N2Zz4=');
background-size:36px;
background-color:rgb(0 0 0/65%);
backdrop-filter:none
}
.loadingMiniWhiteButton {
overflow:hidden
}
.prodRight>.title {
display:block;
margin:0 0 6px;
font-size:20px;
text-transform:uppercase;
font-weight:700;
color:var(--black2)
}
.prodRight>.sku {
display:none;
position:relative;
margin:0 0 20px;
font-size:14px;
color:var(--gray3)
}
ul.featuresMini {
display:flex;
flex-direction:column;
position:relative;
margin:0 0 30px
}
ul.featuresMini>li {
display:block;
padding:0 0 10px 19px;
font-size:14px;
position:relative
}
ul.featuresMini>li:before {
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:4px;
left:0;
border:2px solid var(--brand3)
}
.prodRight section {
display:block;
margin:0 0 30px;
position:relative
}
.prodRight section.productShare {
display:flex;
align-items:center;
margin:0 0 -21px;
justify-content:flex-end;
z-index:1
}
.prodRight section.productShare>.pcTitle {
margin:0 10px 0 0
}
.prodRight section:last-child {
margin:0
}
.prodRight section>.pcTitle {
display:block;
font-size:14px;
margin:0 0 15px
}
.prodSectionAdd section.productPrices .pcTitle {
margin:0 11px 0 0;
font-size:18px
}
.prodSectionAdd section.productPrices span.compare {
margin:0 0 0 15px
}
.prodSectionAdd section.productPrices .selectPrice {
align-items:center;
justify-content:center;
display:flex
}
.prodSectionAdd section.productPrices .selectPrice>.price {
align-items:center
}
.selectColor2 {
display:flex;
position:relative;
flex-wrap:wrap;
margin:0 -3px -6px
}
.selectColor2>.item {
display:flex;
position:relative;
align-items:center;
justify-content:center;
margin:0 3px 6px;
overflow:hidden;
border-radius:var(--border-radius);
cursor:pointer;
box-shadow:0px 0px 0px 2px rgb(0 0 0/0%);
transition:all .15s;
width:calc(14.285% - 6px);
position:relative;
overflow:hidden
}
.selectColor2>.item:before {
content:'';
display:block;
padding-top:100%
}
.selectColor2:not(.variantNames)>.item.active:after {
content:'';
display:block;
width:20px;
height:20px;
background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHRpdGxlPmlvbmljb25zLXY1LWU8L3RpdGxlPjxwb2x5bGluZSBwb2ludHM9IjQxNiAxMjggMTkyIDM4NCA5NiAyODgiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo0NHB4Ii8+PC9zdmc+) center no-repeat;
position:absolute;
top:5px;
right:5px;
background-size:16px
}
.selectColor2>.item>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%
}
.selectColor2>.item.noimg {
box-shadow:0px 0px 0px 1px rgb(0 0 0/17%)
}
@media (hover) {
.selectColor2>.item:not(.active):hover {
box-shadow:0px 0px 0px 2px rgb(0 0 0/15%)
}
}
.selectColor2>.item.active {
box-shadow:0px 0px 0px 2px var(--brand2)
}
.prodRight .iteamrating {
display:flex;
align-items:center;
margin:0 0 15px;
font-size:14px
}
.prodRight .iteamrating>b {
font-weight:500;
color:#222;
margin:0 8px 0 0
}
.prodRight .iteamrating>span {
margin:0 0 0 8px
}
.amount {
display:inline-flex;
height:30px
}
.amount>span {
cursor:pointer;
display:block;
background:var(--gray1);
color:var(--gray3);
display:FLEX;
align-items:center;
justify-content:center;
width:30px;
transition:all .15s
}
@media (hover) {
.amount>span:hover {
color:var(--black2)
}
}
.amount>input {
width:30px;
text-align:CENTER;
padding:0;
-moz-appearance:textfield;
font-size:13px;
border:1px solid var(--gray2)
}
.amount>input::-webkit-outer-spin-button,
.amount>input::-webkit-inner-spin-button {
-webkit-appearance:none
}
.prodSectionAdd .amount {
height:44px;
border:1px solid #ddd;
border-radius:var(--border-radius)
}
.prodSectionAdd .amount>span {
background:0 0;
font-size:20px;
color:var(--brand)
}
.prodSectionAdd .selectAmount .amount>input {
width:40px
}
.selectSizes {
display:flex;
position:relative;
flex-wrap:wrap;
margin:0 -5px -10px
}
.selectSizes>.item {
display:flex;
position:relative;
align-items:center;
justify-content:center;
margin:0 5px 10px;
overflow:hidden;
border-radius:var(--border-radius);
cursor:pointer;
transition:all .15s;
font-size:14px;
padding:6px 14px;
background:var(--gray1);
display:none;
width:initial
}
.selectSizes>.item {
display:flex;
box-shadow:none;
min-height:36px
}
.selectColor.variantNames {
display:flex;
flex-wrap:wrap;
position:relative;
margin:0 -3px -6px
}
.selectColor.variantNames>.item {
display:flex;
cursor:pointer;
margin:0 3px 6px;
border:1px solid var(--border-input);
padding:10px 30px;
color:#222;
font-weight:500;
background:var(--bluebg);
position:relative
}
.selectColor.variantNames>.item.active {
background:#ccc;
box-shadow:0 10px 22px -5px rgb(244 67 54/30%),inset 0px -2px 0px rgb(0 0 0/5%);
border-color:transparent;
color:#000;
text-shadow:0px 2px 5px rgb(0 0 0/25%)
}
.selectColor.variantNames>.item.active:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/pattern.webp) repeat;
transition:all .1s;
filter:opacity(.1);
background-color:transparent
}
@media (hover) {
.selectSizes>.item:not(.active):hover {
background:var(--brand2);
color:#fff
}
}
.selectSizes>.item.active {
background:var(--white);
box-shadow:inset 0px 0px 0px 1px var(--black);
cursor:default
}
.selectAmount {
display:block;
position:relative
}
.selectAmount .amount>input {
width:50px;
border:0;
font-size:16px
}
.selectPacks {
display:block;
position:relative
}
.selectPacks>.choicePack {
display:inline-flex;
align-items:center;
width:234px;
height:30px;
background:var(--gray1);
font-size:14px;
padding:0 15px;
border-radius:var(--border-radius);
justify-content:space-between;
cursor:pointer
}
.selectPacks>.choicePack svg {
width:16px;
height:auto;
transition:all .15s
}
.selectPacks>.choicePack svg path {
stroke:var(--gray3);
transition:all .15s
}
@media (hover) {
.selectPacks>.choicePack:hover svg path {
stroke:var(--black)
}
}
.selectPacks>.choicePack.active svg path {
stroke:var(--black)
}
.selectPacks>.choicePack.active svg {
transform:scale(1,-1)
}
.prodRight section.productPacks {
z-index:10
}
.selectPacks>.packsListPosition {
position:absolute;
top:calc(100% + 10px);
left:0;
display:none;
z-index:100
}
.selectPacks>.packsListPosition>.packsListPositionBg {
background:var(--white);
display:block;
width:100%;
box-shadow:0px 30px 100px rgb(0 0 0/28%);
border-radius:var(--border-radius);
overflow-x:hidden;
margin:0 0 50px;
overflow-y:overlay;
max-height:274px;
position:relative;
-webkit-overflow-scrolling:touch
}
.selectPacks>.packsListPosition>.packsListPositionBg:after {
content:'';
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
background:var(--white);
z-index:1
}
.packsList {
display:flex;
flex-wrap:wrap;
position:relative
}
.packsList>div {
display:none;
position:relative;
width:100%;
border-bottom:1px solid var(--gray2)
}
.packsList>div>.item {
display:flex;
width:100%;
align-items:center;
position:relative;
padding:15px;
cursor:pointer;
box-shadow:inset 3px 0px 0px rgb(0 0 0/0%);
transition:all .15s;
font-size:13px
}
@media (hover) {
.packsList>div>.item:not(.active):hover {
background:var(--gray1)
}
}
.packsList>div>.item.active {
background:var(--gray1);
box-shadow:inset 3px 0px 0px var(--black)
}
.packsList>div>.item>.image {
display:flex;
align-items:center;
justify-content:center;
width:60px;
height:60px
}
.packsList>div>.item>.image img {
border-radius:5px
}
.packsList>div>.item>.info {
display:flex;
flex-direction:column;
flex-grow:1;
padding:0 15px;
line-height:170%
}
.packsList>div>.item>.info {
color:var(--gray3);
transition:all .15s
}
@media (hover) {
.packsList>div>.item:hover>.info {
color:var(--black2)
}
}
.packsList>div>.item.active>.info {
color:var(--black2)
}
.packsList>div>.item>.price {
font-size:14px;
font-weight:700
}
.selectPrice {
display:flex;
flex-wrap:wrap;
align-items:end;
position:relative
}
.selectPrice>.price {
display:flex;
margin:0 30px 0 0;
align-items:flex-end;
font-size:14px
}
.selectPrice>.price>b {
font-weight:700;
color:var(--black2);
cursor:default;
font-size:16px
}
.selectPrice>.price>span {
display:none;
margin:0 0 0 5px;
color:var(--red);
cursor:default;
position:relative;
padding:0 5px
}
.selectPrice>.price>span:after {
content:'';
display:block;
position:ABSOLUTE;
top:0;
left:0;
width:100%;
height:1px;
background:var(--red);
top:50%;
transform:rotate(15deg)
}
.selectPrice>.priceOpt {
display:flex;
align-items:flex-end;
font-size:11px;
color:var(--red)
}
.selectPrice>.priceOpt>b {
display:block;
margin:0 5px -2px 0;
font-size:22px
}
.selectPrice>.priceOpt>span {
display:block;
position:relative;
margin:0 0 1px
}
.prodRight section.productButtons {
display:flex;
justify-content:space-between;
margin:0 -10px
}
.prodRight section.productButtons>.btn {
font-size:14px;
padding:0 25px;
padding:8px 25px;
height:initial;
min-height:36px;
margin:0 10px;
text-align:center
}
span.colorPick {
display:inline-block;
width:24px;
height:24px;
border-radius:100%;
box-shadow:0px 0px 0px 1px rgb(0 0 0/15%)
}
.selectedPack {
display:flex;
position:relative;
font-weight:700;
color:var(--black2);
cursor:default;
font-size:16px;
margin:-10px 0 0;
align-items:center
}
.selectedPack>a {
display:block;
width:12px;
height:auto;
margin:0 0 0 10px
}
.selectedPack>a>svg {
width:100%;
height:auto
}
.selectedPack>a svg path {
transition:all .15s;
fill:var(--red)
}
@media (hover) {
.selectedPack>a:hover svg path {
fill:var(--black)
}
}
.transfer_class {
z-index:99999 !important
}
.transfer_class img {
transition:all .15s;
border-radius:var(--border-radius);
width:initial;
height:100%;
filter:opacity(1);
animation:filterOpacity 1s ease-in-out 0s forwards
}
@keyframes filterOpacity {
0% {
filter:opacity(1)
}
100% {
filter:opacity(0)
}
}
.prodSectionAdd {
display:flex;
align-items:flex-start;
position:relative;
background:#f9f8f8;
display:inline-flex;
border-radius:var(--border-radius);
padding:20px;
font-weight:500;
flex-wrap:wrap;
flex-direction:column;
background:0 0;
padding:0;
width:100%
}
.colandButtons {
display:flex;
align-items:center;
flex-wrap:wrap;
width:100%
}
.prodSectionAdd section.productAmount {
margin:0 10px 0 0;
display:inline-flex;
align-items:center;
height:44px
}
.prodSectionAdd section.productAmount>.pcTitle {
margin:0 15px 0 0
}
.prodSectionAdd section.productPrices {
margin:0;
display:flex;
align-items:CENTER;
margin:0 0 15px
}
.prodSectionAdd section.productButtons {
display:flex;
margin:0;
align-items:center;
position:relative
}
.prodSectionAdd .selectPrice>.price {
margin:0;
font-size:16px
}
.prodSectionAdd .selectPrice>.price>b {
font-size:22px;
font-weight:600
}
.prodSectionAdd section.productButtons>.btn {
min-height:45px;
padding:0 15px;
margin:0;
font-size:16px;
margin:0 10px 0 0
}
.prodSectionAdd section.productButtons>.btn>ion-icon {
font-size:23px
}
.prodSectionAdd section.productButtons>.btn+a {
font-size:15px;
font-weight:400;
border-bottom:1px dotted
}
.miniCart {
display:none;
position:absolute;
top:100%;
right:0;
z-index:999;
background:#fff;
box-shadow:0px 5px 50px rgb(0 0 0/20%);
border-radius:var(--border-radius);
width:380px;
padding:30px
}
.miniCart>.title {
display:block;
text-align:center;
margin:-10px 0 20px
}
.miniCart>.title>span {
display:block;
font-weight:700;
font-size:20px;
line-height:24px;
text-transform:uppercase
}
.miniCart>.title>a {
display:block;
position:absolute;
top:15px;
right:15px;
transition:all .15s;
filter:opacity(.2)
}
@media (hover) {
.miniCart>.title>a:hover {
filter:opacity(1)
}
}
.listBlock {
display:block;
position:relative;
overflow-x:hidden;
overflow-y:overlay;
max-height:274px;
-webkit-overflow-scrolling:touch;
margin:0 -30px 30px;
border-bottom:1px solid #222
}
.listBlock>.listItems {
display:flex;
flex-direction:COLUMN;
position:RELATIVE
}
.listBlock>.listItems>.item {
display:flex;
position:relative;
border-bottom:1px solid #d9d9d9;
padding:15px 30px;
flex-wrap:wrap;
align-items:center
}
.listBlock>.listItems>.item:last-child {
border:0
}
.listBlock>.listItems>.item>a.image {
width:50px;
margin:0 15px 0 0;
overflow:hidden;
border-radius:var(--border-radius)
}
.listBlock>.listItems>.item>.info {
display:flex;
flex-direction:COLUMN;
position:relative;
width:calc(100% - 65px);
padding:0 15px 0 0
}
.listBlock>.listItems>.item>.info>a,
.listBlock>.listItems>.item>.info>.variantName,
.listBlock>.listItems>.item>.info>.variantPack {
display:block;
margin:0 0 5px;
font-size:11px;
color:#222
}
.listBlock>.listItems>.item>.info>.variantName {
display:block;
color:#555;
margin:-2px 0 2px
}
.listBlock>.listItems>.item>.info>a {
font-weight:700;
display:flex
}
.listBlock>.listItems>.item>.info>a>span.itemcolor {
display:block;
min-width:12px;
height:12px;
background:#333;
margin:1px 4px 0 0;
border-radius:100%;
box-shadow:0px 0px 0px 1px rgb(0 0 0/17%)
}
.listBlock>.listItems>.item>.info>.variantPack {
display:block;
color:#555
}
.listBlock>.listItems>.item>.info>.variantPack span {
font-weight:700;
color:#333
}
.listBlock>.listItems>.item>.info>.prices .price>span.compare {
color:#000;
display:block;
position:relative
}
.listBlock>.listItems>.item>.info>.prices .price>span.compare:after {
content:'';
display:block;
position:ABSOLUTE;
top:0;
left:0;
width:100%;
height:1px;
background:#000;
top:50%;
transform:rotate(15deg)
}
.listBlock>.listItems>.item>.info>.prices {
display:flex;
position:relative;
font-size:12px;
align-items:center
}
.listBlock>.listItems>.item>.info>.prices>div:not(:last-child) {
margin-right:10px
}
.listBlock>.listItems>.item>.info>.prices .amount {
height:24px
}
.listBlock>.listItems>.item>.info>.prices .amount>span {
width:16px
}
.listBlock>.listItems>.item>.info>.prices .amount>input {
width:26px
}
.listBlock>.listItems>.item>.info>.prices .price,
.listBlock>.listItems>.item>.info>.prices .priceOpt {
display:flex;
flex-direction:COLUMN;
text-align:CENTER;
font-size:10px
}
.listBlock>.listItems>.item>.info>.prices .price b,
.listBlock>.listItems>.item>.info>.prices .priceOpt b {
font-size:12px
}
.listBlock>.listItems>.item>.info>.prices .priceOpt {
color:#000
}
.listBlock>.listItems>.item>.info>.buttons {
display:flex;
position:absolute;
top:0;
right:-15px;
bottom:0;
flex-direction:column;
justify-content:center
}
.listBlock>.listItems>.item>.info>.buttons>div:first-child {
margin:0 0 5px
}
.listBlock>.listItems>.item>.info>.buttons a {
font-size:15px;
transition:all .15s;
filter:opacity(.3)
}
@media (hover) {
.listBlock>.listItems>.item>.info>.buttons a:hover {
filter:opacity(1)
}
}
.miniCart>.buttonBlock {
display:flex;
flex-direction:column;
text-align:CENTER;
align-items:CENTER
}
.miniCart>.buttonBlock>b {
display:block;
margin:0 0 5px;
font-size:16px
}
.miniCart>.buttonBlock>.isopt {
display:block;
margin:0 0 15px;
font-size:12px;
color:#000
}
.miniCart>.buttonBlock>.isopt>span {
display:block
}
.miniCart>.buttonBlock>.isopt>span.noopt {
display:block
}
.miniCart>.buttonBlock>a.btn {
font-weight:700;
padding-left:30px;
padding-right:30px
}
.listBlock>.listItems>.item.removed:after {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgb(255 255 255/65%);
content:'';
z-index:10
}
a.resend {
display:flex;
position:absolute;
z-index:12;
bottom:10px;
right:10px;
font-size:10px;
height:23px;
padding:0 5px
}
a.resend ion-icon {
font-size:18px;
margin:0 5px 0 0
}
.cartpage {
display:flex;
position:relative;
flex-wrap:wrap;
flex-direction:column
}
.cart_left,
.cart_right {
display:block;
position:relative
}
.cart_right {
float:right
}
.cart_left>.cbox,
.cart_right>.cbox {
display:block;
position:relative;
background:#fff;
box-shadow:0px 3px 30px rgba(0,0,0,.1);
padding:25px;
margin:0 0 25px
}
.cart_left>.cbox {
box-shadow:none;
background:var(--bluebg);
border-radius:var(--border-radius);
padding:30px
}
ul.purchases,
ul.purchases>li {
position:relative;
display:block
}
ul.purchases {
margin:-10px -20px 20px;
border-bottom:1px dotted #fff
}
ul.purchases>li {
border-bottom:1px dotted #ded5cd;
border-top:1px solid #fff;
padding:8px 20px 10px
}
ul.purchases>li:first-child {
border-top:0
}
ul.purchases>li>div {
display:table;
position:relative;
width:100%
}
.cpi {
display:table-cell;
vertical-align:middle;
position:relative;
padding:10px
}
.cpi_img {
width:64px;
padding:10px 0
}
.cpi_img>div {
display:table;
position:relative
}
.cpi_img>div>a {
display:table-cell;
width:64px;
height:64px;
text-align:center;
vertical-align:middle;
transition:all .15s;
background:#fff;
border-radius:5px;
box-shadow:0px 2px 11px rgba(0,0,0,.06)
}
@media (hover) {
.cpi_img>div>a:hover {
border-color:#bfc2d6
}
}
.cpi_name {
font-size:12px;
color:#887f79;
padding-right:30px;
padding-left:20px
}
.cpi_name>a {
display:inline-block;
font-size:15px;
color:#000;
font-weight:700;
transition:all .15s;
line-height:15px
}
@media (hover) {
.cpi_name>a:hover {
color:#000
}
}
.carproper {
padding:4px 0 0
}
.carproper>span {
display:inline-block;
padding:0 6px 0 0
}
.cpi_price {
text-align:right;
width:83px;
font-size:16px;
color:#000;
font-weight:600;
padding-right:0
}
a.cpi_del {
display:block;
width:20px;
height:20px;
background:rgba(255,92,92,0);
border-radius:100px;
text-align:center;
line-height:19px;
color:rgba(255,92,92,1);
position:ABSOLUTE;
bottom:15px;
right:19px;
transition:all .15s;
opacity:.3
}
@media (hover) {
a.cpi_del:hover {
background:rgba(255,92,92,1);
color:#fff
}
li:hover a.cpi_del {
opacity:1
}
}
.cpi_amount>input {
display:none
}
.cpi_amount {
padding-right:0;
width:36px
}
span.cpi_minus,
span.cpi_plus {
display:block;
width:100%;
height:26px;
background:#fff;
position:relative;
cursor:pointer;
transition:all .15s;
box-shadow:0px 1px 6px rgba(0,0,0,.09)
}
span.cpi_minus {
border-radius:0 0 5px 5px;
margin-top:1px
}
span.cpi_plus {
border-radius:5px 5px 0 0
}
span.cpi_minus:before,
span.cpi_plus:before {
content:'';
display:block;
width:12px;
height:2px;
background:#a9bedc;
position:absolute;
top:calc(50% - 1px);
left:calc(50% - 6px)
}
span.cpi_plus:after {
content:'';
display:block;
width:2px;
height:12px;
background:#a9bedc;
position:absolute;
top:calc(50% - 6px);
left:calc(50% - 1px)
}
@media (hover) {
span.cpi_minus:hover,
span.cpi_plus:hover {
box-shadow:0px 1px 6px rgba(0,0,0,.3)
}
span.cpi_minus:hover:before,
span.cpi_plus:hover:before,
span.cpi_plus:hover:after {
background:#ff4246
}
}
span.cpi_kolvo {
display:block;
position:absolute;
top:2px;
right:-9px;
height:20px;
background:#ff4246;
min-width:20px;
padding:0 3px;
border-radius:100px;
font-size:10px;
text-align:center;
line-height:20px;
font-weight:600;
color:#fff;
cursor:default
}
.cart_left h3 {
color:#333;
display:block;
margin:0 0 6px;
font-size:16px;
font-weight:400
}
.cart_left h3+p {
color:#555;
font-size:12px;
font-weight:400;
margin:0 0 15px
}
.coupon {
display:block;
position:relative;
width:100%;
height:60px;
margin:0 0 10px;
padding:0 0 20px;
border-bottom:1px solid #ebe5e0
}
.coupon>input[type=text] {
width:calc(100% - 160px);
position:absolute;
top:0;
left:0;
height:calc(100% - 20px);
border-radius:5px;
border:1px solid #ded5cd;
box-shadow:inset 0px 1px 5px #424f6017;
padding:0 10px;
font-size:13px
}
.coupon>input[type=button] {
width:140px;
position:absolute;
top:0;
right:0;
height:calc(100% - 20px);
border:0;
border-radius:5px;
background:#222;
cursor:pointer;
font-size:13px;
font-weight:500;
color:#fff;
padding-bottom:1px;
box-shadow:0px 1px 3px #03359a03;
transition:all .15s
}
.coupon>input[type=text]::-webkit-input-placeholder {
color:#cad0dc
}
ul.itogs {
position:relative;
display:block
}
ul.itogs>li>div {
display:block;
position:relative;
padding:5px 0 0;
margin:0 0 10px;
font-size:14px
}
ul.itogs>li>.isopt {
background:#ffc6c6;
padding:10px 30px;
color:#333;
margin:-11px -30px 10px;
font-weight:500
}
ul.itogs>li:last-child>div:last-child {
border-top:1px solid #cdd6d9;
margin:15px 0 0;
padding:13px 0 0
}
ul.itogs>li>div:after {
content:'';
display:block;
clear:both
}
ul.itogs>li>div b {
font-weight:400
}
ul.itogs>li>div>b {
display:block;
float:left;
padding:5px 0 0;
font-size:14px
}
ul.itogs>li>div>span {
display:block;
float:right;
font-size:13px;
padding:2px 0 0
}
ul.itogs>li>div>span>b {
font-size:16px;
font-weight:600;
color:#000
}
ul.itogs>li>div.superskidka {
border-bottom:0;
margin:0;
padding:0 0 13px
}
.skidkapolosa {
display:block;
position:relative;
height:12px;
background:#e8f4ff;
border-radius:var(--border-radius)
}
.polosaskidki {
display:block;
height:100%;
border-radius:var(--border-radius);
box-shadow:inset 0px 6px 0px rgba(255,255,255,.1),inset 0px -2px 0px rgba(0,0,0,.1),0px 7px 10px -5px rgba(0,109,206,.52);
transition:width .4s ease-in-out;
background-color:#006dce;
background-size:30px 30px;
background-image:linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
animation:animate-stripes 3s linear infinite
}
@keyframes animate-stripes {
0% {
background-position:0 0
}
100% {
background-position:60px 0
}
}
.superskidka>b {
display:block;
font-size:15px;
font-weight:400;
margin:0 0 10px
}
.superskidka>b>span {
font-weight:500;
font-size:12px;
color:#4e546d;
padding:0 2px
}
ul.itogs>li>div.superskidka>b {
float:initial;
color:#9aa2b9;
font-size:13px;
font-weight:100
}
ul.itogs>li:last-child>div:last-child>b {
font-size:22px;
font-weight:500;
color:#000;
padding:4px 0 0
}
ul.itogs>li:last-child>div:last-child>span {
font-size:16px
}
ul.itogs>li:last-child>div:last-child>span>b {
font-size:22px;
font-weight:500
}
.cart_right h3 {
color:#333;
display:block;
margin:0 0 15px;
font-size:16px;
font-weight:400
}
ul.cart_form {
display:block;
position:relative;
margin:0 0 20px;
width:calc(50% - 20px)
}
ul.cart_form>li {
display:block;
margin:0 0 25px;
position:relative
}
ul.cart_form>li:last-child {
margin:0
}
ul.cart_form>li:after {
content:'';
display:block;
clear:both
}
ul.cart_form>li>b,
ul.cart_form>li>span {
display:block
}
ul.cart_form>li>b {
font-size:16px;
font-weight:500;
padding:0 0 10px;
color:#000
}
.sui input[type=text],
.sui input[type=email],
.sui textarea,
.sui select {
width:100%;
height:38px;
padding:1px 10px 0;
transition:all .15s;
border:1px solid #dad8d7;
box-shadow:inset 0px 1px 5px #424f6017;
font-size:13px
}
.sui textarea {
height:80px;
padding:10px
}
.sui select option {
font-size:14px;
padding:5px 0;
color:#666
}
@media (hover) {
.sui>li:hover input[type=text],
.sui>li:hover input[type=email],
.sui>li:hover textarea,
.sui input[type=text]:not(:disabled):hover,
.sui input[type=email]:not(:disabled):hover,
.sui textarea:hover,
.sui select:hover {
border-color:#b1b1b1
}
}
.sui input[type=text]:focus,
.sui input[type=email]:focus,
.sui textarea:focus,
.sui select:focus,
.sui input[type=text]:focus:hover,
.sui input[type=email]:focus:hover,
.sui textarea:focus:hover,
.sui select:focus:hover {
border-color:#ff4246;
box-shadow:0px 0px 8px rgba(255,66,70,.33)
}
.cart_form_info {
display:block;
font-size:12px;
font-weight:400;
border-bottom:1px dotted #d8d8d8;
padding:0 0 15px;
margin:0 0 30px;
color:#666;
width:100%
}
.sui input::-webkit-input-placeholder,
.sui textarea::-webkit-input-placeholder {
color:#cad0dc
}
.uitem {
display:block;
position:relative;
margin:0 0 30px
}
.uileft,
.uiright {
display:block;
position:relative;
float:left
}
.uileft {
width:230px;
padding:0 15px 0 0
}
.uiright {
width:calc(100% - 230px)
}
.uileft.datet {
padding-top:8px
}
.uileft>b {
display:block;
font-size:15px;
font-weight:400
}
.delivery_info {
display:none
}
.uitem ul.hex>li>label>span {
font-weight:400;
font-size:15px;
color:#777
}
.deltext {
display:block;
padding:10px 0 0;
font-size:12px;
color:#666
}
.uitem ul.hex>li>label>span span {
font-size:12px;
padding:0 0 0 10px;
opacity:.5
}
.polchel {
display:block;
position:relative;
margin:-10px 0 36px
}
.polchel>a {
display:block;
float:left;
margin:0 25px 0 0;
background:#fff;
border:1px solid #ff4246;
padding:11px 20px 10px 36px;
border-radius:var(--border-radius);
font-size:15px;
color:#000;
position:relative
}
.polchel>a:last-child {
margin:0
}
.polchel>a:before {
content:'';
display:block;
width:14px;
height:14px;
border:1px solid #c6dcea;
border-radius:100px;
position:absolute;
top:50%;
left:13px;
margin:-7px 0 0;
box-shadow:inset 0px 1px 4px #2d70981f
}
@media (hover) {
.polchel>a:not(.active):hover:before {
border-color:#ff4246
}
}
.polchel>a.active {
border-color:transparent;
background:#ff4246;
color:#fff;
text-shadow:0px 1px 3px #0000007a
}
.polchel>a.active:before {
border-color:transparent;
box-shadow:inset 0px 0px 0px 2px #fff
}
button.products-button.disp:disabled {
opacity:.3
}
.minpr {
display:block;
margin:0 0 20px;
background:#ffe8e8;
padding:20px;
font-size:16px;
color:#e64040
}
.minpr>span {
font-size:14px;
color:#333;
display:block;
padding:6px 0 0
}
.clear:after {
content:'';
display:block;
clear:both
}
.cart_left>.cbox>.listBlock {
overflow:initial;
max-height:initial;
margin:-20px -20px 20px;
background:#fff;
border-radius:var(--border-radius);
box-shadow:0px 5px 30px -5px rgb(0 0 0/7%);
border:0
}
.cart_left>.cbox>.listBlock>.listItems>.item {
padding:15px 30px 15px 15px
}
.cart_left>.cbox>.listBlock>.listItems>.item>a.image {
width:70px
}
.cart_left>.cbox>.listBlock>.listItems>.item>.info {
width:calc(100% - 85px);
flex-direction:row;
align-items:center
}
.cart_left>.cbox>.listBlock>.listItems>.item>.info>a {
font-size:14px;
font-weight:500;
align-items:center;
flex-grow:1
}
.cart_left>.cbox>.listBlock>.listItems>.item>.info>.prices .amount {
height:30px
}
.cart_left>.cbox>.listBlock>.listItems>.item>.info>.prices .amount>span {
width:24px
}
.cart_left>.cbox>.listBlock>.listItems>.item>.info>.prices .price,
.cart_left>.cbox>.listBlock>.listItems>.item>.info>.prices .priceOpt {
font-size:14px
}
.cart_left>.cbox>.listBlock>.listItems>.item>.info>.prices .price b,
.cart_left>.cbox>.listBlock>.listItems>.item>.info>.prices .priceOpt b {
font-size:17px
}
.delblock .uiright,
.payblock .uiright {
width:100%;
display:flex;
flex-direction:COLUMN;
float:initial
}
.uitem ul.hex {
display:flex;
flex-direction:COLUMN;
position:relative
}
.uitem ul.hex>li {
display:BLOCK;
position:relative;
margin:0 0 15px
}
.uitem ul.hex>li:last-child {
margin:0
}
.uitem ul.hex>li>label {
display:BLOCK;
position:relative
}
.uitem ul.hex>li>label>input {
display:none
}
.uitem ul.hex>li>label>span {
display:block;
position:relative;
cursor:pointer;
border:1px solid #222;
border-radius:var(--border-radius);
color:#333;
padding:10px 10px 10px 40px;
font-size:14px;
font-weight:500
}
@media (hover) {
.uitem ul.hex>li>label>input:not(:checked)+span:hover {
border-color:#555
}
}
.uitem ul.hex>li>label>input:checked+span {
border-color:var(--brand)
}
.uitem ul.hex>li>label>span:before,
.uitem ul.hex>li>label>span:after {
content:'';
display:block;
position:absolute;
top:calc(50% - 8px);
left:14px;
width:16px;
height:16px;
border:1px solid #222;
border-radius:var(--border-radius);
transition:all .15s
}
.uitem ul.hex>li>label>span:after {
background:var(--brand);
width:10px;
height:10px;
border:0;
margin:3px 0 0 3px;
opacity:0
}
.uitem ul.hex>li>label>input:checked+span:after {
opacity:1
}
.uitem ul.hex>li>label>input:checked+span:before {
border-color:var(--brand)
}
.deltext,
.deltextpay {
display:flex;
flex-direction:column;
margin:15px 0 0;
padding:15px;
font-size:13px;
background:#f8f4f1;
border-radius:var(--border-radius);
color:#555
}
.deltext b,
.deltextpay b {
font-size:13px;
font-weight:500;
color:#222
}
.deltext b+p,
.deltextpay b+p {
display:block;
margin:10px 0 0
}
#dmap {
display:block;
width:100%;
height:150px
}
.ymaps-2-1-79-map-copyrights-promo {
display:none
}
.ymaps-2-1-79-copyright_logo_no {
display:none
}
.cart_left>.cbox>.listBlock>.listItems>.item>.info>.variantName {
margin:0 10px 0 0;
font-size:14px
}
.cart_right>.cbox {
display:flex;
flex-wrap:wrap;
position:relative;
justify-content:space-between;
align-items:flex-start
}
.xbutton {
width:100%
}
.xbutton button.btn {
font-size:20px;
height:50px;
padding:0 30px
}
.daysSelect {
display:flex;
position:relative;
margin:0 -5px;
flex-wrap:wrap
}
label.dsItem {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
position:relative;
width:calc(14.285% - 10px);
margin:0 5px 10px;
cursor:pointer;
border:1px solid var(--border-input);
padding:10px;
font-size:14px;
color:#222;
line-height:22px
}
label.dsItem input {
margin:0 0 10px
}
.bx_breadcrumbs_block {
display:block;
position:relative;
font-size:12px;
margin:0 0 10px
}
.bx_breadcrumbs {
display:block;
position:relative;
max-width:100%;
overflow-x:overlay;
overflow-y:hidden;
white-space:nowrap;
padding:0 0 6px
}
.bx_breadcrumbs::-webkit-scrollbar {
width:2px;
height:2px;
background:0 0
}
.bx_breadcrumbs::-webkit-scrollbar-thumb {
background:var(--black);
border-radius:var(--border-radius)
}
.bx_breadcrumbs::-webkit-scrollbar-track-piece {
background:0 0
}
.bx_breadcrumbs>ul {
display:flex
}
.bx_breadcrumbs>ul>li {
display:block;
position:relative;
margin:0 30px 0 0
}
.bx_breadcrumbs>ul>li>a {
color:var(--brand);
transition:all .15s;
font-size:14px
}
.bx_breadcrumbs>ul>li>a>span {
display:block;
transition:all .15s;
border-bottom:1px dotted transparent
}
.bx_breadcrumbs>ul>li:last-child>a {
color:#999;
cursor:default
}
@media (hover) {
.bx_breadcrumbs>ul>li:not(:last-child)>a:hover>span {
border-color:var(--black2)
}
}
.bx_breadcrumbs>ul>li:last-child {
margin:0
}
.bx_breadcrumbs>ul>li:not(:first-child):before {
content:'';
display:block;
width:14px;
height:14px;
position:absolute;
top:1px;
left:-22px;
background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHRpdGxlPmlvbmljb25zLXY1LWE8L3RpdGxlPjxwb2x5bGluZSBwb2ludHM9IjE4NCAxMTIgMzI4IDI1NiAxODQgNDAwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMDAwO3N0cm9rZS1saW5lY2FwOnNxdWFyZTtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6NDhweCIvPjwvc3ZnPg==) center no-repeat;
background-size:12px;
filter:opacity(.6)
}
main {
min-height:calc(100vh - 297px - 138px)
}
.pageConstruction {
display:flex;
position:relative;
flex-wrap:wrap
}
.pageConstruction.marginProduct {
margin-top:30px
}
.pageConstruction>.pcHead {
display:BLOCK;
position:relative;
margin:0;
width:100%
}
.pageConstruction>.pcHead>h1,
h1.unititle {
display:BLOCK;
margin:0 0 30px;
font-size:28px;
color:#222;
font-weight:500
}
.pageConstruction>.pcHead>.opis {
display:block;
font-size:13px;
line-height:20px;
color:var(--gray3);
margin:0 0 30px
}
.pageConstruction>.pcHead>.opis+.opis {
margin:-15px 0 30px
}
.pageConstruction>.pcHead>h1+.opis {
margin:-15px 0 30px
}
.pageConstruction>.pcSidebar {
display:flex;
flex-direction:column;
width:280px;
margin:0 30px 0 0
}
.pageConstruction>.pcContent {
display:flex;
flex-direction:column;
position:relative;
width:100%
}
.pageConstruction>.pcSidebar+.pcContent {
width:calc(100% - 310px)
}
.pageConstruction>.pcContent.isRight {
width:calc(100% - 310px)
}
.pageConstruction.isSideRight {
flex-direction:row-reverse
}
.pageConstruction>.pcSidebar.sideRight {
margin:0 0 0 30px
}
.pageConstruction>.pcRight {
display:flex;
position:relative;
flex-wrap:wrap;
flex-direction:column;
width:270px;
margin:0 0 0 40px
}
.sideRightItem {
display:block;
position:relative;
margin:0 0 30px
}
.sideRightItem:last-child {
margin:0
}
.sideRightItem>h3 {
display:block;
position:relative;
font-size:18px;
font-weight:500;
color:#222;
margin:0 0 20px
}
ul.lastPublics {
display:flex;
flex-direction:column;
position:relative
}
ul.lastPublics>li {
display:block;
position:relative;
margin:0 0 15px;
padding:0 0 15px;
border-bottom:1px solid #d5d5d5
}
ul.lastPublics>li:last-child {
margin:0
}
ul.lastPublics>li>a {
display:block;
font-size:14px;
line-height:22px;
color:#222;
font-weight:500
}
ul.lastPublics>li>a:hover {
color:var(--brand3)
}
ul.lastPublics>li>.viewsBlockInfo {
margin:10px 0 0;
line-height:15px
}
ul.podRazdels {
display:flex;
flex-direction:column;
position:relative
}
ul.podRazdels>li {
display:block;
position:relative;
border-bottom:1px solid #d5d5d5
}
ul.podRazdels>li:last-child {
margin:0
}
ul.podRazdels>li>a {
display:block;
font-size:14px;
line-height:22px;
color:#222;
font-weight:500;
display:flex;
padding:10px 0
}
ul.podRazdels>li>a:hover {
color:var(--brand3)
}
ul.podRazdels>li>a>ion-icon {
margin:0 5px 0 0
}
ul.podRazdels>li.active>a {
color:var(--brand)
}
.topcatimg {
display:block;
position:relative;
margin:-10px 0 40px;
border-radius:var(--border-radius);
overflow:hidden
}
.pagination {
display:inline-block;
margin:0 auto;
margin-bottom:25px;
margin-top:30px;
padding-left:15px
}
.pagination li:first-child a,
.pagination li:first-child span {
border-bottom-left-radius:15px;
border-top-left-radius:15px;
margin-left:0
}
.pagination li:last-child a,
.pagination li:last-child span {
border-bottom-right-radius:15px;
border-top-right-radius:15px
}
.pagination .active a,
.pagination .active span,
.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
background-color:#000;
border-color:#fe980f;
color:#fff;
cursor:default;
z-index:2
}
.pagination li a,
.pagination li span {
background-color:#f0f0e9;
border-radius:var(--border-radius);
border:0;
float:left;
line-height:1.42857;
margin-left:-1px;
padding:6px 12px;
position:relative;
text-decoration:none;
margin-right:5px;
color:#000
}
.pagination li a:hover {
background:#181818;
color:#fff
}
.pagination li {
display:inline;
list-style:none
}
.pagination .button {
margin-top:0;
padding:0;
height:10px;
width:8px
}
.pcSidebar+.pcContent ul.products>li.product {
width:calc(33.333% - 20px)
}
.pcContent.contentFlexAppend {
display:flex;
position:relative;
flex-direction:row
}
.pcContent.contentFlexAppend>.blockTags {
width:200px;
margin:0 30px 0 0
}
.pcContent.contentFlexAppend>.afterContent {
display:block;
position:relative;
width:100%
}
.pcContent.contentFlexAppend>.blockTags+.afterContent {
width:calc(100% - 230px)
}
ul.leftnavigation,
ul.leftnavigation ul {
display:flex;
position:relative;
flex-direction:column
}
ul.leftnavigation li {
display:flex;
flex-direction:column;
position:relative
}
ul.leftnavigation li a {
display:flex;
position:relative;
background:var(--brand);
color:#fff;
padding:15px;
border-bottom:1px solid rgb(255 255 255/10%);
font-size:15px;
font-weight:500
}
ul.leftnavigation>li>.pcConstructionBeforeSide {
display:none;
border:1px solid #ebebeb;
border-width:0 1px
}
ul.leftnavigation>li.active>a {
background:#ebebeb;
color:#000
}
ul.leftnavigation>li>.pcConstructionBeforeSide>ul>li>a {
background:0 0;
color:#000;
border-bottom:1px solid #ebebeb;
font-size:14px;
font-weight:400
}
ul.leftnavigation>li>.pcConstructionBeforeSide>ul>li:last-child>a {
border:0
}
ul.leftnavigation>li>.pcConstructionBeforeSide>ul>li.active>a {
color:var(--brand3)
}
ul.leftnavigation>li:not(.active)>a:hover {
background:#085376
}
ul.leftnavigation>li ul>li:not(.active)>a:hover {
background:#f5f5f5
}
ul.leftnavigation>li>a {
padding-right:40px
}
ul.leftnavigation>li>a>ion-icon {
position:absolute;
transform:rotate(90deg);
top:calc(50% - 7px);
right:15px
}
ul.leftnavigation>li.active>a>ion-icon {
transform:rotate(-90deg)
}
.tagsList {
display:flex;
flex-wrap:wrap;
position:relative;
margin:0 -5px -10px
}
.tagsList>a {
display:flex;
align-items:center;
margin:0 5px 10px;
border:1px solid;
border-radius:var(--border-radius);
padding:10px 12px 10px 10px;
font-weight:500
}
.tagsList>a>ion-icon {
color:#666;
margin:0 5px 0 0
}
.tagsList>a:hover>ion-icon {
color:var(--brand3)
}
.sortsFilters {
display:flex;
justify-content:space-between;
position:relative;
align-items:center;
margin:0 0 20px
}
.sortsFilters>.sortsPanel {
display:block;
margin:0 30px 0 0;
height:34px;
display:flex;
align-items:center;
border-radius:var(--border-radius);
width:100%;
margin:0
}
.sortsFilters>.sortsPanel>.newsort {
display:flex;
position:relative;
font-size:14px;
align-items:center
}
.sortsFilters>.sortsPanel>.newsort>a {
display:BLOCK;
padding:5px;
margin:0 5px
}
.sortsFilters>.sortsPanel>.newsort>span {
display:block;
margin:0 5px 1px 0;
color:#000;
font-weight:500
}
.sortsFilters>.sortsPanel>.newsort>a>span {
display:block;
transition:all .15s;
border-bottom:1px dotted transparent
}
@media (hover) {
.sortsFilters>.sortsPanel>.newsort>a:not(.selected):hover>span {
border-color:var(--black2)
}
}
.sortsFilters>.sortsPanel>.newsort>a.selected {
cursor:default;
background:var(--gradient);
color:#fff;
padding:5px 10px
}
.sortsFilters>.filterPanel {
display:none;
position:relative
}
.sortsFilters>.filterPanel>span.openFilter {
display:flex;
position:relative;
cursor:pointer;
align-items:center;
transition:all .15s
}
.sortsFilters>.filterPanel>span.openFilter>span {
display:block;
margin:0 10px 0 0;
font-size:12px
}
.sortsFilters>.filterPanel>span.openFilter svg {
display:block;
transition:all .15s;
filter:opacity(.4)
}
@media (hover) {
.sortsFilters>.filterPanel>span.openFilter:hover svg {
filter:opacity(1)
}
}
.catBanners {
display:block;
position:relative;
margin:-10px 0 30px;
width:100%
}
.catBannersSlider {
display:none
}
.catBannersSlider.slick-initialized {
display:block
}
.catBannersSlider .item {
display:BLOCK;
position:relative;
border-radius:var(--border-radius);
overflow:hidden
}
.catBannersSlider .item .cbsContent {
display:flex;
flex-direction:column;
position:relative;
align-items:flex-start;
justify-content:center;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:0 30px;
color:#fff
}
.catBannersSlider .slick-arrow:not(.scustom).slick-arrow.smini.slick-prev {
left:initial;
right:50px;
top:initial;
bottom:10px
}
.catBannersSlider .slick-arrow:not(.scustom).slick-arrow.smini.slick-next {
right:10px;
bottom:10px;
top:initial
}
.catBannersSlider .item .cbsContent>b {
font-size:22px;
font-weight:500;
display:BLOCK;
margin:0 0 12px
}
a.btn.white {
background:#fff;
box-shadow:none;
color:var(--brand);
text-shadow:none
}
a.btn.white:hover {
color:var(--brand3)
}
.catBannersSlider .item .cbsContent a.btn.white {
height:40px;
padding:0 30px;
font-size:14px;
color:#222;
font-weight:500
}
.catBannersSlider .item .cbsContent a.btn.white:hover {
color:var(--brand3)
}
.leftBlock {
display:block;
background:var(--bluebg);
border-radius:var(--border-radius);
padding:15px
}
nav.sideNav {
display:flex;
position:relative;
flex-direction:column;
margin:0 0 20px;
align-items:flex-start
}
nav.sideNav>a {
display:inline-flex;
padding:6px 10px;
font-size:15px;
font-weight:400;
background:0 0;
border-radius:var(--border-radius);
margin:0 0 5px;
color:#333
}
nav.sideNav>a.active {
background:#e6e9ed
}
.filterBlock {
display:block;
position:relative
}
ul.smenu {
display:block;
float:right;
padding:21px 0 0
}
ul.smenu>li {
display:block;
float:left;
margin-left:62px
}
ul.smenu>li>a {
color:#333;
font-size:13px;
font-weight:600
}
@media (hover) {
ul.smenu>li>a:hover {
color:#ff8f00
}
}
ul.smenu>li>a.selected {
color:#ff8f00
}
#podfilter {
display:block;
border-bottom:4px solid #e8e8e8;
padding:40px 0 17px;
position:relative
}
.ifilter {
position:relative;
display:flex;
position:relative;
flex-wrap:wrap
}
.if_item,
.if_item_price {
float:left;
position:relative;
z-index:10;
display:flex;
flex-wrap:wrap;
margin:0 10px 10px 0
}
ul.sddd {
background:var(--black2)
}
.smdrop {
position:relative;
display:block
}
.if_name {
display:block;
position:relative;
background:#fff;
border-radius:var(--border-radius);
border:1px solid #dcdcdc;
height:34px;
padding:0 30px 0 12px;
min-width:133px;
cursor:default;
box-shadow:0px 1px 2px rgb(0 0 0/10%);
color:var(--black2);
transition:all .15s;
display:flex;
flex-wrap:wrap;
font-size:12px;
align-items:center;
border-radius:var(--border-radius)
}
.if_name:not(.pusto) {
cursor:pointer
}
.if_name>ion-icon {
top:12px;
font-size:14px;
color:var(--black2);
transition:all .15s;
margin:0 0 0 6px
}
@media (hover) {
.if_name:not(.pusto):hover>ion-icon {
color:var(--black2)
}
}
.if_item.zindex .if_name>ion-icon {
transform:scale(1,-1)
}
@media (hover) {
.if_name:not(.pusto):hover {
border-color:var(--black2);
color:var(--black2)
}
}
.zindex {
z-index:10
}
.if_item.pusto {
opacity:.5
}
.smdrop>ul {
display:none
}
.sbros {
position:absolute;
top:11px;
right:21px;
background:#222;
color:#fff;
border-radius:100px;
width:16px;
height:16px;
text-align:center;
line-height:20px;
cursor:pointer;
display:none;
font-size:14px;
padding:1px 0 0
}
ul.cle {
display:block;
position:relative;
background:#fff
}
.smdrop>ul.cle {
display:none;
box-shadow:0px 0px 0px 1px #e2e2e2,0px 1px 25px rgba(0,0,0,.17);
border-radius:var(--border-radius);
position:absolute;
top:100%;
left:0;
min-width:100%;
margin:15px 0 0
}
ul.cle>li {
display:block
}
ul.cle>li:last-child {
border:0
}
ul.cle>li>label {
display:block;
position:relative;
cursor:pointer
}
ul.cle>li>label:after {
content:'';
display:block;
clear:both
}
ul.cle>li>label>input {
display:none
}
ul.cle>li>label>span {
font-size:14px;
padding:9px 10px 8px 31px;
display:block;
position:relative;
color:var(--black2);
display:flex;
align-items:flex-start
}
ul.cle>li>label>span>span.itColor {
display:block;
height:14px;
margin:1px 0 0;
border-radius:var(--border-radius);
box-shadow:inset 0px 0px 0px 1px rgb(0 0 0/20%);
position:relative
}
ul.cle>li>label>input:disabled+span>span.itColor:before,
ul.cle>li>label>input:disabled+span>span.itColor:after {
content:'';
display:block;
position:absolute;
top:50%;
left:-5px;
right:-5px;
height:1px;
background:rgb(255 0 0/32%);
transform:rotate(8deg)
}
ul.cle>li>label>input:disabled+span>span.itColor:after {
transform:rotate(-8deg)
}
ul.cle>li>label>span>.colorIcon {
display:flex;
width:16px;
height:16px;
border-radius:2px;
position:relative;
overflow:hidden;
margin:0 5px 0 0;
box-shadow:inset 0px 0px 0px 1px rgb(0 0 0/8%)
}
ul.cle>li>label>span>.colorIcon+span {
display:block;
width:calc(100% - 25px)
}
ul.cle>li>label>span>.colorIcon>span,
ul.cle>li>label>span>.colorIcon:after {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
ul.cle>li>label>span>.colorIcon:after {
content:'';
box-shadow:inset 0px 0px 0px 1px rgb(0 0 0/12%);
border-radius:2px
}
ul.cle>li>label>span>.colorIcon>span>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%
}
ul.cle>li>label>span:before {
content:'';
display:block;
width:16px;
height:16px;
background:#fff;
position:absolute;
top:9px;
left:10px;
border-radius:var(--border-radius);
box-shadow:inset 0px 0px 0px 1px var(--border-input)
}
@media (hover) {
ul.cle>li>label:hover>span {
color:var(--black2)
}
}
ul.cle>li>label>input:checked+span {
color:var(--black2)
}
@media (hover) {
ul.cle>li>label:hover {
background:none;
}
}
ul.cle>li>label>input:checked+span:after {
content: '';
position: absolute;
top: 52%;
left: 8px !important;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 12px;
height: 9px;
opacity: 1;
background-image: url("../images/check.svg");
-webkit-background-size: contain;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
ul.cle>li>label>input:checked+span:before {
box-shadow:inset 0px 0px 0px 1px var(--brand3)
}
ul.cle>li>label>input:disabled+span {
opacity:.5;
text-decoration:line-through
}
#filter {
position:relative
}
.vertical ul.cle>li>label>span {
padding-left:24px
}
.vertical ul.cle>li>label>span:before {
left:0
}
.vertical ul.cle>li>label>input:checked+span:after {
left:3px
}
.showfilters {
position:absolute;
bottom:20px;
right:0;
display:block;
cursor:pointer;
border-bottom:1px solid #636363
}
.butfilter {
display:block;
text-align:center
}
.bfinline {
display:inline-block;
position:relative
}
.count_filter,
.sendsform {
display:block;
float:left;
height:42px;
margin:0 10px;
background:#ffcd5e;
border-radius:var(--border-radius);
font-size:14px;
line-height:44px;
padding:0 20px;
color:var(--black2);
cursor:pointer
}
.count_filter {
margin:0;
background:#e8e8e8
}
@media (hover) {
.sendsform:hover {
background:#333;
color:#fff
}
}
.fisend {
display:block;
position:relative
}
.fisend>.popover {
position:relative;
display:FLEX;
margin:10px 0 0
}
.fisend>.popover>.total_view,
.fisend>.popover>a {
float:left
}
.fisend>.popover>.total_view {
display:block;
height:32px;
line-height:34px;
background:rgba(0,0,0,.81);
padding:0 12px;
border-radius:var(--border-radius);
color:#fff;
position:relative;
text-shadow:0px 1px 3px var(--black2);
font-size:12px;
border-radius:100px
}
.fisend>.popover>.total_view:after {
content:'';
position:absolute;
border:5px solid transparent;
border-left:5px solid rgba(0,0,0,.81);
top:50%;
left:calc(100% - 1px);
margin-top:-5px
}
.fisend>.popover>a {
display:block;
margin:0 0 0 10px;
background:var(--brand);
height:32px;
line-height:34px;
padding:0 35px 0 15px;
border-radius:var(--border-radius);
color:#fff;
text-shadow:0px 1px 4px rgb(0 0 0/37%);
position:relative;
font-size:12px;
border-radius:100px
}
.fisend>.popover>a>ion-icon {
position:absolute;
top:7px;
right:9px;
font-size:19px
}
.price_slider {
display:block;
z-index:1;
position:relative;
margin:0 0 16px;
width:100%
}
.ui-slider {
height:6px;
position:relative;
text-align:left
}
.podslider {
height:6px;
position:relative;
margin:0;
padding:0 15px 0 0
}
.podslider:before {
content:'';
display:block;
height:6px;
width:100%;
position:absolute;
top:0;
background:#c4e0e9
}
.ui-widget-content {
width:100%
}
.ui-slider-horizontal .ui-slider-range {
top:0;
height:100%
}
.ui-slider .ui-slider-handle {
position:absolute;
z-index:15;
width:16px;
height:16px;
cursor:pointer;
background:#fff;
top:-5px;
transition:none;
box-shadow:0px 0px 0px 1px #40,0px 2px 3px rgba(0,0,0,.12);
border:0;
cursor:pointer
}
.ui-slider .ui-slider-handle:after {
content:'';
display:block;
width:6px;
height:6px;
background:#eaeaea;
position:absolute;
top:50%;
left:50%;
margin:-3px 0 0 -3px
}
.ui-slider .ui-slider-handle.ui-state-active,
.ui-slider .ui-slider-handle:hover {
box-shadow:0px 0px 0px 1px var(--brand3),0px 2px 3px rgba(0,0,0,.12)
}
.ui-slider .ui-slider-handle.ui-state-active:after,
.ui-slider .ui-slider-handle:hover:after {
background:var(--brand3)
}
.ui-slider .ui-state-left {
margin-left:-1px
}
.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
display:block;
border:0
}
.ui-widget-header {
overflow:hidden
}
.poyavilsa.ui-slider-range.ui-widget-header,
.ui-slider-range.ui-widget-header.ui-corner-all {
background:#fff
}
.ui-slider .ui-slider-range.ui-widget-header-bar {
z-index:10;
width:100% !important;
left:0 !important;
top:0 !important;
display:block !important
}
.ui-slider .ui-slider-range.ui-widget-header-left {
z-index:11;
width:0;
left:0 !important;
background:0 0;
display:block !important
}
.ui-slider .ui-slider-range.ui-widget-header-right {
z-index:11;
width:0;
right:0 !important;
background:0 0;
display:block !important
}
.ui-widget-header-hidden {
display:none!important
}
#slider_price>.ui-slider-range:last-child {
background:linear-gradient(90deg,var(--brand),var(--brand2))
}
.if_price {
display:flex;
position:relative;
margin:0 10px 10px 0;
flex-wrap:wrap
}
.if_price>div:last-child {
margin:0
}
.ip_item,
.labels {
display:flex;
position:relative;
float:left;
margin:0 10px 0 0;
flex-wrap:wrap
}
.sandpole {
display:block;
position:relative;
display:flex;
flex-wrap:wrap;
position:relative;
justify-content:space-between
}
.pmm_pole {
height:40px;
position:relative;
width:calc(50% - 5px);
background:var(--bluebg);
border:1px solid var(--border-input);
display:flex;
justify-content:space-between
}
.popovernew.clr {
display:flex;
width:100%;
background:var(--bluebg);
margin:-10px 0 20px;
z-index:100;
padding:0;
align-items:center;
justify-content:space-between;
box-shadow:inset 0px 0px 0px 1px var(--border-input)
}
.popovernew.clr .total_view {
display:FLEX;
width:100%;
height:100%;
align-items:center;
justify-content:center;
font-weight:500
}
.pmm_pole>span {
height:100%;
align-items:center;
justify-content:center;
display:flex;
padding:2px 0 0 10px;
font-size:14px;
color:#999
}
.pmm_pole>input {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:0 0;
border:0;
padding:1px 33px 0;
font-size:14px
}
.pmm_pole>span:last-child {
float:right;
padding:0 10px 0 0
}
.pmm_pole>input::-webkit-input-placeholder {
color:var(--black2);
opacity:1
}
.pmm_pole>input::-moz-placeholder {
color:var(--black2);
opacity:1
}
.pmm_pole>input:-moz-placeholder {
color:var(--black2);
opacity:1
}
.pmm_pole>input:-ms-input-placeholder {
color:var(--black2);
opacity:1
}
.labels>label {
display:block;
margin:0 10px 0 0;
position:relative
}
.labels>label:last-child {
margin:0
}
.labels>label>input {
display:none
}
.labels>label>input+span {
display:block;
position:relative;
height:34px;
border-radius:var(--border-radius);
padding:0 12px 0 30px;
cursor:pointer;
transition:all .15s;
border:1px solid #dcdcdc;
box-shadow:0px 1px 2px rgb(0 0 0/10%);
display:flex;
align-items:center;
font-size:12px
}
.labels>label>input+span:before {
content:'';
display:block;
width:14px;
height:14px;
background:#fff;
position:absolute;
top:10px;
left:10px;
border-radius:var(--border-radius);
box-shadow:inset 0px 0px 0px 1px #a5a5a5
}
.labels>label>input:checked+span:after {
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
top:12px;
left:12px;
border-radius:var(--border-radius);
background:var(--brand)
}
@media (hover) {
.labels>label>input+span:hover {
border-color:var(--black2);
color:var(--black2)
}
}
.labels>label>input:checked+span {
border-color:var(--black2);
color:var(--black2)
}
.labels>label>input:checked+span {
border-color:var(--brand)
}
a.filterClose {
margin:10px 0 0;
background:#000;
height:32px;
font-size:12px;
box-shadow:0px 5px 15px rgb(0 0 0/25%);
height:40px;
font-size:14px
}
a.filterClose:hover {
box-shadow:0px 5px 15px rgb(0 0 0/25%)
}
.labels>label.fill.disabled {
filter:opacity(.7)
}
.labels>label.fill.disabled span {
text-decoration:line-through
}
form.ufilter.vertical {
display:block;
position:relative
}
.vertical .ifilter {
flex-direction:column;
width:100%
}
.vertical .ifilter .if_price {
margin:14px 0 15px;
width:100%
}
.vertical .ifilter .ip_item,
.vertical .ifilter .labels {
float:initial;
width:100%;
margin:0 0 10px
}
.vertical .ifilter .labels {
margin:0
}
.vertical .ifilter .labels>label {
margin:0 0 5px;
float:initial;
display:block;
width:100%
}
.vertical .ifilter .labels>label:last-child {
margin:0
}
.vertical .ifilter .labels>label>input+span {
background:#fff;
box-shadow:none
}
.vertical .sandpole {
width:100%
}
.vertical .if_item,
.vertical .if_item_price {
float:initial;
width:100%;
margin:0
}
.vertical .if_item:last-child {
margin:0
}
.vertical .smdrop {
width:100%
}
.vertical .smdrop>ul.cle {
position:relative;
top:initial;
left:initial;
min-width:initial;
width:100%;
margin:0;
border-radius:0 0 6px 6px;
max-height:237px;
overflow-y:overlay;
overflow-x:hidden;
box-shadow:0px 0px 0px 1px #e2e2e2,0px 1px 25px rgb(0 0 0/10%);
background:0 0;
box-shadow:none;
border:0;
margin:0 0 20px
}
.vertical .smdrop>ul.cle::-webkit-scrollbar {
width:4px;
height:4px;
background:0 0
}
.vertical .smdrop>ul.cle::-webkit-scrollbar-thumb {
background:rgb(0 0 0/35%);
border-radius:0
}
.vertical .smdrop>ul.cle::-webkit-scrollbar-track-piece {
background:0 0
}
.if_name {
position:relative;
z-index:1;
border-color:transparent;
background:0 0;
border:0;
border-radius:0;
font-size:14px;
color:#000;
font-weight:500;
box-shadow:none;
padding:0;
display:flex
}
.rightActions {
display:block;
position:relative;
margin:0 0 30px
}
.rightActions>.item {
display:block;
position:relative;
margin:0 0 15px
}
.rightActions>.item:last-child {
margin:0
}
.rightActions>.item>img {
border-radius:var(--border-radius)
}
.rightActions>.item>a {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.prodPage .prodLeft {
width:400px;
flex-wrap:wrap;
padding:0;
flex-direction:column
}
.prodPage .prodLeft .mobileflex {
display:flex;
flex-direction:column;
flex-wrap:wrap;
width:100%
}
.prodPage .prodRight {
width:calc(100% - 400px);
padding:0 0 0 30px
}
.prodPage {
display:flex;
position:relative;
flex-wrap:wrap;
width:100%;
align-items:flex-start;
justify-content:flex-start;
margin:0 0 30px
}
.prodPage>.pcHead {
display:flex;
width:100%;
margin:0 0 25px;
align-items:center;
flex-wrap:wrap
}
.prodPage>.pcHead>h1 {
font-size:24px;
text-transform:uppercase;
margin:0 15px 5px 0
}
.prodPage>.pcHead>.sku {
width:100%;
font-size:14px;
color:var(--gray3)
}
.prodPage>.pcHead>.rate {
display:block;
margin:0 0 5px;
width:24px;
height:24px
}
.ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item>a {
transition:all .15s;
opacity:.3
}
@media (hover) {
.ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item>a:hover {
opacity:1
}
}
.prodRight section.productInfos {
margin:40px 0 0;
width:100%
}
.pcContent .ppInfo {
display:flex;
flex-direction:column;
position:relative;
margin:40px 0 0
}
.pcContent .ppInfo>.ppInfoLinks {
display:flex;
margin:0 0 20px
}
.pcContent .ppInfo>.ppInfoLinks>a {
display:flex;
align-items:CENTER;
color:#333;
font-size:16px;
transition:All .1s;
flex-wrap:wrap;
border:1px solid #ebebeb;
padding:15px;
border-radius:var(--border-radius);
line-height:24px
}
.pcContent .ppInfo>.ppInfoLinks>a>ion-icon {
margin:0 10px 0 0;
font-size:32px;
color:var(--brand)
}
.pcContent .ppInfo>.ppInfoLinks>a>span {
display:block;
width:calc(100% - 50px);
padding:0 0 0 15px;
font-size:14px;
line-height:initial
}
.pcContent .ppInfo>.ppInfoLinks>a>img {
width:50px
}
.pcContent .ppInfo>.ppInfoLinks>a>b {
display:block;
width:100%;
margin:0 0 10px;
font-size:14px;
font-weight:500;
color:#222
}
.pcContent .ppInfo>.ppInfoLinks>a:first-child {
margin:0 20px 0 0
}
.pcContent .ppInfo>.ppInfoLinks>a:hover {
color:var(--brand)
}
.pcContent .ppInfo>.ppInfoBlocks {
display:flex;
justify-content:space-between;
position:relative;
flex-wrap:wrap
}
.pcContent .ppInfo>.ppInfoBlocks>.pibItem {
display:flex;
position:relative;
align-items:flex-start;
justify-content:flex-start;
width:calc(50% - 5px);
background:#d3d3d3;
border-radius:var(--border-radius);
overflow:hidden;
flex-direction:column;
padding:12px 12px 12px 70px;
color:#444;
box-shadow:0px 5px 15px hsl(0deg 0% 0%/6%)
}
.pcContent .ppInfo>.ppInfoBlocks>.pibItem>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%
}
.pcContent .ppInfo>.ppInfoBlocks>.pibItem>b {
display:block;
position:relative;
z-index:1;
font-size:15px;
font-weight:500;
color:#000;
margin:0 0 10px
}
.pcContent .ppInfo>.ppInfoBlocks>.pibItem>p {
display:block;
position:relative;
z-index:1;
font-size:13px
}
section#relatedProducts {
margin:50px 0 0;
position:relative
}
.tabs_content {
display:block;
position:relative
}
.tabs_content>div {
display:none;
position:relative;
font-size:14px;
color:var(--gray3)
}
ul.features {
display:flex;
flex-direction:column
}
ul.features>li {
display:flex;
margin:0 -5px 15px;
justify-content:space-between;
position:relative;
align-items:flex-end
}
.productInfos ul.features>li>label,
.productInfos ul.features>li>span {
margin:0 5px 0 0;
padding:2px 5px;
background:var(--bluebg);
z-index:1;
position:relative;
color:var(--black)
}
section.productInfos ul.features {
flex-wrap:wrap;
flex-direction:row;
justify-content:space-between
}
section.productInfos ul.features>li {
width:calc(50% - 20px);
margin:0 -5px 15px
}
section.productInfos ul.features>li>span {
display:block;
text-align:right
}
.comlist {
display:flex;
flex-direction:column;
position:relative
}
.comlist>.alllink {
display:block;
margin:0 0 30px;
position:relative
}
#reviewStars-input input:checked~label,
#reviewStars-input label {
background:url(../images/stars.png) no-repeat
}
#reviewStars-input {
overflow:hidden;
position:relative;
float:left
}
#reviewStars-input input {
opacity:0;
width:21px;
height:20px;
position:absolute;
top:0;
z-index:0
}
#reviewStars-input input:checked~label {
background-position:0 -20px;
height:20px;
width:21px
}
#reviewStars-input label {
background-position:0 0;
height:20px;
width:21px;
float:right;
cursor:pointer;
margin-right:5px;
position:relative;
z-index:1
}
#reviewStars-input #star-0 {
left:0
}
#reviewStars-input #star-1 {
left:26px
}
#reviewStars-input #star-2 {
left:52px
}
#reviewStars-input #star-3 {
left:78px
}
#reviewStars-input #star-4 {
left:104px
}
#reviewStars-input #star-5 {
left:130px
}
.form>.item.addStar {
flex-direction:row;
width:100%;
align-items:center
}
.form>.item.addStar>label {
font-weight:400;
font-size:13px;
margin:0 10px 0 0
}
.comtop {
display:block;
position:absolute;
top:-50px;
left:0;
width:100%
}
ul.commentsList {
display:flex;
flex-direction:column;
position:relative
}
ul.commentsList>li {
display:flex;
flex-direction:column;
position:relative;
margin:0 0 20px;
background:#fff;
border-radius:var(--border-radius);
padding:15px;
border:1px solid var(--border-input)
}
ul.commentsList>li:last-child {
margin:0
}
ul.commentsList>li>.commentHeader {
display:flex;
justify-content:space-between;
margin:0 0 10px;
color:var(--black2);
align-items:center
}
ul.commentsList>li>.commentHeader b {
font-weight:500
}
.rating {
display:inline-block;
width:86px;
height:15px;
background:url(../images/rating.png) no-repeat;
position:relative
}
.rating>.rat {
display:block;
position:absolute;
top:0;
left:0;
background:url(../images/rating.png) 0 -16px no-repeat;
height:15px
}
ul.commentsList>li>.commentContent {
display:block;
position:relative;
font-size:14px;
color:var(--gray3)
}
ul.commentsList>li>.commentContent>.readmins {
margin:10px 0 0;
background:var(--gray2);
color:var(--black);
padding:15px;
border-radius:0 10px 10px;
font-size:13px
}
ul.commentsList>li>.commentContent>.readmins b {
font-weight:500;
font-size:14px;
margin:0 5px 0 0
}
ul.tabs {
display:flex;
flex-wrap:wrap;
position:relative;
margin:0 -5px 10px
}
ul.tabs>li {
display:flex;
margin:0 5px 10px
}
ul.tabs>li>a {
display:FLEX;
font-size:16px;
padding:12px 20px;
border:1px solid var(--border-input);
font-weight:500;
box-shadow:0px 7px 20px -5px rgb(12 91 128/15%);
position:relative
}
ul.tabs>li.active>a {
border-color:transparent;
background:var(--gradient);
box-shadow:0 10px 22px -5px rgb(54 120 244/30%),inset 0px -2px 0px rgb(0 0 0/5%);
border-color:transparent;
color:#fff;
text-shadow:0px 2px 5px rgb(0 0 0/25%)
}
ul.tabs>li.active>a:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/pattern.webp) repeat;
transition:all .1s;
filter:opacity(.1);
background-color:transparent
}
.fetables {
display:flex;
flex-wrap:WRAP;
justify-content:space-between;
position:relative;
align-items:flex-start;
overflow-x: auto;
}
.fetables>ul.navFeatures {
width:calc(50% - 10px)
}
ul.navFeatures {
display:flex;
flex-direction:column;
position:relative;
border:1px solid #f0eeec
}
ul.navFeatures>li {
display:flex;
position:relative;
flex-wrap:wrap;
border-bottom:1px solid #f0eeec
}
ul.navFeatures>li:last-child {
border:0
}
ul.navFeatures>li>label,
ul.navFeatures>li>span {
display:flex;
flex:1;
padding:12px 15px;
font-size:14px;
color:#555
}
ul.navFeatures>li>label {
border-right:1px solid #f0eeec
}
ul.navFeatures>li:nth-child(2n -1) {
background:#f7f7f7
}
.pmaterials {
display:flex;
width:100%;
position:relative;
margin:0 -6px
}
.pmaterials>a {
display:flex;
padding:15px 30px;
margin:0 6px 12px;
border:1px solid;
border-radius:var(--border-radius);
font-size:16px;
font-weight:500;
flex-direction:column;
background:#fff
}
.pmaterials>a>b {
font-weight:500
}
.pmaterials>a>div {
display:flex;
align-items:center;
justify-content:center;
font-size:12px;
font-weight:400
}
.pmaterials>a>div>svg {
height:auto;
width:14px;
margin:0 5px -2px 0
}
.brandProductInfo {
display:block;
position:relative;
background:#f0f0f0;
border-radius:var(--border-radius);
padding:15px;
display:FLEX;
flex-direction:COLUMN;
text-align:initial;
margin:0 0 20px
}
.brandProductInfo>.bpiImage {
background:#fff;
padding:10px;
border-radius:var(--border-radius);
text-align:CENTER;
margin:0 0 20px
}
.bpiDescr {
font-size:15px;
line-height:22px;
color:#555;
text-shadow:0px 1px 0px #fff
}
.bpiDescr ul {
padding:0 0 24px 48px
}
.videoProductSlider {
margin:0 -5px;
width:100%;
display:block
}
a.videoItem {
display:flex;
align-items:center;
justify-content:center;
margin:0 5px;
position:relative;
overflow:hidden;
border-radius:var(--border-radius)
}
a.videoItem:after {
display:BLOCK;
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
box-shadow:inset 0px 0px 0px 1px rgb(0 0 0/17%);
border-radius:var(--border-radius)
}
a.videoItem>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:3s linear;
transform:scale(1)
}
a.videoItem:hover>img {
transform:scale(1.2)
}
a.videoItem:before {
content:'';
display:block;
padding-top:54.5%
}
button.slick-prev.slick-svg.slick-arrow svg {
transform:scale(-1,1)
}
.contentsItems {
display:flex;
position:relative;
flex-wrap:wrap;
margin:0 -10px
}
.contentsItems>.contentItem {
display:flex;
flex-wrap:wrap;
position:relative;
width:calc(50% - 20px);
background:#fff;
border-radius:var(--border-radius);
box-shadow:0px 5px 25px rgb(0 0 0/10%);
padding:10px;
border:1px solid #ebebeb;
transition:all .15s;
margin:0 10px 20px
}
.contentsItems>.contentItem>.ciLeft {
display:block;
position:relative;
width:200px;
margin:0 20px 0 0
}
.contentsItems>.contentItem>.ciRight {
display:flex;
flex-direction:column;
position:relative;
width:100%
}
.contentsItems>.contentItem>.ciLeft+.ciRight {
width:calc(100% - 220px)
}
.contentsItems>.contentItem>.ciLeft>.image {
display:flex;
position:relative;
align-items:center;
justify-content:center;
overflow:hidden;
border-radius:5px
}
.contentsItems>.contentItem>.ciLeft>.image>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear
}
.contentsItems>.contentItem>.ciLeft>.image:before {
content:'';
display:BLOCK;
padding-top:75%
}
.contentsItems>.contentItem>.ciRight>h3 {
display:BLOCK;
margin:0 0 15px;
font-size:18px;
font-weight:500
}
.contentsItems>.contentItem>.ciRight>.contentAnnotation {
display:BLOCK;
margin:0 0 15px
}
.contentsItems>.contentItem>.ciRight>.viewsBlockInfo {
margin:0 0 15px
}
.contentsItems>.contentItem>.ciRight>a {
display:inline-flex;
align-items:center;
font-size:14px
}
.contentsItems>.contentItem>.ciRight>a>span {
display:block;
margin:0 5px 0 0
}
.cpImageBig {
display:block;
position:relative;
margin:0 0 30px;
border-radius:var(--border-radius);
overflow:hidden
}
.cpImageAfter {
display:flex;
position:absolute;
z-index:5;
top:0;
left:0;
width:100%;
height:100%;
background: linear-gradient(180deg, transparent 0%, rgb(53 53 53) 60%);
align-items:flex-end
}
.cpImageAfterContent {
display:flex;
flex-direction:column;
position:relative;
padding:30px
}
.cpImageAfterContent>h1 {
display:block;
font-size:30px;
font-weight:600;
color:#fff;
text-shadow:2px 2px 0px rgb(0 0 0/20%);
line-height:140%
}
.cpImageAfterContent .viewsBlockInfo>.item {
color:#fff;
font-weight:500;
font-size:16px
}
.cpImageAfterContent .viewsBlockInfo>.item>ion-icon {
color:#fff;
font-size:18px;
margin:-2px 5px 0 0
}
.contentGallery {
display:flex;
flex-wrap:wrap;
position:relative;
align-items:flex-start;
justify-content:flex-start;
margin:0 -5px 30px;
padding:15px 0 0
}
.contentGallery>a.contentGalleryItem {
display:flex;
align-items:center;
justify-content:space-between;
width:calc(20% - 10px);
margin:0 5px 10px;
border-radius:var(--border-radius);
overflow:hidden;
position:relative
}
.contentGallery>a.contentGalleryItem>img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
object-fit:cover;
width:0;
min-width:100%;
min-height:100%;
transition:all 1s linear
}
.contentGallery>a.contentGalleryItem:before {
content:'';
display:block;
padding-top:75%
}
section.contentSection {
display:block;
position:relative;
margin:50px 0 0
}
form.contentPageForm {
display:flex;
flex-wrap:wrap;
position:relative;
border-radius:var(--border-radius);
background: linear-gradient(180deg, #353535 0%, #9b2743 100%);
box-shadow:0 10px 22px -5px rgb(0 95 170/39%),inset 0px -2px 0px rgb(0 0 0/5%);
padding:30px;
color:#fff
}
form.contentPageForm>h2 {
display:block;
width:100%;
font-size:22px;
font-weight:500;
text-shadow:2px 2px 0px rgb(0 0 0/10%);
margin:0 0 20px
}
form.contentPageForm>.contentInputs {
display:flex;
position:relative;
flex-wrap:wrap;
width:100%
}
form.contentPageForm>.contentInputs>.itemInput {
width:calc(50% - 80px);
max-width:320px;
margin:0 20px 0 0
}
form.contentPageForm>.contentInputs>.itemInput:last-child {
width:120px;
margin:0
}
form.contentPageForm>.contentInputs>.itemInput>input {
width:100%;
height:46px;
border:0;
border-radius:var(--border-radius);
padding:0 15px;
font-size:16px;
font-weight:300;
box-shadow:0px 1px 5px rgb(0 0 0/10%)
}
form.contentPageForm>.contentInputs>.itemInput>button {
width:100%;
height:46px;
cursor:pointer;
border-radius:var(--border-radius);
border:0;
cursor:pointer;
background:#fff;
font-weight:500;
font-size:16px
}
.podRazdelsTop>ul {
display:flex;
position:relative;
flex-wrap:wrap;
margin:0 -5px 20px
}
.podRazdelsTop {
display:BLOCK;
position:relative
}
.podRazdelsTop>ul>li {
display:block;
margin:0 5px 10px;
position:relative
}
.podRazdelsTop>ul>li>a {
display:FLEX;
align-items:center
}
.podRazdelsTop.hiddenPk {
display:none
}
.panelsClose {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgb(255 255 255/39%);
z-index:9998;
backdrop-filter:blur(4px)
}
.panelsClose svg {
width:32px;
height:initial;
position:absolute;
top:15px;
left:335px;
display:none;
cursor:pointer
}
.panelsClose.two svg {
left:initial;
right:335px
}
.leftPanel,
.rightPanel {
display:none;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
background:#fff;
z-index:9999;
box-shadow:0px 0px 50px #000;
transform:translate(-120%,0);
transition:all .3s
}
.rightPanel {
left:initial;
right:0;
transform:translate(400px,0)
}
.leftPanel.active,
.rightPanel.active {
transform:translate(0,0)
}
.maxPanel {
display:block;
position:relative;
max-height:100%;
overflow-x:hidden;
overflow-y:overlay;
min-height:100%;
display:flex;
flex-direction:column
}
.showblock>.acTitle {
display:flex;
width:100%;
background:var(--bluebg);
align-items:center;
justify-content:space-between;
padding:0 15px;
height:60px
}
.showblock>.acTitle>div>span {
color:var(--brand);
font-weight:500;
font-size:15px
}
.showblock>.acTitle>div>a {
display:none;
align-items:center;
font-weight:500;
font-size:15px
}
.showblock>.acTitle>div>a>ion-icon {
font-size:20px;
margin:0 5px 0 0
}
a.acClose {
width:30px
}
a.acClose svg {
width:100%;
height:auto
}
ul.mcat {
display:flex;
flex-direction:column;
position:relative;
margin:-10px 0
}
ul.mcat>li {
display:block
}
ul.mcat>li>a {
display:block;
font-size:16px;
color:#333;
font-weight:600;
padding:10px 0
}
ul.mcat>li.active>a {
color:var(--brand1)
}
@media(hover) {
ul.mcat>li:hover>a {
color:var(--brand1)
}
}
.showblock {
display:none;
flex-direction:column;
flex-wrap:wrap
}
.appendCatalog nav.openCatalogBlock,
.appendBrands nav.openCatalogBlock {
position:relative;
top:initial;
left:initial;
min-width:initial;
background:0 0;
box-shadow:initial;
border-radius:initial;
display:block
}
.appendCatalog nav.openCatalogBlock>ul,
.appendBrands nav.openCatalogBlock>ul {
padding:0;
overflow:visible;
max-height:initial
}
.mobilePanel {
display:none
}
.mpRight {
display:flex;
align-items:center
}
.acContent {
display:flex;
flex-direction:COLUMN;
position:relative;
flex-grow:1;
min-height:calc(100vh - 120px)
}
.acFooter {
display:flex;
justify-content:space-between;
position:relative;
padding:0 15px;
height:60px;
background:var(--bluebg);
align-items:center
}
.acFooter>.phones {
display:FLEX;
flex-wrap:wrap;
position:relative
}
.acFooter>.phones>a {
margin:0 20px 0 0;
font-size:18px
}
.acFooter>a.btn.openModal {
font-size:13px;
font-weight:400;
height:34px;
padding:0 10px
}
.acFooter>.socials {
display:FLEX;
flex-wrap:wrap;
position:relative;
align-items:center
}
.acFooter>.socials>a {
display:BLOCK;
font-size:18px;
margin:0 0 0 10px
}
nav.lcat {
display:block;
position:relative
}
nav.lcat>ul.noli {
display:flex;
position:relative;
flex-direction:column
}
nav.lcat>ul.noli>li {
display:BLOCK;
position:relative;
border-bottom:1px solid #e5e5e5
}
nav.lcat>ul.noli>li:last-child {
border:0
}
nav.lcat>ul.noli>li>a {
display:flex;
align-items:center;
padding:10px 15px;
min-height:60px;
font-size:14px;
color:#333;
position:relative;
flex-wrap:wrap
}
nav.lcat>ul.noli>li>a>ion-icon {
font-size:22px;
position:absolute;
right:15px
}
nav.lcat>ul.noli>li>a img {
width:32px;
margin:0 10px 0 0
}
nav.lcat>ul.noli>li>a span {
display:block;
position:relative;
width:100%
}
nav.lcat>ul.noli>li>a img+span {
width:calc(100% - 42px)
}
nav.subparent.lcat {
display:none
}
nav.subparent .catname {
margin:0;
padding:15px;
border-bottom:1px solid #e5e5e5
}
nav.subparent .catname>h3 {
font-size:16px
}
nav.subparent .catname>a {
margin:3px 0 0;
white-space:nowrap
}
.acContent.acFilters {
padding:15px;
min-height:calc(100vh - 180px);
margin:0 0 60px
}
.appendFilters .fisend {
position:fixed;
bottom:0;
left:0;
z-index:10;
background:#fff;
width:100%;
height:50px;
padding:0 15px
}
.acContent.acFilters+.acFooter {
display:none
}
#compare_wrap {
max-width:100%;
max-height:600px;
overflow:auto
}
#compare {
background:#fff;
width:100%
}
#compare h3 {
display:block;
font-size:14px;
margin:0 0 20px;
font-weight:600;
color:#222
}
#compare td>a:not(.getchref) {
font-size:14px;
font-weight:500;
margin:0 5px 0 0;
border-bottom:1px dotted
}
#compare td>a img {
border-radius:var(--border-radius);
margin:0 0 10px
}
#compare th,
#compare td {
border:1px solid #dedede;
padding:10px;
width:200px;
min-width:200px
}
#compare tr.odd td {
background:#fafafa
}
#mobileCentroPanel {
display:none
}
.slick-slider {
position:relative;
display:block;
box-sizing:border-box;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-touch-callout:none;
-khtml-user-select:none;
-ms-touch-action:pan-y;
-webkit-tap-highlight-color:transparent
}
.slick-list {
position:relative;
display:block;
overflow:hidden;
margin:0;
padding:0
}
.slick-list:focus {
outline:none
}
.slick-list.dragging {
cursor:pointer
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.slick-track {
position:relative;
top:0;
left:0;
display:block
}
.slick-track:before,
.slick-track:after {
display:table;
content:''
}
.slick-track:after {
clear:both
}
.slick-loading .slick-track {
visibility:hidden
}
.slick-slide {
display:block;
float:left;
height:100%;
min-height:1px
}
[dir=rtl] .slick-slide {
float:right
}
.slick-slide img {
display:block
}
.slick-slide.slick-loading img {
display:none
}
.slick-initialized .slick-slide {
display:block
}
.slick-loading .slick-slide {
visibility:hidden
}
.slick-vertical .slick-slide {
display:block;
height:auto;
border:1px solid transparent
}
.slick-arrow.slick-hidden {
display:block
}
.slick-arrow:not(.scustom).slick-arrow {
width:40px;
height:40px;
position:absolute;
bottom:10px;
z-index:10;
border:0;
cursor:pointer;
background:#fff;
line-height:45px;
color:#333;
display:flex;
align-items:center;
justify-content:CENTER;
font-size:20px;
box-shadow:0px 3px 15px rgb(0 0 0/16%)
}
.slick-arrow:not(.scustom).slick-next.slick-arrow {
right:10px
}
.slick-arrow:not(.scustom).slick-prev.slick-arrow {
right:60px
}
.slick-arrow:not(.scustom).slick-arrow.smini {
width:30px;
height:30px;
top:calc(50% - 15px);
line-height:30px;
font-size:18px;
border-radius:var(--border-radius)
}
.slick-arrow:not(.scustom).slick-arrow.smini.slick-prev {
left:-15px
}
.slick-arrow:not(.scustom).slick-arrow.smini.slick-next {
right:-15px
}
.slick-dots:not(.scustom) {
display:flex;
position:relative;
margin:0;
z-index:1;
align-items:center;
justify-content:center;
flex-wrap:wrap;
position:absolute;
left:0;
width:100%;
top:calc(100% + 30px);
padding:0
}
.slick-dots:not(.scustom)>li {
display:flex;
list-style:none;
margin:0;
padding:0;
align-items:center;
justify-content:center
}
.slick-dots:not(.scustom)>li>button {
display:flex;
text-indent:-9999px;
width:8px;
height:8px;
margin:0 2px;
border-radius:0;
cursor:pointer;
background:#e5e5e5;
border:0;
padding:0;
position:relative;
transition:all .3s
}
.slick-dots:not(.scustom)>li.slick-active>button {
background:var(--brand3);
width:16px
}
.slick-dots:not(.scustom)>li>button:before {
display:block;
width:28px;
height:18px;
position:absolute;
top:calc(50% - 9px);
left:calc(50% - 14px);
border:1px solid var(--brand3);
border-radius:var(--border-radius);
transition:all .15s;
filter:opacity(0)
}
.slick-dots:not(.scustom)>li.slick-active>button:before {
filter:opacity(1)
}
@font-face {
font-family:'swiper-icons';
src:url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight:400;
font-style:normal
}
.swiper,
swiper-container {
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden;
list-style:none;
padding:0;
z-index:1;
display:block
}
.swiper-vertical>.swiper-wrapper {
flex-direction:column
}
.swiper-wrapper {
position:relative;
width:100%;
height:100%;
z-index:1;
display:flex;
transition-property:transform;
transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
box-sizing:content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform:translate3d(0px,0,0)
}
.swiper-horizontal {
touch-action:pan-y
}
.swiper-vertical {
touch-action:pan-x
}
.swiper-slide,
swiper-slide {
flex-shrink:0;
width:100%;
height:100%;
position:relative;
transition-property:transform;
display:block
}
.swiper-slide-invisible-blank {
visibility:hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height:auto
}
.swiper-autoheight .swiper-wrapper {
align-items:flex-start;
transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide {
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective:1200px
}
.swiper-3d .swiper-wrapper {
transform-style:preserve-3d
}
.swiper-3d {
perspective:1200px
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
pointer-events:none;
z-index:10
}
.swiper-3d .swiper-slide-shadow {
background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper {
overflow:auto;
scrollbar-width:none;
-ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper:before {
content:'';
flex-shrink:0;
order:9999
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align:center center;
scroll-snap-stop:always
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
height:100%;
min-height:1px;
width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper:before {
width:100%;
min-width:1px;
height:var(--swiper-centered-offset-after)
}
.swiper-lazy-preloader {
width:42px;
height:42px;
position:absolute;
left:50%;
top:50%;
margin-left:-21px;
margin-top:-21px;
z-index:10;
transform-origin:50%;
box-sizing:border-box;
border:4px solid var(--swiper-preloader-color,var(--brand));
border-radius:50%;
border-top-color:transparent
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility:hidden;
transform:translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
content:'';
position:absolute;
left:0;
top:0;
pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
height:1px;
width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
width:1px;
height:var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size:44px
}
.swiper-button-prev,
.swiper-button-next {
position:absolute;
top:var(--swiper-navigation-top-offset,50%);
width:calc(var(--swiper-navigation-size)/44*27);
height:var(--swiper-navigation-size);
margin-top:calc(0px - (var(--swiper-navigation-size)/2));
z-index:10;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
color:var(--swiper-navigation-color,var(--brand))
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity:.35;
cursor:auto;
pointer-events:none
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity:0;
cursor:auto;
pointer-events:none
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display:none !important
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-size:var(--swiper-navigation-size);
text-transform:none !important;
letter-spacing:0;
font-variant:initial;
line-height:1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left:var(--swiper-navigation-sides-offset,10px);
right:auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content:'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right:var(--swiper-navigation-sides-offset,10px);
left:auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content:'next'
}
.swiper-button-lock {
display:none
}
.swiper-pagination {
position:absolute;
text-align:center;
transition:.3s opacity;
transform:translate3d(0,0,0);
z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
opacity:0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display:none !important
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom:var(--swiper-pagination-bottom,8px);
top:var(--swiper-pagination-top,auto);
left:0;
width:100%
}
.swiper-pagination-bullets-dynamic {
overflow:hidden;
font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform:scale(.33);
position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform:scale(.33)
}
.swiper-pagination-bullet {
width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
display:inline-block;
border-radius:var(--swiper-pagination-bullet-border-radius,50%);
background:var(--swiper-pagination-bullet-inactive-color,#000);
opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)
}
button.swiper-pagination-bullet {
border:none;
margin:0;
padding:0;
box-shadow:none;
-webkit-appearance:none;
appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor:pointer
}
.swiper-pagination-bullet:only-child {
display:none !important
}
.swiper-pagination-bullet-active {
opacity:var(--swiper-pagination-bullet-opacity,1);
background:var(--swiper-pagination-color,var(--brand))
}
.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right:var(--swiper-pagination-right,8px);
left:var(--swiper-pagination-left,auto);
top:50%;
transform:translate3d(0px,-50%,0)
}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
display:block
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top:50%;
transform:translateY(-50%);
width:8px
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display:inline-block;
transition:.2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left:50%;
transform:translateX(-50%);
white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition:.2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition:.2s transform,.2s right
}
.swiper-pagination-fraction {
color:var(--swiper-pagination-fraction-color,inherit)
}
.swiper-pagination-progressbar {
background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background:var(--swiper-pagination-color,var(--brand));
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
transform:scale(0);
transform-origin:left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width:100%;
height:var(--swiper-pagination-progressbar-size,4px);
left:0;
top:0
}
.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width:var(--swiper-pagination-progressbar-size,4px);
height:100%;
left:0;
top:0
}
.swiper-pagination-lock {
display:none
}
.swiper-scrollbar {
border-radius:var(--swiper-scrollbar-border-radius,10px);
position:relative;
-ms-touch-action:none;
background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display:none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position:absolute;
left:var(--swiper-scrollbar-sides-offset,1%);
bottom:var(--swiper-scrollbar-bottom,4px);
top:var(--swiper-scrollbar-top,auto);
z-index:50;
height:var(--swiper-scrollbar-size,4px);
width:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))
}
.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position:absolute;
left:var(--swiper-scrollbar-left,auto);
right:var(--swiper-scrollbar-right,4px);
top:var(--swiper-scrollbar-sides-offset,1%);
z-index:50;
width:var(--swiper-scrollbar-size,4px);
height:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))
}
.swiper-scrollbar-drag {
height:100%;
width:100%;
position:relative;
background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
border-radius:var(--swiper-scrollbar-border-radius,10px);
left:0;
top:0
}
.swiper-scrollbar-cursor-drag {
cursor:move
}
.swiper-scrollbar-lock {
display:none
}
.swiper-zoom-container {
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
text-align:center
}
.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
max-width:100%;
max-height:100%;
object-fit:contain
}
.swiper-slide-zoomed {
cursor:move;
touch-action:none
}
.swiper .swiper-notification,
swiper-container .swiper-notification {
position:absolute;
left:0;
top:0;
pointer-events:none;
opacity:0;
z-index:-1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function:ease-out;
margin:0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap:wrap;
flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function:ease-out
}
.swiper-fade .swiper-slide {
pointer-events:none;
transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events:none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events:auto
}
.swiper-cube {
overflow:visible
}
.swiper-cube .swiper-slide {
pointer-events:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1;
visibility:hidden;
transform-origin:0 0;
width:100%;
height:100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events:none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin:100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events:auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next+.swiper-slide {
pointer-events:auto;
visibility:visible
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.swiper-cube .swiper-cube-shadow {
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
opacity:.6;
z-index:0
}
.swiper-cube .swiper-cube-shadow:before {
content:'';
background:#000;
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
filter:blur(50px)
}
.swiper-flip {
overflow:visible
}
.swiper-flip .swiper-slide {
pointer-events:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events:none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events:auto
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
transition-property:transform,opacity,height
}
.swiper-cards {
overflow:visible
}
.swiper-cards .swiper-slide {
transform-origin:center bottom;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden
}
/* DOP HEADER */
::-webkit-scrollbar-thumb {
background: #9b2743;
border-radius: var(--border-radius);
}
nav {
display:block;
}
a {
background-color:transparent;
}
a:active,
a:hover {
outline:0;
}
img {
border:0;
}
svg:not(:root) {
overflow:hidden;
}
button {
color:inherit;
font:inherit;
margin:0;
}
button {
overflow:visible;
}
button {
text-transform:none;
}
button {
-webkit-appearance:button;
cursor:pointer;
}
@media print {
*,
*:before,
*:after {
background:transparent!important;
color:#000!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
text-shadow:none!important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
img {
page-break-inside:avoid;
}
img {
max-width:100%!important;
}
}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
*:before,
*:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
button {
font-family:inherit;
font-size:inherit;
line-height:inherit;
}
a {
color:#428bca;
text-decoration:none;
}
a:hover,
a:focus {
color:#2a6496;
text-decoration:underline;
}
a:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
img {
vertical-align:middle;
}
ul {
margin-top:0;
margin-bottom:11px;
}
.container {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px;
}
@media (min-width:768px) {
.container {
width:750px;
}
}
@media (min-width:992px) {
.container {
width:970px;
}
}
@media (min-width:1200px) {
.container {
width:1170px;
}
}
.container-fluid {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px;
}
.nav {
margin-bottom:0;
padding-left:0;
list-style:none;
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.nav:before,
.nav:after {
content:" ";
display:table;
}
.container:after,
.container-fluid:after,
.nav:after {
clear:both;
}
/*! CSS Used from: https://art-prom-stroy.ru/css/style.css */
.header a {
text-decoration:none;
}
.header-menu {
padding:0 20px;
background-color:#EEEEEE;
height:50px;
display:flex;
justify-content:space-between;
}
.navbar-ul {
display:block;
list-style:none;
height:100%;
padding:0;
margin:0;
text-align:center;
align-items:center;
justify-content:space-around;
}
.navbar-ul li {
padding:5px;
margin-left:10px;
}
.navbar-ul li:hover {
color:white;
transform:scale(1.1);
transition:0.3s;
}
#hamburger-icon {
margin:auto 0;
display:none;
cursor:pointer;
}
#hamburger-icon div {
width:35px;
height:3px;
background-color:black;
margin:6px 0;
transition:0.4s;
}
.mobile-menu {
margin-top:15px;
margin-bottom: 10px;
list-style-type:none;
display:none;
position:absolute;
top:50px;
left:0;
height:calc(110vh - 50px);
width:100%;
}
.mobile-menu a {
text-decoration:none;
padding:5px;
color:#8D8D8D;
margin:12px 0;
padding:7px 20px;
width:100%;
height:26px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:13px;
font-weight:500;
}
.mobile-menu a:hover {
background-color:#9B2743;
color:white;
}
.mobile-menu li {
margin-bottom:10px;
text-decoration:none;
}
nav {
position:relative;
overflow:hidden;
width: 100%;
}
.pc-menu {
list-style:none;
list-style-type:none;
text-align:center;
display:flex;
justify-content:center;
margin:0;
padding:0;
width: 100%;
}
.pc-menu li {
display:inline-block;
}
.pc-menu li.wishlistInformer a,
.pc-menu li.compareInformer a {
display:flex;
align-items: center;
font-size: 1.3rem;
justify-content: center;
}
.pc-menu .wishlistInformer {
margin-left: auto;
}
.pc-menu .compareInformer,
.pc-menu .cartBlock {
margin: 0;
padding-left: 0;
}
.pc-menu .cartBlock a {
height: 100%;
}
.pc-menu .cartBlock a span {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
}
.pc-menu .cartBlock .cartInformer {
border-left: #fff 1px solid;
}
nav a {
display:block;
text-decoration:none;
background-color:#EEEEEE;
padding:5px;
color:#8D8D8D;
margin:12px 0;
padding:7px 20px;
width:100%;
height:26px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:13px;
font-weight:500;
}
nav a:hover {
background-color:#9B2743;
color:white!important;
}
nav a:hover svg {
fill: white;
}
nav li {
display:inline-block;
text-align:-webkit-match-parent;
}
svg {
width:16;
height:16;
fill:currentcolor;
}
@media only screen and (max-width: 767px) {
.main-nav {
display:none;
}
#hamburger-icon {
display:block;
}
}
.mx-auto {
margin-left:auto!important;
margin-right:auto!important;
}
svg {
overflow:hidden;
vertical-align:middle;
color:#8d8d8d;
margin:-2px 5px 5px 5px;
}
.navMainBlock a {
font-size:16px;
color:#000;
}
.navMainBlock {
background-color:#eee;
}
.navMainBlock .mainButton {
display:flex;
width:100%;
height:26px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:13px;
font-weight:500;
color:#353535;
margin:12px 0;
padding:7px 20px;
border-left:#fff 1px solid;
}
@media (min-width: 768px) and (max-width: 1000px) {
.navMainBlock .mainButton {
padding:15px 8px;
}
}
.container-fluid {
width:100%;
padding-right:0;
padding-left:0;
margin-right:auto;
margin-left:auto;
}
a {
text-decoration:none!important;
}
.header-fon11 {
padding:0px 0px;
background-color:#eee;
}
/*! CSS Used from: https://art-prom-stroy.ru/css/centro.css?ver=1685019422 */
@media (max-width: 767px) {
.header-fon11 {
background:#282828;
}
.navMainBlock {
background:#282828;
}
.header-menu {
background:#282828;
}
button.navbar-toggler.menu-icon {
background:transparent;
}
#hamburger-icon div {
background:#fff;
}
}
.header {
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
/* DOP HEADER 2 */
/*! CSS Used from: https://art-prom-stroy.ru/css/bootstrap.min.css */
a {
background-color:transparent;
}
a:active,
a:hover {
outline:0;
}
img {
border:0;
}
svg:not(:root) {
overflow:hidden;
}
button,
input {
color:#8e2841;
font:inherit;
margin:0;
}
button {
overflow:visible;
}
button {
text-transform:none;
}
button {
-webkit-appearance:button;
cursor:pointer;
}
input {
line-height:normal;
}
@media print {
*,
*:before,
*:after {
background:transparent!important;
color:#000!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
text-shadow:none!important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
img {
page-break-inside:avoid;
}
img {
max-width:100%!important;
}
p,
h3 {
orphans:3;
widows:3;
}
h3 {
page-break-after:avoid;
}
}
.laws__number1 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0 auto 27px;
width: 100%;
Padding: 15px;
color: #ffffff;
font-size: 18px;
font-weight: 500;
background-color: #9b2743;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
height:auto;
max-width: 100%;
}
.tit {
color: #9b2743;
font-weight: bold;
font-size: 18px;
padding: 10px 0;
text-align:center;
width:100%;
}
.dotted-divider {
background: url(../images/divider-lg.png) repeat-x;
clear: both;
width: 100%;
height: 5px;
margin: 5px 0;
}
.tit h1 {
text-align: left;
margin-bottom: 10px;
font-style: normal;
font-weight: 600;
font-size: 28px;
width:100%;
line-height: 128%;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #333333;
margin:0;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 22px;
list-style: none;
background-color: #ffffff;
border-radius: 4px;
width:100%;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 22px;
list-style: none;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
background:transparent;
}
.breadcrumb a {
color: #2d2d2d;
}
.breadcrumb > .active {
color: #999;
}
.cat20191 a {
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
.cat20191 a:hover {
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
.qualities-page-section .container > h2 {
font-size: 32px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
font-size: 30px;
text-align: center;
}
.qualities-page-section .container > p {
font-size: 16px;
}
.qualities-page-block {
position: relative;
display: flex;
overflow: hidden;
width: 100%;
max-width: 500px;
min-height: 200px;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #eee;
background: #fff;
flex-flow: column nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
border-radius: 4px;
}
@media (max-width: 1024px) {
.m-form-caption h2 {
}
}
@media (max-width: 1024px) {
.m-about-adv .adv-title h2,
.m-about-tile .tile-caption h2,
.technology-caption-content h2,
.banner-tabs .tabs-content--item h2,
.special .caption-block h2,
.m-about-house .house-content h2,
.m-form-caption h2 {
}
}
@media (max-width: 1440px) {
}
@media (max-width: 1440px) {
.m-about-adv .adv-title h2,
.m-about-tile .tile-caption h2,
.technology-caption-content h2,
.banner-tabs .tabs-content--item h2,
.special .caption-block h2,
.m-about-house .house-content h2 {
font-size: calc(35px + (45 - 35) * ((100vw - 1024px) / (1440 - 1024)));
}
}
@media (max-width: 1920px) {
.m-about-adv .adv-title h2,
.m-about-tile .tile-caption h2,
.technology-caption-content h2,
.banner-tabs .tabs-content--item h2,
.special .caption-block h2,
.m-about-house .house-content h2 {
font-size: calc(45px + (60 - 45) * ((100vw - 1440px) / (1920 - 1440)));
}
}
.m-form-caption h2 {
}
@media (max-width: 1500px) {
.m-form-caption p {
max-width: 625px;
font-size: 14px;
line-height: 21px;
}
}
.m-form-caption p {
max-width: 727px;
font-weight: 400;
font-size: 16px;
line-height: 164.5%;
color: #1E1E1E;
margin:0;
}
.m-form form .form-row {
display: flex;
align-items: center;
justify-content: flex-end;
grid-gap: 0 65px;
}
.form-group.form-item.text-input {
transition: 0.3s;
}
.m-form form .form-item {
position: relative;
width: 100%;
height: 60px;
}
.m-form form .form-control {
width: 100%;
box-shadow: none;
height: 100%;
padding-top: 12px;
font-weight: 400;
font-size: 21px;
line-height: 25px;
color: #1E1E1E;
border-top: 0;
border-right: 0;
border-left: 0;
border-bottom: 1px solid #CDCDCD;
background-color: transparent;
resize: none;
transition: .5s ease;
}
@media (max-width: 1500px) {
.m-form form .form-item label {
top: 27px;
font-size: 16px;
line-height: 19px;
}
}
.m-form form .form-item label {
position: absolute;
top: 17px;
left: 0;
font-weight: 400;
font-size: 21px;
line-height: 25px;
color: #989898;
transition: .5s ease;
}
.slam-easyform .control-label {
display: inline-block;
margin-bottom: 5px;
font-weight: 700;
}
.m-form form .form-row {
display: flex;
align-items: center;
justify-content: flex-end;
grid-gap: 0 65px;
}
@media (max-width: 1024px) {
.m-form .slam-easyform form .form-row:last-child .form-group:nth-child(1),
.form-row.form-row--button .form-group:nth-child(1) {
width: 220px;
}
}
@media (max-width: 1440px) {
.m-form .slam-easyform form .form-row:last-child .form-group:nth-child(1),
.form-row.form-row--button .form-group:nth-child(1) {
width: calc(220px + (260 - 220) * ((100vw - 1024px) / (1440 - 1024)));
}
}
@media (max-width: 1920px) {
.m-form .slam-easyform form .form-row:last-child .form-group:nth-child(1),
.form-row.form-row--button .form-group:nth-child(1) {
width: calc(260px + (280 - 260) * ((100vw - 1440px) / (1920 - 1440)));
}
}
.m-form .slam-easyform form .form-row:last-child .form-group:nth-child(1),
.form-row.form-row--button .form-group:nth-child(1) {
width: 340px;
}
.form-checkbox {
display: flex;
align-items: center;
margin-right: 55px;
}
@media (max-width: 1024px) {
.form-checkbox p {
font-size: 11px;
}
}
@media (max-width: 1440px) {
.form-checkbox p {
font-size: calc(11px + (12 - 11) * ((100vw - 1024px) / (1440 - 1024)));
}
}
@media (max-width: 1920px) {
.form-checkbox p {
font-size: calc(12px + (14 - 12) * ((100vw - 1440px) / (1920 - 1440)));
}
}
.form-checkbox p {
margin:0;
margin-left: 18px;
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: #1E1E1E;
}
.form-checkbox p a {
text-decoration: underline;
cursor: pointer;
}
.m-form form button:hover {
color: #fff;
background-color: #EA7627;
transition: background .5s ease, color .32s ease;
}
@media (max-width: 1500px) {
.m-form form button {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 767px) {
.m-form form .form-row {
justify-content: flex-start;
flex-direction: column;
grid-gap: 15px;
}
}
.m-form form button {
display: flex;
align-items: center;
justify-content: center;
width: 195px;
height: 60px;
font-weight: 500;
font-size: 16px;
line-height: 164.5%;
color: #1E1E1E;
background: #fff;
background-color: rgb(255, 255, 255);
border: 1px solid #ECECEC;
border-radius: 10px;
cursor: pointer;
transition: background .5s ease, color .32s ease;
}
@media screen and (min-width:980px) {
.qualities-page-block {
margin:10px;
}
}
.article-card {
position: relative;
display: flex;
flex-direction: column;
max-width: 450px;
width: 100%;
padding: 25px;
padding-top: 25px;
padding-right: 25px;
padding-left: 25px;
background: #fff;
box-shadow: 0px 12px 37px rgba(29, 34, 40, 0.05);
border-radius: 25px;
transition: .5s ease;
margin: 10px;
}
.article-card .card-img {
margin-bottom: 31px;
border-radius: 12px;
overflow: hidden;
height: 200px;
border-radius: 12px;
width: 100%;
}
.article-card .card-img img {
width: 100%;
object-fit: cover;
height: 100%;
}
.article-card .card-content h4 {
margin: 0 0 13px;
margin-bottom: 13px;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 140%;
color: #1E1E1E;
}
.article-card .card-info {
}
p.read,
p.date {
margin:0;
}
.article-card .card-info {
padding:0;
margin:0;
}
.article-card .card-info {
display: flex;
align-items: center;
margin-top: auto;
position: relative;
justify-content: flex-end;
}
.article-card .date {
position: absolute;
bottom: 0;
left: 0;
}
.article-card .date {
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: #989898;
}
.article-card .read {
display: flex;
align-items: center;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 25px;
color: #1E1E1E;
transition: .5s ease;
}
.article-card .read svg {
margin:0;
margin-left: 15px;
transition: .5s ease;
color:#fff;
}
.contentsItems1 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 48px 30px;
margin: 40px 0;
margin-top: 40px;
margin-bottom: 40px;
}
.article-card:hover {
box-shadow: 0px 20px 60px rgba(29, 34, 40, 0.25);
transition: .5s ease;
}
.article-card:hover .card-info .read {
color: #EA7627;
transition: .5s ease;
}
@media (max-width: 650px) {
.article-card {
max-width: 100%;
}
.card-info {
margin-right: 10px;
}
.article-card .card-img {
height: calc(94px + (150 - 94) * ((100vw - 375px) / (650 - 375)));
}
.contentsItems1 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 1024px) {
.article-card .date {
font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1024 - 375)));
}
.article-card .read {
font-size: 14px;
}
.contentsItems1 {
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
}
}
@media (max-width: 980px) {
.contentsItems1 {
grid-template-columns: repeat(1, 1fr);
grid-gap: 15px;
}
}
@media (max-width: 1920px) {
.article-card {
border-radius: calc(10px + (25 - 10) * ((100vw - 375px) / (1920 - 375)));
padding-top: calc(15px + (25 - 15) * ((100vw - 375px) / (1920 - 375)));
padding-left: calc(17px + (25 - 17) * ((100vw - 375px) / (1920 - 375)));
padding-right: calc(17px + (25 - 17) * ((100vw - 375px) / (1920 - 375)));
}
.article-card .card-img {
border-radius: calc(8px + (12 - 8) * ((100vw - 375px) / (1920 - 375)));
height: calc(94px + (200 - 94) * ((100vw - 375px) / (1920 - 375)));
margin-bottom: calc(15px + (31 - 15) * ((100vw - 375px) / (1920 - 375)));
}
.article-card .card-content {
margin-bottom: calc(21px + (28 - 21) * ((100vw - 375px) / (1920 - 375)));
}
.article-card .date {
font-size: calc(12px + (15 - 12) * ((100vw - 375px) / (1920 - 375)));
line-height: calc(15px + (25 - 15) * ((100vw - 375px) / (1920 - 375)));
}
.contentsItems1 {
margin-top: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)));
margin-bottom: calc(0px + (40 - 0) * ((100vw - 375px) / (1920 - 375)));
}
}
@media (max-width: 1440px) {
.contentsItems1 {
grid-gap: 25px calc(20px + (30 - 20) * ((100vw - 1024px) / (1440 - 1024)));
}
}
.qualities-page-content {
width: 100%;
padding: 0;
max-width: 1040px;
margin: 0 auto;
}
.qualities-page-top {
display: flex;
width: 100%;
height: 100px;
flex-flow: column nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: center;
}
.qualities-page-img {
width: 80px;
height: 80px;
}
.qualities-page-bottom {
display: flex;
flex-flow: column nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.qualities-page-title {
font-size: 16px;
font-weight: 600;
display: block;
margin: 20px auto 10px auto;
text-align: center;
}
.qualities-page-description {
max-width: 325px;
min-height: 100px;
margin: 0 auto;
text-align: center;
}
.qualities-page-block::after {
position: absolute;
right: -50px;
bottom: -50px;
width: 100px;
height: 100px;
content: '';
transform: rotate( 45deg );
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #871f42;
}
h2 {
}
@media (max-width: 991px) {
a.openMobileNav {
display: flex;
width: 100%;
align-items: center;
padding: 10px;
background: #9b2743;
color: #fff;
justify-content: center;
border-bottom: 1px solid #af3e59;
font-size: 16px;
font-weight: 500;
}
}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
*:before,
*:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
input,
button {
font-family:inherit;
font-size:inherit;
line-height:inherit;
}
a {
color:#428bca;
text-decoration:none;
}
a:hover,
a:focus {
color:#2a6496;
text-decoration:underline;
}
a:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
img {
vertical-align:middle;
}
.img-responsive {
display:block;
max-width:100%;
height:auto;
}
h3 {
font-family:inherit;
font-weight:500;
line-height:1.1;
color:inherit;
}
h3 {
margin-top:22px;
margin-bottom:11px;
}
h3 {
font-size:28px;
}
p {
margin:0 0 11px;
}
.container {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px;
}
@media (min-width:768px) {
.container {
width:750px;
}
}
@media (min-width:992px) {
.container {
width:970px;
}
}
@media (min-width:1200px) {
.container {
width:1170px;
}
}
.container-fluid {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px;
}
.row {
margin-left:-15px;
margin-right:-15px;
}
.col-md-4,
.col-lg-4,
.col-xs-12,
.col-sm-12 {
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px;
}
.col-xs-12 {
float:left;
}
.col-xs-12 {
width:100%;
}
@media (min-width:768px) {
.col-sm-12 {
float:left;
}
.col-sm-12 {
width:100%;
}
}
@media (min-width:992px) {
.col-md-4 {
float:left;
}
.col-md-4 {
width:33.33333333%;
}
}
@media (min-width:1200px) {
.col-lg-4 {
float:left;
}
.col-lg-4 {
width:33.33333333%;
}
}
.form-control {
display:block;
width:100%;
height:36px;
padding:6px 12px;
font-size:16px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-group {
margin-bottom:15px;
}
.btn {
display:inline-block;
margin-bottom:0;
font-weight:normal;
text-align:center;
vertical-align:middle;
-ms-touch-action:manipulation;
touch-action:manipulation;
cursor:pointer;
background-image:none;
border:1px solid transparent;
white-space:nowrap;
padding:6px 12px;
font-size:16px;
line-height:1.42857143;
border-radius:4px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.btn:focus,
.btn:active:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
.btn:hover,
.btn:focus {
color:#333;
text-decoration:none;
}
.btn:active {
outline:0;
background-image:none;
-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn-primary {
color:#fff;
background-color:#428bca;
border-color:#357ebd;
}
.btn-primary:focus {
color:#fff;
background-color:#3071a9;
border-color:#193c5a;
}
.btn-primary:hover {
color:#fff;
background-color:#3071a9;
border-color:#285e8e;
}
.btn-primary:active {
color:#fff;
background-color:#3071a9;
border-color:#285e8e;
}
.btn-primary:active:hover,
.btn-primary:active:focus {
color:#fff;
background-color:#285e8e;
border-color:#193c5a;
}
.btn-primary:active {
background-image:none;
}
.modal-title {
margin:0;
line-height:1.42857143;
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content:" ";
display:table;
}
.container:after,
.container-fluid:after,
.row:after {
clear:both;
}
/*! CSS Used from: https://art-prom-stroy.ru/css/style.css */
.form-control {
border-radius:0px;
}
.p-modal {
display:none;
position:fixed;
z-index:1;
left:0;
top:0;
height:100%;
width:100%;
overflow:auto;
background-color:rgba(0, 0, 0, 0.5);
}
.p-modal-content {
margin:10% auto;
width:60%;
box-shadow:0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
animation-name:modalopen;
animation-duration:var(--modal-duration);
}
.p-modal-header {
background:var(--modal-color);
padding:15px;
color:#fff;
border-top-left-radius:5px;
border-top-right-radius:5px;
width:100%;
margin-bottom:15px;
}
.p-modal-body {
padding:10px 20px;
background:#fff;
}
.p-modal-footer {
background:#EEE;
padding:10px;
color:#fff;
text-align:center;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.form-control {
border-radius:0px;
}
svg {
width:16;
height:16;
fill:currentcolor;
}
@media only screen and (max-width: 767px) {
.logo2021 {
display:none;
}
}
.p-modal {
display:none;
position:fixed;
z-index:1;
left:0;
top:0;
height:100%;
width:100%;
overflow:auto;
background-color:rgba(0, 0, 0, 0.5);
}
.p-modal-content {
margin:10% auto;
box-shadow:0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
animation-name:modalopen;
animation-duration:var(--modal-duration);
}
.p-modal-header {
background:var(--modal-color);
padding:15px;
color:#fff;
border-top-left-radius:5px;
border-top-right-radius:5px;
width:100%;
margin-bottom:15px;
}
.p-modal-body {
padding:10px 20px;
background:#fff;
}
.p-modal-footer {
background:#EEE;
padding:10px;
color:#fff;
text-align:center;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
#my-modal_feedback .p-modal-content {
width:35%;
}
#my-modal_feedback #butOrderProduct {
align-items:center;
padding:16px 24px;
margin-top:5px;
padding:15px 50px;
border:1px solid #9b2743;
background-color:transparent;
font-style:normal;
font-weight:normal;
font-size:12px!important;
justify-content:center;
text-align:center;
text-transform:uppercase;
color:#9b2743;
outline:none;
}
#my-modal_feedback #butOrderProduct:hover {
background-color:#9b2743;
color:white;
}
#my-modal_feedback .modalCloseFeedback svg {
position:absolute;
right:10px;
top:15px;
cursor:pointer;
transition:.5s;
}
#my-modal_feedback .modalCloseFeedback svg:hover {
transform:scale(1.3);
}
.form-control {
border-radius:0px;
}
@media (max-width: 1293px) {
#my-modal_feedback .p-modal-content {
width:50%;
}
}
@media (max-width: 767px) {
#my-modal_feedback .p-modal-content {
width:98%;
}
}
.text-header {
color:#fff;
padding-top:20px;
font-size:20px;
}
svg {
overflow:hidden;
vertical-align:middle;
color:#8d8d8d;
margin:-2px 5px 5px 5px;
}
@media (max-width: 767px) {
.nomer {
color:#fff!important;
font-size:26px;
margin-bottom:0px;
padding-left:0;
}
.nomer a {
color:#fff!important;
margin-bottom:0px;
font-size:26px;
padding-left:0;
}
}
.container-fluid {
width:100%;
padding-right:0;
padding-left:0;
margin-right:auto;
margin-left:auto;
}
a {
text-decoration:none!important;
}
.header-fon {
color:#000!important;
font-size:18px;
padding:10px 0px;
background-color:rgba(53,53,53,1);
}
.header-fon p {
margin-top:0;
margin-bottom:5px;
}
.logo2021 {
padding:0px 50px;
padding-top:25px;
}
.nomer a {
color:#fff!important;
font-size:26px;
padding-left:0;
}
.btn2020 {
background-color:rgba(53,53,53,1);
padding:5px;
border:2px solid #9b2743;
color:#fff;
font-size:15px;
margin-top:8px;
margin-bottom:20px;
}
.text-center1 {
padding-top:15px;
text-align:center;
}
.text-center2 {
padding-top:10px;
text-align:right;
}
.text-center3 {
padding-top:0px;
text-align:center;
}
@media (min-width: 481px) and (max-width: 767px) {
.col-xs-12.col-sm-12.col-md-4.col-lg-4.text-center3.hlogo {
display:none;
}
.text-center1 {
padding-top:5px;
text-align:center;
}
.text-center2 {
padding-top:5px;
text-align:center;
}
.text-center3 {
padding-top:5px;
text-align:center;
}
.text-header {
font-size: 18px!important;
padding-top: 0px!important;
padding-bottom: 10px!important;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.text-center1 {
padding-top:5px;
text-align:center;
}
.text-center2 {
padding-top:5px;
text-align:center;
}
.text-center3 {
padding-top:5px;
padding-bottom:20px;
text-align:center;
}
.text-header {
font-size: 18px;
padding-top: 0px;
padding-bottom: 10px;
}
}
@media (max-width: 480px) {
.col-xs-12.col-sm-12.col-md-4.col-lg-4.text-center3.hlogo {
display:none;
}
.text-center1 {
padding-top:5px;
text-align:center;
}
.text-center2 {
padding-top:5px;
text-align:center;
}
.text-center3 {
padding-top:5px;
text-align:center;
}
.text-header {
font-size: 18px!important;
padding-top: 0px!important;
padding-bottom: 10px!important;
}
}
.img-responsive {
display:block;
max-width:100%;
}
.btn {
margin-top:10px;
background-color:#f8f1f1;
font-size:18px;
display:inline-block;
margin-bottom:0;
font-weight:normal;
text-align:center;
vertical-align:middle;
-ms-touch-action:manipulation;
touch-action:manipulation;
cursor:pointer;
background-image:none;
border:1px solid #fff;
white-space:nowrap;
padding:5px 12px;
color:#555;
line-height:1.42857143;
border-radius:0px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
/*! CSS Used from: https://art-prom-stroy.ru/css/centro.css?ver=1685019422 */
@media (max-width: 991px) {
.col-xs-12.col-sm-12.col-md-4.col-lg-4.text-center3.hlogo {
/*display:none;*/
}
.col-xs-12.col-sm-12.col-md-4.col-lg-4.text-center1 {
padding-top:0;
}
.text-header {
font-size:16px!important;
margin:0 0 5px!important;
font-weight:400!important;
}
}
@media all {
.cls-1 {
fill:none;
stroke:white;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:2px;
}
}
@keyframes modalopen {
from {
opacity:0;
}
to {
opacity:1;
}
}
/* DOP HEADER 3 */
a {
background-color:transparent;
}
a:active,
a:hover {
outline:0;
}
svg:not(:root) {
overflow:hidden;
}
@media print {
*,
*:before,
*:after {
background:transparent!important;
color:#000!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
text-shadow:none!important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
a[href^="#"]:after {
content:"";
}
}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
*:before,
*:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
a {
color:#428bca;
text-decoration:none;
}
a:hover,
a:focus {
color:#2a6496;
text-decoration:underline;
}
a:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
.container {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px;
}
@media (min-width:768px) {
.container {
width:750px;
}
}
@media (min-width:992px) {
.container {
width:970px;
}
}
@media (min-width:1200px) {
.container {
width:1170px;
}
}
.container-fluid {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px;
}
.row {
margin-left:-15px;
margin-right:-15px;
}
.col-md-3,
.col-lg-3,
.col-xs-12,
.col-sm-12 {
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px;
}
.col-xs-12 {
float:left;
}
.col-xs-12 {
width:100%;
}
@media (min-width:768px) {
.col-sm-12 {
float:left;
}
.col-sm-12 {
width:100%;
}
}
@media (min-width:992px) {
.col-md-3 {
float:left;
}
.col-md-3 {
width:25%;
}
}
@media (min-width:1200px) {
.col-lg-3 {
float:left;
}
.col-lg-3 {
width:25%;
}
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content:" ";
display:table;
}
.container:after,
.container-fluid:after,
.row:after {
clear:both;
}
/*! CSS Used from: https://art-prom-stroy.ru/css/style.css */
svg {
width:16;
height:16;
fill:currentcolor;
}
.cat20191 {
box-shadow:4px 4px 7px 0 hsla(0,0%,45%,.25);
border:2px solid #9b2743;
margin:0px;
background:#9b2743;
text-align:center;
padding:15px 0px;
color:#fff;
font-size:13px;
}
.cat20191 a {
text-transform:uppercase;
color:#fff;
text-decoration:none;
}
svg {
overflow:hidden;
vertical-align:middle;
color:#8d8d8d;
margin:-2px 5px 5px 5px;
}
.container-fluid {
width:100%;
padding-right:0;
padding-left:0;
margin-right:auto;
margin-left:auto;
}
a {
text-decoration:none!important;
}
/*! CSS Used from: https://art-prom-stroy.ru/css/centro.css?ver=1685019422 */
a.openMobileNav {
display:none;
}
@media (max-width: 991px) {
a.openMobileNav {
display:flex;
width:100%;
align-items:center;
padding:10px;
background:#9b2743;
color:#fff;
justify-content:center;
border-bottom:1px solid #af3e59;
font-size:16px;
font-weight:500;
}
a.openMobileNav> svg {
margin:0 8px 0 0;
}
a.openMobileNav> span {
margin:2px 0 0;
}
.cat20191 {
display:none;
}
}
/* DOP FOOTER */
/*! CSS Used from: https://art-prom-stroy.ru/css/bootstrap.min.css */
a {
background-color:transparent;
}
a:active,
a:hover {
outline:0;
}
img {
border:0;
}
svg:not(:root) {
overflow:hidden;
}
@media print {
*,
*:before,
*:after {
background:transparent!important;
color:#000!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
text-shadow:none!important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
img {
page-break-inside:avoid;
}
img {
max-width:100%!important;
}
p {
orphans:3;
widows:3;
}
}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
*:before,
*:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
a {
color:#428bca;
text-decoration:none;
}
a:hover,
a:focus {
color:#2a6496;
text-decoration:underline;
}
a:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
img {
vertical-align:middle;
}
p {
margin:0 0 11px;
}
.container {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px;
}
@media (min-width:768px) {
.container {
width:750px;
}
}
@media (min-width:992px) {
.container {
width:970px;
}
}
@media (min-width:1200px) {
.container {
width:1170px;
}
}
.container-fluid {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px;
}
.row {
margin-left:-15px;
margin-right:-15px;
}
.col-md-2,
.col-md-3,
.col-md-4,
.col-sm-6,
.col-xs-12 {
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px;
}
.col-xs-12 {
float:left;
}
.col-xs-12 {
width:100%;
}
@media (min-width:768px) {
.col-sm-6 {
float:left;
}
.col-sm-6 {
width:50%;
}
}
@media (min-width:992px) {
.col-md-2,
.col-md-3,
.col-md-4 {
float:left;
}
.col-md-4 {
width:33.33333333%;
}
.col-md-3 {
width:25%;
}
.col-md-2 {
width:16.66666667%;
}
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content:" ";
display:table;
}
.container:after,
.container-fluid:after,
.row:after {
clear:both;
}
/*! CSS Used from: https://art-prom-stroy.ru/css/style.css */
svg {
width:16;
height:16;
fill:currentcolor;
}
.footer-list-title {
color:#fff;
font-size:16px;
}
.footer a {
color:#fff;
font-size:16px;
}
.footer-list-title1 {
color:#fff;
font-size:20px;
padding:10px;
border-bottom:2px solid #9b2743;
margin:20px 0px 30px 0px;
}
.a-footer a {
color:#fff;
font-size:16px;
}
.footer {
color:#000!important;
font-size:18px;
padding:50px 0px;
margin-top:50px;
background-color:rgba(53,53,53,1);
}
svg {
overflow:hidden;
vertical-align:middle;
color:#8d8d8d;
margin:-2px 5px 5px 5px;
}
@media (max-width: 767px) {
.nomer {
color:#fff!important;
font-size:26px;
margin-bottom:0px;
padding-left:0;
}
.nomer a {
color:#fff!important;
margin-bottom:0px;
font-size:26px;
padding-left:0;
}
}
.container-fluid {
width:100%;
padding-right:0;
padding-left:0;
margin-right:auto;
margin-left:auto;
}
a {
text-decoration:none!important;
}
.nomer a {
color:#fff!important;
font-size:26px;
padding-left:0;
}
.a-footer img {
overflow: hidden;
vertical-align: middle;
margin: -2px 5px 5px 5px;
}
@media (max-width: 980px) {
.foto-project__item .foto-project__images img {
width: 100%;
height: 250px;
}
}
.foto-project__item {
background: #fff;
box-shadow: 0 12px 30px rgba(29,34,40,.05);
border-radius: 30px;
display: flex;
grid-gap: 90px;
max-width: 1420px;
padding: 38px 91px 38px 36px;
margin-bottom:30px;
}
.foto-project__images {
flex: 1;
}
.foto-project__item a[data-fancybox="gallery"] {
display: block !important;
}
.foto-project__item .foto-project__images img {
border-radius: 20px;
height:auto;
max-height: 360px;
object-fit: cover;
}
@media (max-width: 1200px) {
.foto-project__content {
width: 400px;
}
}
.foto-project__content {
width: 475px;
}
.foto-project__title {
font-size: 20px;
display: inline-block;
margin-bottom: 25px;
line-height: 138.69%;
color: black;
}
@media (max-width: 980px) {
.foto-project__content {
width: 100%;
}
}
}
@media (max-width: 767px) {
.foto-project__title {
font-size: 18px;
}
}
@media (max-width: 980px) {
.foto-project__title {
font-size: 23px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
}
@media (max-width: 980px) {
.foto-project__item .foto-project__images img {
width: 100%;
height: 250px;
}
}
@media (hover) {
a:hover,
.link:hover {
color: var(--brand3);
}
}
.technology-caption--btn {
display: inline-block;
transform: translateX(-14px);
}
.technology-caption--btn a {
position: relative;
display: flex;
align-items: center;
padding: 17px 14px;
transition: .5s ease;
z-index: 2;
width: fit-content;
}
.technology-caption--btn a > span {
position: relative;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #000;
transition: .4s ease;
}
.technology-caption--btn a > span::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #9b2743;
border-radius: 12px;
transition: .4s ease;
z-index: -1;
}
.technology-caption--btn a > .arrow {
position: relative;
margin-left: 15px;
}
.technology-caption--btn a > .arrow::before {
content: '';
position: absolute;
top: 40%;
left: 0;
width: 0;
height: 2px;
background-color: #000;
transition: .4s ease;
}
.technology-caption--btn a > .arrow svg {
transform: translateX(0);
transition: .4s ease;
}
@media (max-width: 1200px) {
.foto-project__item {
padding: 30px;
gap: 50px;
}
}
.technology-caption--btn a > .arrow {
position: relative;
margin-left: 15px;
}
.portf .technology-caption--btn a:hover > .arrow::before {
background-color: white;
}
.technology-caption--btn a:hover > .arrow::before {
width: 15px;
transition: .4s ease;
}
.technology-caption--btn a:hover > .arrow svg {
transform: translateX(10px);
transition: .4s ease;
}
.technology-caption--btn a:hover span {
color: #fff;
transition: .4s ease;
}
.arrow svg {
margin:0;
color:transparent;
margin-top:-4px;
}
.technology-caption--btn a:hover > span::before {
width: 250px;
height: 53px;
transform: translate(-16px,16px);
transition: .4s ease;
}
.filterBlock.active{
display: block;
position: absolute;
padding: 5px 15px 25px 15px;
top: 0;
left: -45px;
bottom: 0;
width: 50%;
max-height: 100vh;
overflow-y: auto;
background: #fff;
z-index: 999;
box-shadow: 0px 0px 25px 10px #00000057;
}
body.fixed{
position: fixed;
}
.pcSidebar.show{
display: block!important;
}
.pcContent.blur{
opacity: 0.5;
filter: blur(3px);
pointer-events: none;
}