/* Start:/local/templates/propitanie/css/reset.css?16651424783626*/
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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
font-family: 'Open Sans', sans-serif;
}
/* HTML5 display-role reset for older browsers */
body {
-webkit-overflow-scrolling: touch;
/* -ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; */
}
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
[hidden] {
display: none;
}
a,
li,
a:active,
a:hover {
outline: 0 !important;
}
img {
border: 0;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
input[type="submit"],
button,
.btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
-webkit-appearance: none;
cursor: pointer;
outline: none;
margin: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
font-family: 'Open Sans', sans-serif;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
text-decoration: none;
}
select,
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
display: block;
width: 100%;
outline: none;
font-family: 'Open Sans', sans-serif;
-webkit-appearance: none;
}
select::-ms-clear,
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="color"]::-ms-clear,
input[type="date"]::-ms-clear,
input[type="datetime"]::-ms-clear,
input[type="datetime-local"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="month"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="range"]::-ms-clear,
input[type="search"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="time"]::-ms-clear,
input[type="url"]::-ms-clear,
input[type="week"]::-ms-clear,
textarea::-ms-clear {
display: none;
}
textarea {
overflow: auto;
resize: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
a {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
ul,
ol {
list-style-type: none;
margin: 0;
padding: 0;
}
/* End */
/* Start:/local/templates/propitanie/css/jquery.fancybox.min.css?166514248212795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* Start:/local/templates/propitanie/css/jquery-ui.min.css?16651424812089*/
/*! jQuery UI - v1.12.1 - 2021-08-05
* http://jqueryui.com
* Includes: draggable.css, core.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}
/* End */
/* Start:/local/templates/propitanie/css/slick.css?16651424811776*/
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
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;
cursor: hand;
}
.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;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
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-slide.dragging img
{
pointer-events: 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: none;
}
/* End */
/* Start:/local/templates/propitanie/css/style.css?1717526005127582*/
@charset "UTF-8";
:root {
--clr-base: #212B36;
--clr-base-second: #454F5B;
--clr-att: #2DB872;
--clr-att-second: #A2DD83;
--clr-satt: #FA465A;
--clr-satt-second: #FF889F;
--clr-bg: #f4f4f4;
--clr-bg-second: #f7f7f7;
--clr-border: #dfdfdf;
--clr-second: #9FA3A8;
--min: 300px;
--max: 1500px;
font-size: 10px;
}
.sl-wrap ~ .sl-wrap {
display: none;
}
.elm-hidden {
display: none;
}
/* ----------------------------------- *\
main styles
\* ----------------------------------- */
body {
color: var(--clr-base, #212B36);
background: #fff;
font-size: 14px;
line-height: 21/14;
}
p,
ul,
ol {
position: relative;
margin-bottom: 10px;
}
p img,
ul img,
ol img {
max-width: 100%;
}
p:last-child,
ul:last-child,
ol:last-child {
margin-bottom: 0 !important;
}
li {
position: relative;
padding-left: 22px;
}
li:before {
content: "";
display: block;
top: 50%;
left: 9px;
margin-top: -2px;
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--clr-base);
position: absolute;
}
a {
text-decoration: none;
color: var(--clr-att, #2DB872);
}
a:hover {
text-decoration: none;
color: var(--clr-att, #2DB872);
}
a.link-main,
.link-main {
text-decoration: none;
border-bottom: 1px solid;
}
a.link-main:hover,
.link-main:hover {
border-bottom: none;
}
h1,
.h1-title,
h2,
.h2-title,
h3,
.h3-title,
h4,
.h4-title,
h5,
.h5-title,
h6,
.h6-title {
display: block;
position: relative;
margin: 15px 0;
}
h1:first-child,
.h1-title:first-child,
h2:first-child,
.h2-title:first-child,
h3:first-child,
.h3-title:first-child,
h4:first-child,
.h4-title:first-child,
h5:first-child,
.h5-title:first-child,
h6:first-child,
.h6-title:first-child {
margin-top: 0;
}
h1.title-center,
.h1-title.title-center,
h2.title-center,
.h2-title.title-center,
h3.title-center,
.h3-title.title-center,
h4.title-center,
.h4-title.title-center,
h5.title-center,
.h5-title.title-center,
h6.title-center,
.h6-title.title-center {
text-align: center;
}
.h1-title,
h1 {
font-size: 24px;
line-height: 33/24;
font-weight: bold;
margin-top: 0;
}
.h2-title,
h2,
.h3-title,
h3 {
font-size: 20px;
line-height: 27/20;
font-weight: 600;
}
.h4-title,
h4 {
font-size: 18px;
font-weight: bold;
line-height: 25/18;
margin-bottom: 15px;
}
.hr,
hr {
height: 1px;
width: 100%;
clear: both;
margin-bottom: 30px;
box-shadow: none;
border: none;
background: var(--clr-border);
}
@media (max-width: 1023px) {
.hr,
hr {
display: none;
}
.title-mobile-center {
text-align: center;
}
}
@media (min-width: 1024px) {
.h1-title:not(.title-small),
h1:not(.title-small) {
font-size: 32px;
line-height: 1.1;
margin-bottom: 30px;
font-weight: 600;
}
.h2-title.title-large,
h2.title-large {
font-size: 32px;
line-height: 1.1;
margin-bottom: 30px;
font-weight: 600;
}
}
/* ----------------------------------- *\
structura
\* ----------------------------------- */
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-width: var(--min, 360px);
}
.inner-wrap,
.page {
position: relative;
clear: both;
margin: 0 auto;
padding: 0 10px;
min-width: var(--min, 360px);
max-width: var(--max, 1500px);
width: 100%;
}
.inner-wrap .inner-wrap,
.page .inner-wrap {
min-width: 0;
padding-left: 0;
padding-right: 0;
}
.inner-wrap .cnt-section,
.page .cnt-section {
min-width: 0;
}
.page {
flex: 1 0 auto;
}
.wrap,
.header,
.nav,
.footer,
.cnt-section {
position: relative;
clear: both;
min-width: var(--min, 360px);
width: 100%;
}
.wrap {
overflow: hidden;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.wrap > .cnt-section {
flex-shrink: 0;
}
.nav,
.header,
.footer {
flex-shrink: 0;
line-height: 1;
text-align: left;
}
.nav ul,
.header ul,
.footer ul,
.nav li,
.header li,
.footer li,
.nav p,
.header p,
.footer p {
margin: 0;
padding: 0;
}
.nav ul:before,
.header ul:before,
.footer ul:before,
.nav li:before,
.header li:before,
.footer li:before,
.nav p:before,
.header p:before,
.footer p:before {
display: none;
}
.nav a,
.header a,
.footer a {
text-decoration: none;
position: relative;
transition: all ease 0.2s;
}
.footer {
background: url(/local/templates/propitanie/css/../img/main/footer.svg) center top repeat-x;
background-color: var(--clr-base-second);
background-size: auto 170px;
color: #fff;
line-height: 20/14;
padding-bottom: 40px;
margin-top: 50px;
}
.footer .logo-wrap {
display: block;
position: relative;
padding: 30px 0 15px 0;
}
.footer .menu-outer-wrap {
margin-bottom: 5px;
}
.footer .menu-inner-wrap {
columns: 2;
column-gap: 20px;
}
.footer .menu-wrap {
font-size: 14px;
line-height: 20px;
page-break-inside: avoid;
break-inside: avoid-column;
padding-bottom: 12px;
}
.footer .menu-wrap a {
display: block;
padding: 3px 0;
}
.footer .menu-title {
font-size: 18px;
line-height: 25px;
font-weight: bold;
margin: 0 0 2px 0;
}
.footer .logo {
width: 145px;
margin: 0 auto;
}
.footer a {
color: #fff;
}
.footer a:hover {
color: var(--clr-att);
}
.footer .footer-title {
margin-bottom: 10px;
}
.footer .items {
display: flex;
flex-wrap: wrap;
margin: 0 -10px 7px 0;
}
.footer .pays-items {
margin: 0 -5px 10px 0;
}
.footer .button-soc {
margin: 0 10px 10px 0;
}
.footer .elm-pay {
margin: 0 5px 5px 0;
}
.footer .copy-wrap {
text-align: center;
}
.footer .store-wrap {
order: 4;
display: flex;
margin-bottom: 10px;
}
@media (max-width: 1023px) {
.footer .store-wrap {
justify-content: center;
}
}
.header {
z-index: 99;
}
.header-catalog-wrap {
display: block;
position: relative;
padding-top: 15px;
}
.header-catalog-wrap .menu {
margin: 0 -15px;
display: flex;
}
.header-catalog-wrap li {
flex-basis: auto;
flex-grow: 1;
margin: 0;
padding: 0 15px;
}
.header-catalog-wrap li:before {
display: none;
}
.main-menu-wrap .btn-action-ico.ico-close {
position: fixed;
top: 0;
right: 0;
display: none;
z-index: 10;
}
.main-menu-wrap .login-wrap {
padding: 0 0 0 10px;
display: flex;
}
.main-menu-wrap .login-wrap:before {
content: "";
display: block;
width: 28px;
height: 28px;
left: 0;
background: url(/local/templates/propitanie/css/../img/icons/login.svg) center no-repeat;
background-size: 100% auto;
margin-right: 5px;
}
.main-menu-wrap .login-wrap ul {
display: flex;
margin: 0 -18px 0 0;
flex-wrap: wrap;
}
.main-menu-wrap .login-wrap li {
padding: 0 18px 0 0;
margin: 0;
}
.main-menu-wrap .login-wrap li:before {
display: none;
}
.main-menu-wrap .login-wrap li:after {
content: "/";
display: block;
position: absolute;
top: 0;
right: 0;
width: 18px;
text-align: center;
}
.main-menu-wrap .login-wrap li:last-child:after {
display: none;
}
.main-menu-wrap .login-wrap a {
line-height: 14px;
font-size: 13px;
font-family: Arial;
}
.logo {
display: block;
position: relative;
overflow: hidden;
line-height: 1;
text-decoration: none;
width: 100%;
letter-spacing: normal;
font-weight: 400;
}
.logo:hover {
text-decoration: none;
}
.logo img {
display: block;
width: 100%;
}
.logo-wrap-mobile {
display: none;
}
@media (max-width: 1023px) {
.header .inner-wrap {
display: flex;
padding: 0;
align-items: center;
}
.header .header-outer-wrap {
width: 100%;
order: 1;
display: flex;
justify-content: space-between;
padding: 10px 0 15px 0;
}
.header .logo-wrap-mobile {
display: block;
}
.header .logo {
width: 125px;
display: block;
margin: 0 auto;
}
.header .logo-wrap .logo{
width: 90px;
}
.menu-wrap,
.phone-wrap {
text-align: center;
}
.header-catalog-wrap {
display: none;
}
.header-actions-wrap {
display: flex;
display: contents;
justify-content: space-between;
line-height: 1;
position: relative;
flex: 1;
}
.header-actions-wrap .action-wrap {
position: relative;
width: 65px;
height: 45px;
padding: 0 10px;
flex-shrink: 0;
line-height: 1;
}
.header-actions-wrap .action-wrap .btn-action-ico.button-header {
width: 45px;
height: 45px;
}
.header-actions-wrap .action-wrap .btn-action-ico.button-header.ico-cart:before,
.header-actions-wrap .action-wrap .btn-action-ico.button-header.ico-fav:before {
background-size: 45px auto;
}
.header-actions-wrap .action-cart .cart-title {
display: none;
}
body.menu-show {
overflow: hidden;
}
.main-menu-wrap {
width: 65px;
padding: 0 10px;
flex-shrink: 0;
font-size: 14px;
line-height: 20px;
}
.main-menu-wrap .btn-action-ico.ico-close {
display: block;
}
.main-menu-wrap .menu-content-block {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 120;
background: #fff;
padding: 25px 0 25px 0;
overflow: auto;
-ms-overflow-style: none;
}
.main-menu-wrap .menu-content-block::-webkit-scrollbar {
width: 0;
height: 0;
}
.main-menu-wrap .phone-wrap {
padding-left: 35px;
padding-right: 20px;
margin-bottom: 20px;
margin-top: 24px;
}
.main-menu-wrap .phone-number {
margin-bottom: 10px;
}
.main-menu-wrap .phone-action a {
color: var(--clr-att);
}
.main-menu-wrap .login-wrap {
display: flex;
align-items: center;
position: relative;
min-height: 50px;
margin: 0 auto;
justify-content: center;
padding: 0;
}
.main-menu-wrap .btn-action-ico.ico-menu {
width: 45px;
height: 45px;
}
.main-menu-wrap .menu a {
display: block;
padding: 5px 10px;
}
.main-menu-wrap a {
color: var(--clr-base);
}
.main-menu-wrap a:hover,
.main-menu-wrap a.active {
color: var(--clr-att);
}
.main-catalog-wrap .btn {
width: 45px;
height: 45px;
border-radius: 50%;
padding: 0 !important;
min-width: 0;
}
.main-catalog-wrap .btn:before {
opacity: 0;
}
.main-catalog-wrap .btn:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(/local/templates/propitanie/css/../img/icons/filter.svg) center no-repeat;
background-size: 18px auto;
}
.main-catalog-wrap .btn .button-title {
display: none;
}
.main-catalog-wrap .catalog-content-block {
display: none;
}
.main-search-wrap .search-content-block {
display: none;
}
.footer {
padding-top: 20px;
}
.footer .logo-wrap {
display: none;
}
}
@media (min-width: 768px) {
.footer .menu-inner-wrap {
columns: 1;
display: flex;
margin-left: 0;
margin-right: -20px;
column-gap: 0;
}
.footer .menu-wrap {
width: 33%;
flex-shrink: 0;
padding-right: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 420px) {
.header-actions-wrap .action-fav{
display: none;
}
}
@media (max-width: 350px) {
.main-menu-wrap,
.header-actions-wrap .action-wrap{
padding: 0 5px;
width: 57px;
}
}
@media (min-width: 1024px) {
.inner-wrap,
.page {
padding-left: 30px;
padding-right: 30px;
}
.footer {
background-size: auto 172px;
padding: 72px 0 0 0;
}
.footer .footer-outer-wrap {
display: flex;
flex: 1;
padding: 0 0 0 20px;
max-width: calc(100% - 220px);
position: relative;
}
.footer .inner-wrap {
display: flex;
align-items: flex-start;
}
.footer .info-outer-wrap {
width: 30%;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 2;
align-content: flex-start;
}
.footer .menu-outer-wrap {
display: flex;
width: 70%;
margin: 0;
}
.footer .menu-inner-wrap {
width: 100%;
padding: 0;
margin: 0;
flex-shrink: 0;
}
.footer .menu-inner-wrap + .menu-inner-wrap {
width: 33.333%;
}
.footer .menu-inner-wrap + .menu-inner-wrap .menu-wrap {
width: 50%;
padding-bottom: 95px;
}
.footer .menu-inner-wrap + .menu-inner-wrap .menu-wrap:last-child {
padding-right: 0;
}
.footer .menu-wrap:last-child {
padding-bottom: 95px;
}
.footer .menu-wrap a {
padding: 5px 0 6px 0;
}
.footer .menu-title {
padding-bottom: 3px;
}
.footer .copy-wrap {
min-height: 52px;
}
.footer .pays-wrap,
.footer .soc-wrap,
.footer .ms-wrap {
display: flex;
align-items: center;
margin: 0 0 5px 0;
width: 100%;
}
.footer .pays-wrap .footer-title,
.footer .soc-wrap .footer-title,
.footer .ms-wrap .footer-title {
margin: 0;
padding: 0 20px 0 0;
flex-shrink: 0;
}
.footer .soc-wrap {
order: 1;
}
.footer .ms-wrap {
order: 2;
}
.footer .pays-wrap {
order: 3;
}
.footer .items {
padding: 10px 0 0 0;
display: flex;
flex: 1;
flex-wrap: wrap;
margin: 0;
}
.footer .elm-pay {
margin: 0 10px 10px 0;
}
.footer .logo-wrap {
width: 220px;
padding: 0;
flex-shrink: 0;
margin-top: -12px;
}
.footer .logo {
margin-left: -15px;
width: 100%;
}
.header {
margin-bottom: 20px;
}
.header .inner-wrap {
display: flex;
align-items: center;
}
.header .logo-wrap {
order: 1;
width: 210px;
flex-shrink: 0;
}
.header .header-outer-wrap {
flex: 1;
max-width: calc(100% - 210px);
order: 2;
padding-left: 30px;
}
.header .logo {
display: block;
margin-left: -10px;
width: 220px;
}
.main-menu-wrap {
font-size: 14px;
line-height: 20px;
padding-bottom: 15px;
min-height: 80px;
width: 100%;
}
.main-menu-wrap .btn-action-ico.ico-menu {
display: none;
}
.main-menu-wrap .menu-content-block {
display: flex;
align-items: flex-start;
}
.main-menu-wrap .menu-wrap,
.main-menu-wrap .phone-wrap,
.main-menu-wrap .login-wrap {
min-height: 50px;
display: flex;
align-items: center;
flex-wrap: wrap;
flex-shrink: 0;
position: relative;
}
.main-menu-wrap .menu-wrap {
flex: 1;
overflow: hidden;
padding-right: 40px;
}
.main-menu-wrap .phone-wrap:last-child {
padding-right: 0;
}
.main-menu-wrap .phone-number {
margin-right: 10px;
display: block;
white-space: nowrap;
flex-shrink: 0;
}
.main-menu-wrap .phone-action {
flex-shrink: 0;
display: block;
}
.main-menu-wrap .phone-action a {
color: var(--clr-att);
}
.main-menu-wrap .menu {
display: flex;
flex-wrap: wrap;
margin: 0 -18px;
}
.main-menu-wrap .menu a {
padding: 0 18px;
display: block;
}
.main-menu-wrap a {
color: var(--clr-base);
}
.main-menu-wrap a:hover {
color: var(--clr-att);
}
.header-actions-wrap {
display: flex;
width: 100%;
}
.header-actions-wrap .action-wrap {
flex-shrink: 0;
padding: 0 30px 0 0;
height: 60px;
}
.header-actions-wrap .action-wrap:last-child {
padding-right: 0;
}
.header-actions-wrap .action-search {
flex: 1;
max-width: 600px;
}
.header-actions-wrap .action-fav {
padding-right: 48px;
}
.header-actions-wrap .action-cart {
display: flex;
align-items: center;
}
.header-actions-wrap .action-cart .cart-title {
display: block;
padding-left: 10px;
}
.main-catalog-wrap .btn {
text-transform: uppercase;
}
.main-catalog-wrap .catalog-content-block {
display: none;
}
.main-search-wrap .btn.js-btn-toggle {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1499px) {
.footer .logo-wrap {
width: 140px;
}
.footer .copy-wrap {
left: -140px;
}
.footer .footer-outer-wrap {
max-width: calc(100% - 140px);
}
.footer .pays-wrap,
.footer .soc-wrap,
.footer .ms-wrap {
display: block;
}
.footer .pays-wrap .footer-title,
.footer .soc-wrap .footer-title,
.footer .ms-wrap .footer-title {
width: 100%;
}
.header .logo-wrap {
width: 140px;
}
.header .header-outer-wrap {
max-width: calc(100% - 140px);
padding-left: 10px;
}
.header .logo {
width: 150px;
}
.main-menu-wrap {
font-size: 12px;
min-height: 70px;
}
.main-menu-wrap .phone-wrap {
padding-right: 30px;
}
.main-menu-wrap .menu-wrap {
padding-right: 30px;
}
.main-menu-wrap .menu {
margin: 0 -10px;
}
.main-menu-wrap .menu a {
padding: 0 10px;
}
.header-actions-wrap .action-wrap {
padding-right: 20px;
height: 50px;
}
.header-catalog-wrap .menu {
margin: 0 -10px;
}
.header-catalog-wrap li {
padding: 0 10px;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.header .btn-action-ico.button-header {
width: 50px;
height: 50px;
}
.header .btn-action-ico.button-header:before {
background-size: 50px auto;
}
.footer {
padding-top: 60px;
}
.footer .inner-wrap {
display: block;
}
.footer .logo-wrap {
margin: 0 auto 30px auto;
}
.footer .footer-outer-wrap {
max-width: inherit;
padding: 0;
}
.footer .copy-wrap {
left: 0;
}
}
@media (min-width: 1280px) {
.header-actions-wrap .action-wrap {
height: 60px;
}
.main-menu-wrap {
font-size: 14px;
min-height: 80px;
}
}
@media (min-width: 1500px) {
.inner-wrap,
.page {
padding-left: 45px;
padding-right: 45px;
}
}
.personal-menu {
display: none;
background: #fff;
-webkit-box-shadow: 0px 0px 8px 1px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 0px 8px 1px rgba(34, 60, 80, 0.2);
box-shadow: 0px 0px 8px 1px rgba(34, 60, 80, 0.2);
width: 180px;
position: absolute;
top: 45px;
left: 0;
padding: 10px 20px;
z-index: 100;
}
.personal-menu.open {
display: block;
}
.personal-menu a {
display: block;
padding: 10px 0;
}
@media (max-width: 1023px) {
.personal-menu {
display: block;
width: 100%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-align: center;
}
}
.google-play-badge {
display: block;
background: url(/local/templates/propitanie/css/../img/google-play-badge.webp) center center no-repeat;
background-size: contain;
height: 40px;
width: 134px;
}
.app-store-badge {
display: block;
background: url(/local/templates/propitanie/css/../img/available-on-the-appstore.webp) center center no-repeat;
background-size: contain;
height: 40px;
width: 134px;
}
/* ----------------------------------- *\
items styles
\* ----------------------------------- */
.item-need-inner {
padding: 0 0 5px 0px;
font-size: 14px;
line-height: 1.5;
color: #000;
}
.item-need-inner .nd-title-wrap {
display: flex;
margin: 0 0 10px 0;
}
.item-need-inner .nd-title {
flex: 1;
padding: 0 10px 0 0;
}
.item-need-inner .nd-total {
flex-shrink: 0;
width: 70px;
font-weight: bold;
}
.item-need .need-content-wrap {
padding: 5px 24px 0 24px;
}
.item-need .need-title {
font-size: 14px;
line-height: 1.5;
color: var(--clr-second);
margin: 0 0 5px 0;
}
.item-need .item-total-list .list-title {
font-size: 14px;
line-height: 21px;
padding-left: 10px;
font-weight: 400;
}
.item-need .item-total-list .scale-title {
font-size: 14px;
font-weight: bold;
line-height: 19px;
width: 75px;
margin: 0;
padding: 0;
flex-shrink: 0;
}
.item-need .item-total-list .list-scale-wrap {
width: 100%;
max-width: 340px;
padding: 0 24px;
margin-top: 10px;
}
.item-total-list {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.item-total-list .btn-action-ico {
flex-shrink: 0;
}
.item-total-list .list-title {
flex: 1;
padding: 0 0 0 18px;
font-size: 20px;
line-height: 27/20;
font-weight: 600;
margin: 0;
}
.item-total-list .list-scale-wrap {
width: 100%;
flex-shrink: 0;
display: flex;
margin: 15px 0 0 0;
}
.item-total-list .scale-title {
flex-shrink: 0;
padding: 0 5px 0 0;
font-size: 20px;
line-height: 27px;
min-width: 33px;
font-weight: 600;
margin: 0;
}
.item-total-list .elm-scale-wrap {
flex: 1;
}
.elm-scale-wrap {
display: flex;
flex-shrink: 0;
}
.elm-scale-wrap.scale-color-second .elm-scale {
background: #56CCF2;
}
.elm-scale-wrap.scale-color-second .elm-scale:after {
background: #2D9CDB;
}
.elm-scale-wrap.scale-line {
width: 100%;
}
.elm-scale-wrap.scale-line .elm-scale {
width: calc((100% - 60px) / 21);
}
.elm-scale-wrap.scale-short-line {
width: 100%;
}
.elm-scale-wrap.scale-short-line .elm-scale {
width: calc((100% - 39px) / 14);
}
.elm-scale-wrap.scale-short-line .elm-scale:nth-child(14) ~ .elm-scale {
display: none !important;
}
.elm-scale-wrap.scale-att .elm-scale {
background: #A2DD83;
}
.elm-scale-wrap[data-scale="1"] .elm-scale:nth-child(1) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="2"] .elm-scale:nth-child(2) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="3"] .elm-scale:nth-child(3) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="4"] .elm-scale:nth-child(4) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="5"] .elm-scale:nth-child(5) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="6"] .elm-scale:nth-child(6) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="7"] .elm-scale:nth-child(7) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="8"] .elm-scale:nth-child(8) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="9"] .elm-scale:nth-child(9) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="10"] .elm-scale:nth-child(10) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="11"] .elm-scale:nth-child(11) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="12"] .elm-scale:nth-child(12) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="13"] .elm-scale:nth-child(13) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="14"] .elm-scale:nth-child(14) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="15"] .elm-scale:nth-child(15) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="16"] .elm-scale:nth-child(16) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="17"] .elm-scale:nth-child(17) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="18"] .elm-scale:nth-child(18) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="19"] .elm-scale:nth-child(19) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="20"] .elm-scale:nth-child(20) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="21"] .elm-scale:nth-child(21) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="22"] .elm-scale:nth-child(22) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="23"] .elm-scale:nth-child(23) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="24"] .elm-scale:nth-child(24) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="25"] .elm-scale:nth-child(25) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="26"] .elm-scale:nth-child(26) ~ .elm-scale {
display: none;
}
.elm-scale-wrap[data-scale="27"] .elm-scale:nth-child(27) ~ .elm-scale {
display: none;
}
.elm-scale-wrap.scale-value .elm-scale:after {
opacity: 1;
width: 100%;
}
.elm-scale {
width: 15px;
height: 30px;
background: #A2DD83;
flex-shrink: 0;
margin: 0 3px 0 0;
position: relative;
}
.elm-scale[data-scale="1"]:after {
max-width: 10%;
}
.elm-scale[data-scale="1"] ~ .elm-scale:after {
opacity: 0;
}
.elm-scale[data-scale="2"]:after {
max-width: 20%;
}
.elm-scale[data-scale="2"] ~ .elm-scale:after {
opacity: 0;
}
.elm-scale[data-scale="3"]:after {
max-width: 30%;
}
.elm-scale[data-scale="3"] ~ .elm-scale:after {
opacity: 0;
}
.elm-scale[data-scale="4"]:after {
max-width: 40%;
}
.elm-scale[data-scale="4"] ~ .elm-scale:after {
opacity: 0;
}
.elm-scale[data-scale="5"]:after {
max-width: 50%;
}
.elm-scale[data-scale="5"] ~ .elm-scale:after {
opacity: 0;
}
.elm-scale[data-scale="6"]:after {
max-width: 60%;
}
.elm-scale[data-scale="6"] ~ .elm-scale:after {
opacity: 0;
}
.elm-scale[data-scale="7"]:after {
max-width: 70%;
}
.elm-scale[data-scale="7"] ~ .elm-scale:after {
opacity: 0;
}
.elm-scale[data-scale="8"]:after {
max-width: 80%;
}
.elm-scale[data-scale="8"] ~ .elm-scale:after {
opacity: 0;
}
.elm-scale[data-scale="9"]:after {
max-width: 90%;
}
.elm-scale[data-scale="9"] ~ .elm-scale:after {
opacity: 0;
}
.elm-scale[data-scale="10"]:after {
max-width: 100%;
}
.elm-scale[data-scale="10"] ~ .elm-scale:after {
opacity: 0;
}
.elm-scale:nth-child(27) ~ .elm-scale {
display: none !important;
}
.elm-scale:last-child {
margin: 0;
}
.elm-scale:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0;
background: #2D9CDB;
opacity: 0;
}
.elm-value {
display: block;
position: relative;
height: 30px;
overflow: hidden;
--x: 1;
}
.elm-value.value-att:before {
background-image: url(/local/templates/propitanie/css/../img/icons/value-att.svg);
}
.elm-value.value-second:before {
background-image: url(/local/templates/propitanie/css/../img/icons/value-second.svg);
}
.elm-value.value-second.value-att:before {
background-image: url(/local/templates/propitanie/css/../img/icons/value-second-att.svg);
}
.elm-value:before,
.elm-value:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: url(/local/templates/propitanie/css/../img/icons/value-main.svg) 0 0 repeat-x;
background-size: 18px auto;
width: calc(var(--x) * 18px);
}
.elm-value:after {
opacity: 0;
}
.elm-value.value-scale:before {
width: 100% !important;
background-image: url(/local/templates/propitanie/css/../img/icons/value-att.svg);
}
.elm-value.value-scale:after {
opacity: 1;
}
.elm-value.value-scale.value-second:before,
.elm-value.value-scale.value-second.value-att:before {
background-image: url(/local/templates/propitanie/css/../img/icons/value-second-att.svg);
}
.elm-value.value-scale.value-second:after,
.elm-value.value-scale.value-second.value-att:after {
background-image: url(/local/templates/propitanie/css/../img/icons/value-second.svg);
}
.elm-value[data-value="0"] {
--x: 0;
}
.elm-value[data-value="0.0"] {
--x: 0;
}
.elm-value[data-value="0.1"] {
--x: 0.1;
}
.elm-value[data-value="0.2"] {
--x: 0.2;
}
.elm-value[data-value="0.3"] {
--x: 0.3;
}
.elm-value[data-value="0.4"] {
--x: 0.4;
}
.elm-value[data-value="0.5"] {
--x: 0.5;
}
.elm-value[data-value="0.6"] {
--x: 0.6;
}
.elm-value[data-value="0.7"] {
--x: 0.7;
}
.elm-value[data-value="0.8"] {
--x: 0.8;
}
.elm-value[data-value="0.9"] {
--x: 0.9;
}
.elm-value[data-value="1"] {
--x: 1;
}
.elm-value[data-value="1.0"] {
--x: 1;
}
.elm-value[data-value="1.1"] {
--x: 1.1;
}
.elm-value[data-value="1.2"] {
--x: 1.2;
}
.elm-value[data-value="1.3"] {
--x: 1.3;
}
.elm-value[data-value="1.4"] {
--x: 1.4;
}
.elm-value[data-value="1.5"] {
--x: 1.5;
}
.elm-value[data-value="1.6"] {
--x: 1.6;
}
.elm-value[data-value="1.7"] {
--x: 1.7;
}
.elm-value[data-value="1.8"] {
--x: 1.8;
}
.elm-value[data-value="1.9"] {
--x: 1.9;
}
.elm-value[data-value="2"] {
--x: 2;
}
.elm-value[data-value="2.0"] {
--x: 2;
}
.elm-value[data-value="2.1"] {
--x: 2.1;
}
.elm-value[data-value="2.2"] {
--x: 2.2;
}
.elm-value[data-value="2.3"] {
--x: 2.3;
}
.elm-value[data-value="2.4"] {
--x: 2.4;
}
.elm-value[data-value="2.5"] {
--x: 2.5;
}
.elm-value[data-value="2.6"] {
--x: 2.6;
}
.elm-value[data-value="2.7"] {
--x: 2.7;
}
.elm-value[data-value="2.8"] {
--x: 2.8;
}
.elm-value[data-value="2.9"] {
--x: 2.9;
}
.elm-value[data-value="3"] {
--x: 3;
}
.elm-value[data-value="3.0"] {
--x: 3;
}
.elm-value[data-value="3.1"] {
--x: 3.1;
}
.elm-value[data-value="3.2"] {
--x: 3.2;
}
.elm-value[data-value="3.3"] {
--x: 3.3;
}
.elm-value[data-value="3.4"] {
--x: 3.4;
}
.elm-value[data-value="3.5"] {
--x: 3.5;
}
.elm-value[data-value="3.6"] {
--x: 3.6;
}
.elm-value[data-value="3.7"] {
--x: 3.7;
}
.elm-value[data-value="3.8"] {
--x: 3.8;
}
.elm-value[data-value="3.9"] {
--x: 3.9;
}
.elm-value[data-value="4"] {
--x: 4;
}
.elm-value[data-value="4.0"] {
--x: 4;
}
.elm-value[data-value="4.1"] {
--x: 4.1;
}
.elm-value[data-value="4.2"] {
--x: 4.2;
}
.elm-value[data-value="4.3"] {
--x: 4.3;
}
.elm-value[data-value="4.4"] {
--x: 4.4;
}
.elm-value[data-value="4.5"] {
--x: 4.5;
}
.elm-value[data-value="4.6"] {
--x: 4.6;
}
.elm-value[data-value="4.7"] {
--x: 4.7;
}
.elm-value[data-value="4.8"] {
--x: 4.8;
}
.elm-value[data-value="4.9"] {
--x: 4.9;
}
.elm-value[data-value="5"] {
--x: 5;
}
.elm-value[data-value="5.0"] {
--x: 5;
}
.elm-value[data-value="5.1"] {
--x: 5.1;
}
.elm-value[data-value="5.2"] {
--x: 5.2;
}
.elm-value[data-value="5.3"] {
--x: 5.3;
}
.elm-value[data-value="5.4"] {
--x: 5.4;
}
.elm-value[data-value="5.5"] {
--x: 5.5;
}
.elm-value[data-value="5.6"] {
--x: 5.6;
}
.elm-value[data-value="5.7"] {
--x: 5.7;
}
.elm-value[data-value="5.8"] {
--x: 5.8;
}
.elm-value[data-value="5.9"] {
--x: 5.9;
}
.elm-value[data-value="6"] {
--x: 6;
}
.elm-value[data-value="6.0"] {
--x: 6;
}
.elm-value[data-value="6.1"] {
--x: 6.1;
}
.elm-value[data-value="6.2"] {
--x: 6.2;
}
.elm-value[data-value="6.3"] {
--x: 6.3;
}
.elm-value[data-value="6.4"] {
--x: 6.4;
}
.elm-value[data-value="6.5"] {
--x: 6.5;
}
.elm-value[data-value="6.6"] {
--x: 6.6;
}
.elm-value[data-value="6.7"] {
--x: 6.7;
}
.elm-value[data-value="6.8"] {
--x: 6.8;
}
.elm-value[data-value="6.9"] {
--x: 6.9;
}
.elm-value[data-value="7"] {
--x: 7;
}
.elm-value[data-value="7.0"] {
--x: 7;
}
.elm-value[data-value="7.1"] {
--x: 7.1;
}
.elm-value[data-value="7.2"] {
--x: 7.2;
}
.elm-value[data-value="7.3"] {
--x: 7.3;
}
.elm-value[data-value="7.4"] {
--x: 7.4;
}
.elm-value[data-value="7.5"] {
--x: 7.5;
}
.elm-value[data-value="7.6"] {
--x: 7.6;
}
.elm-value[data-value="7.7"] {
--x: 7.7;
}
.elm-value[data-value="7.8"] {
--x: 7.8;
}
.elm-value[data-value="7.9"] {
--x: 7.9;
}
.elm-value[data-value="8"] {
--x: 8;
}
.elm-value[data-value="8.0"] {
--x: 8;
}
.elm-value[data-value="8.1"] {
--x: 8.1;
}
.elm-value[data-value="8.2"] {
--x: 8.2;
}
.elm-value[data-value="8.3"] {
--x: 8.3;
}
.elm-value[data-value="8.4"] {
--x: 8.4;
}
.elm-value[data-value="8.5"] {
--x: 8.5;
}
.elm-value[data-value="8.6"] {
--x: 8.6;
}
.elm-value[data-value="8.7"] {
--x: 8.7;
}
.elm-value[data-value="8.8"] {
--x: 8.8;
}
.elm-value[data-value="8.9"] {
--x: 8.9;
}
.elm-value[data-value="9"] {
--x: 9;
}
.elm-value[data-value="9.0"] {
--x: 9;
}
.elm-value[data-value="9.1"] {
--x: 9.1;
}
.elm-value[data-value="9.2"] {
--x: 9.2;
}
.elm-value[data-value="9.3"] {
--x: 9.3;
}
.elm-value[data-value="9.4"] {
--x: 9.4;
}
.elm-value[data-value="9.5"] {
--x: 9.5;
}
.elm-value[data-value="9.6"] {
--x: 9.6;
}
.elm-value[data-value="9.7"] {
--x: 9.7;
}
.elm-value[data-value="9.8"] {
--x: 9.8;
}
.elm-value[data-value="9.9"] {
--x: 9.9;
}
.elm-value[data-value="10"] {
--x: 10;
}
.elm-value[data-value="10.0"] {
--x: 10;
}
.elm-value[data-value="10.1"] {
--x: 10.1;
}
.elm-value[data-value="10.2"] {
--x: 10.2;
}
.elm-value[data-value="10.3"] {
--x: 10.3;
}
.elm-value[data-value="10.4"] {
--x: 10.4;
}
.elm-value[data-value="10.5"] {
--x: 10.5;
}
.elm-value[data-value="10.6"] {
--x: 10.6;
}
.elm-value[data-value="10.7"] {
--x: 10.7;
}
.elm-value[data-value="10.8"] {
--x: 10.8;
}
.elm-value[data-value="10.9"] {
--x: 10.9;
}
.elm-value[data-value="11"] {
--x: 11;
}
.elm-value[data-value="11.0"] {
--x: 11;
}
.elm-value[data-value="11.1"] {
--x: 11.1;
}
.elm-value[data-value="11.2"] {
--x: 11.2;
}
.elm-value[data-value="11.3"] {
--x: 11.3;
}
.elm-value[data-value="11.4"] {
--x: 11.4;
}
.elm-value[data-value="11.5"] {
--x: 11.5;
}
.elm-value[data-value="11.6"] {
--x: 11.6;
}
.elm-value[data-value="11.7"] {
--x: 11.7;
}
.elm-value[data-value="11.8"] {
--x: 11.8;
}
.elm-value[data-value="11.9"] {
--x: 11.9;
}
.elm-value[data-value="12"] {
--x: 12;
}
.elm-value[data-value="12.0"] {
--x: 12;
}
.elm-value[data-value="12.1"] {
--x: 12.1;
}
.elm-value[data-value="12.2"] {
--x: 12.2;
}
.elm-value[data-value="12.3"] {
--x: 12.3;
}
.elm-value[data-value="12.4"] {
--x: 12.4;
}
.elm-value[data-value="12.5"] {
--x: 12.5;
}
.elm-value[data-value="12.6"] {
--x: 12.6;
}
.elm-value[data-value="12.7"] {
--x: 12.7;
}
.elm-value[data-value="12.8"] {
--x: 12.8;
}
.elm-value[data-value="12.9"] {
--x: 12.9;
}
.elm-value[data-value="13"] {
--x: 13;
}
.elm-value[data-value="13.0"] {
--x: 13;
}
.elm-value[data-value="13.1"] {
--x: 13.1;
}
.elm-value[data-value="13.2"] {
--x: 13.2;
}
.elm-value[data-value="13.3"] {
--x: 13.3;
}
.elm-value[data-value="13.4"] {
--x: 13.4;
}
.elm-value[data-value="13.5"] {
--x: 13.5;
}
.elm-value[data-value="13.6"] {
--x: 13.6;
}
.elm-value[data-value="13.7"] {
--x: 13.7;
}
.elm-value[data-value="13.8"] {
--x: 13.8;
}
.elm-value[data-value="13.9"] {
--x: 13.9;
}
.elm-value[data-value="14"] {
--x: 14;
}
.elm-value[data-value="14.0"] {
--x: 14;
}
.elm-value[data-value="14.1"] {
--x: 14.1;
}
.elm-value[data-value="14.2"] {
--x: 14.2;
}
.elm-value[data-value="14.3"] {
--x: 14.3;
}
.elm-value[data-value="14.4"] {
--x: 14.4;
}
.elm-value[data-value="14.5"] {
--x: 14.5;
}
.elm-value[data-value="14.6"] {
--x: 14.6;
}
.elm-value[data-value="14.7"] {
--x: 14.7;
}
.elm-value[data-value="14.8"] {
--x: 14.8;
}
.elm-value[data-value="14.9"] {
--x: 14.9;
}
.elm-value[data-value="15"] {
--x: 15;
}
.elm-value[data-value="15.0"] {
--x: 15;
}
.elm-value[data-value="15.1"] {
--x: 15.1;
}
.elm-value[data-value="15.2"] {
--x: 15.2;
}
.elm-value[data-value="15.3"] {
--x: 15.3;
}
.elm-value[data-value="15.4"] {
--x: 15.4;
}
.elm-value[data-value="15.5"] {
--x: 15.5;
}
.elm-value[data-value="15.6"] {
--x: 15.6;
}
.elm-value[data-value="15.7"] {
--x: 15.7;
}
.elm-value[data-value="15.8"] {
--x: 15.8;
}
.elm-value[data-value="15.9"] {
--x: 15.9;
}
.elm-value[data-value="16"] {
--x: 16;
}
.elm-value[data-value="16.0"] {
--x: 16;
}
.elm-value[data-value="16.1"] {
--x: 16.1;
}
.elm-value[data-value="16.2"] {
--x: 16.2;
}
.elm-value[data-value="16.3"] {
--x: 16.3;
}
.elm-value[data-value="16.4"] {
--x: 16.4;
}
.elm-value[data-value="16.5"] {
--x: 16.5;
}
.elm-value[data-value="16.6"] {
--x: 16.6;
}
.elm-value[data-value="16.7"] {
--x: 16.7;
}
.elm-value[data-value="16.8"] {
--x: 16.8;
}
.elm-value[data-value="16.9"] {
--x: 16.9;
}
.elm-value[data-value="17"] {
--x: 17;
}
.elm-value[data-value="17.0"] {
--x: 17;
}
.elm-value[data-value="17.1"] {
--x: 17.1;
}
.elm-value[data-value="17.2"] {
--x: 17.2;
}
.elm-value[data-value="17.3"] {
--x: 17.3;
}
.elm-value[data-value="17.4"] {
--x: 17.4;
}
.elm-value[data-value="17.5"] {
--x: 17.5;
}
.elm-value[data-value="17.6"] {
--x: 17.6;
}
.elm-value[data-value="17.7"] {
--x: 17.7;
}
.elm-value[data-value="17.8"] {
--x: 17.8;
}
.elm-value[data-value="17.9"] {
--x: 17.9;
}
.elm-value[data-value="18"] {
--x: 18;
}
.elm-value[data-value="18.0"] {
--x: 18;
}
.elm-value[data-value="18.1"] {
--x: 18.1;
}
.elm-value[data-value="18.2"] {
--x: 18.2;
}
.elm-value[data-value="18.3"] {
--x: 18.3;
}
.elm-value[data-value="18.4"] {
--x: 18.4;
}
.elm-value[data-value="18.5"] {
--x: 18.5;
}
.elm-value[data-value="18.6"] {
--x: 18.6;
}
.elm-value[data-value="18.7"] {
--x: 18.7;
}
.elm-value[data-value="18.8"] {
--x: 18.8;
}
.elm-value[data-value="18.9"] {
--x: 18.9;
}
.elm-value[data-value="19"] {
--x: 19;
}
.elm-value[data-value="19.0"] {
--x: 19;
}
.elm-value[data-value="19.1"] {
--x: 19.1;
}
.elm-value[data-value="19.2"] {
--x: 19.2;
}
.elm-value[data-value="19.3"] {
--x: 19.3;
}
.elm-value[data-value="19.4"] {
--x: 19.4;
}
.elm-value[data-value="19.5"] {
--x: 19.5;
}
.elm-value[data-value="19.6"] {
--x: 19.6;
}
.elm-value[data-value="19.7"] {
--x: 19.7;
}
.elm-value[data-value="19.8"] {
--x: 19.8;
}
.elm-value[data-value="19.9"] {
--x: 19.9;
}
.elm-value[data-value="20"] {
--x: 20;
}
.elm-value[data-value="20.0"] {
--x: 20;
}
.elm-value[data-value="20.1"] {
--x: 20.1;
}
.elm-value[data-value="20.2"] {
--x: 20.2;
}
.elm-value[data-value="20.3"] {
--x: 20.3;
}
.elm-value[data-value="20.4"] {
--x: 20.4;
}
.elm-value[data-value="20.5"] {
--x: 20.5;
}
.elm-value[data-value="20.6"] {
--x: 20.6;
}
.elm-value[data-value="20.7"] {
--x: 20.7;
}
.elm-value[data-value="20.8"] {
--x: 20.8;
}
.elm-value[data-value="20.9"] {
--x: 20.9;
}
.item-cart {
display: flex;
align-items: center;
border-radius: 8px;
border: 1px solid var(--clr-border);
}
.item-cart .cart-title {
display: block;
}
.item-cart .cart-title a {
display: block;
color: var(--clr-base);
}
.item-cart .cart-title a:hover {
color: var(--clr-att);
}
.item-cart .cart-subtitle {
display: block;
font-size: 12px;
line-height: 16px;
color: var(--clr-second);
font-weight: 400;
margin: 0;
}
.item-cart .cart-price {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.item-cart .elm-price {
font-size: 18px;
line-height: 25px;
font-weight: bold;
margin: 0 10px 0 0;
}
.item-cart .elm-price.price-old {
font-weight: 400;
font-size: 16px;
}
.item-cart .elm-photo {
border: 1px solid var(--clr-border);
border-radius: 15px;
height: 118px;
}
.elm-info {
display: flex;
position: relative;
padding: 0 0 0 34px;
}
.elm-info .elm-ico {
display: block;
width: 24px;
height: 24px;
position: absolute;
top: 50%;
left: 0;
margin-top: -12px;
}
.elm-info .info-title {
display: block;
flex: 1;
padding: 0 10px 0 0;
}
.elm-info .info-title:last-child {
padding: 0;
}
.elm-info .info-value {
display: block;
flex-shrink: 0;
}
.elm-info .elm-price {
display: block;
font-size: 18px;
line-height: 25/18;
font-weight: bold;
}
.elm-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.elm-row .row-value {
flex-shrink: 0;
}
.elm-row .row-title {
padding: 0 10px 0 0;
}
.elm-row.row-main .row-title {
font-size: 20px;
line-height: 27/20;
font-weight: 600;
}
.elm-row.row-main .row-value {
font-size: 24px;
line-height: 33/24;
font-weight: bold;
}
.elm-row .elm-price {
font-size: 1em;
line-height: inherit;
}
.item-order {
display: flex;
align-items: center;
color: #000000;
}
.item-order .order-photo-wrap {
width: 60px;
flex-shrink: 0;
}
.item-order .order-info-wrap {
flex: 1;
padding-left: 30px;
}
.item-order .order-title {
display: block;
position: relative;
margin: 0;
}
.item-order .order-price-wrap {
display: flex;
justify-content: space-between;
padding-top: 10px;
}
.item-order .price-title {
padding: 0 10px 0 0;
}
.item-order .price-value {
flex-shrink: 0;
}
.item-order .elm-price {
font-size: 1em;
font-weight: bold;
}
.item-order .elm-photo {
width: 60px;
height: 60px;
border-radius: 15px;
border: 1px solid var(--clr-border);
}
.item-order .elm-photo:before {
display: none;
}
.item-order a {
color: #000;
display: block;
transition: color ease 0.2s;
}
.item-order a:hover {
color: var(--clr-att);
}
.item-comment {
display: block;
position: relative;
border-radius: 12px;
border: 1px solid var(--clr-border);
padding: 15px;
}
.item-comment .cm-title-wrap {
margin: 0 -15px 0 0;
display: flex;
flex-wrap: wrap;
}
.item-comment .cm-actions-wrap {
font-size: 12px;
line-height: 16px;
font-weight: 600;
margin: 10px 0 0 0;
}
.item-comment .cm-title,
.item-comment .cm-date {
display: block;
font-size: 12px;
line-height: 16px;
margin: 0 15px 10px 0;
}
.item-comment .cm-title {
font-weight: 600;
}
.item-comment .cm-date {
color: var(--clr-border);
}
.item-article {
display: flex;
flex-direction: column;
font-size: 14px;
line-height: 21/14;
color: var(--clr-base);
min-height: 100%;
padding: 24px 20px;
background: var(--clr-bg);
border-radius: 10px;
}
.item-article:hover {
color: var(--clr-base);
}
.item-article .article-photo-wrap {
border-radius: 8px;
display: block;
position: relative;
overflow: hidden;
flex-shrink: 0;
width: 100%;
}
.item-article .article-photo-wrap:before {
content: "";
display: block;
padding-top: 54.6%;
}
.item-article .article-info-wrap {
display: flex;
flex-direction: column;
flex: 1;
padding: 15px 0 0 0;
}
.item-article .article-title {
display: block;
width: 100%;
flex-shrink: 0;
margin: 0 0 15px 0;
}
.item-article .article-text {
display: block;
width: 100%;
flex: 1;
}
.item-article .article-date {
text-align: center;
padding-top: 15px;
display: block;
width: 100%;
flex-shrink: 0;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: var(--clr-second);
}
.item-review {
display: flex;
flex-direction: column;
min-height: 100%;
border-radius: 10px;
background: var(--clr-bg-second);
font-size: 14px;
line-height: 21/14;
padding: 24px 30px;
}
.item-review .review-date-wrap {
flex-shrink: 0;
display: block;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: var(--clr-second);
}
.item-review .review-text-wrap {
flex: 1;
display: block;
width: 100%;
padding: 15px 0;
}
.item-review .review-title-wrap {
display: flex;
align-items: center;
}
.item-review .review-title {
display: block;
font-size: 20px;
line-height: 27px;
font-weight: 600;
margin: 0;
padding: 0 0 0 15px;
}
.item-review .review-title:first-child {
padding-left: 0;
}
.item-review .elm-photo {
width: 36px;
height: 36px;
border-radius: 50%;
flex-shrink: 0;
border: 1px solid var(--clr-border);
background: #fff;
}
.item-review .elm-photo img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.item-review p {
margin: 0;
}
.item-plus {
display: block;
position: relative;
font-size: 14px;
line-height: 1.5;
color: var(--clr-second);
padding: 0 0 0 80px;
}
.item-plus .btn-action-ico {
position: absolute;
top: 0;
left: 0;
}
.item-plus .btn-action-ico.button-page {
width: 65px;
height: 65px;
}
.item-plus .plus-text {
display: block;
}
.item-plus .plus-title {
display: block;
font-size: 18px;
line-height: 25/18;
margin: 0 0 15px 0;
font-weight: bold;
color: var(--clr-base);
}
.elm-brand {
display: block;
position: relative;
overflow: hidden;
}
.elm-brand:before {
content: "";
display: block;
padding-top: 67.3%;
}
.elm-brand img {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.item-action-second {
display: flex;
border-radius: 25px;
border: 1px solid var(--clr-bg);
background-color: #fff;
font-size: 14px;
line-height: 19/14;
font-weight: bold;
color: var(--clr-base);
align-items: center;
padding: 20px;
min-height: 250px;
position: relative;
overflow: hidden;
}
.item-action-second:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: linear-gradient(89.26deg, #F7F7F7 35.68%, rgba(255, 255, 255, 0) 106.91%);
}
.item-action-second:hover {
color: var(--clr-base);
}
.item-action-second:hover img {
transform: scale(1.03);
}
.item-action-second .action-text-wrap {
display: block;
position: relative;
z-index: 3;
}
.item-action-second .action-title {
display: block;
font-size: 24px;
line-height: 33/24;
font-weight: bold;
margin: 0 0 15px 0;
max-width: 290/24em;
}
.item-action-second .action-text {
display: block;
margin-bottom: 15px;
max-width: 280/14em;
}
.item-action-second img {
transition: transform ease 0.7s;
}
.item-action-second .btn {
font-weight: 400;
}
.item-action-second .btn .elm-price {
display: inline;
font-size: 18px;
margin-left: 10px;
font-weight: bold;
}
.item-action-main {
background: #F4F4F4 url(/local/templates/propitanie/css/../img/main/bg03.svg) center;
padding: 22px 10px 15px 10px;
text-align: center;
font-size: 14px;
line-height: 1.43;
display: block;
position: relative;
}
.item-action-main .action-title {
display: block;
font-size: 24px;
line-height: 33/24;
color: var(--clr-base);
font-weight: bold;
text-align: center;
margin: 0;
}
.item-action-main .action-text-wrap {
color: var(--clr-base-second);
margin-bottom: 15px;
}
.item-action-main .action-form-wrap {
display: block;
margin: 0 auto;
max-width: 302px;
}
.item-action-main .form-input {
height: 45px;
}
.item-action-main .frm-field {
width: 100%;
margin: 0 0 15px 0;
text-align: center;
}
.item-action-main .frm-select {
text-align: left;
margin-left: 28px;
}
.item-catalog {
display: flex;
flex-direction: column;
min-height: 100%;
position: relative;
overflow: hidden;
border-radius: 3px;
border: 1px solid var(--clr-border);
padding: 10px 4px;
line-height: 1.5;
color: var(--clr-base);
transition: all ease 0.2s;
background: #fff;
}
.item-catalog .cat-photo-wrap {
display: block;
width: 100%;
position: relative;
flex-shrink: 0;
margin-bottom: 10px;
}
.item-catalog .cat-title-wrap {
margin-bottom: 10px;
display: block;
width: 100%;
flex-shrink: 0;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.item-catalog .cat-actions-wrap {
display: block;
width: 100%;
flex-shrink: 0;
}
.item-catalog .cat-counter-wrap {
margin-bottom: 10px;
display: flex;
justify-content: center;
}
.item-catalog .cat-action-wrap {
display: flex;
justify-content: center;
}
.item-catalog .cat-price-outer-wrap {
display: flex;
justify-content: center;
margin: 0 -5px 10px -7px;
flex: 1;
}
.item-catalog .cat-price-inner-wrap {
display: inline-block;
vertical-align: middle;
}
.item-catalog .cat-measure {
font-size: 12px;
margin: auto auto auto 5px;
}
.item-catalog .cat-price-wrap {
flex: 1;
padding: 0 5px 0 7px;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.item-catalog .cat-price-wrap:before {
content: "";
display: block;
width: 1px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: var(--clr-border);
}
.item-catalog .cat-price-wrap .elm-price {
text-align: left;
}
.item-catalog .cat-price-wrap:last-child:before {
display: none;
}
.item-catalog .cat-price-wrap:last-child:first-child {
text-align: center;
align-items: center;
}
.item-catalog .cat-price-wrap:last-child:first-child .elm-price {
font-size: 18px;
line-height: 25/18;
text-align: right;
}
.item-catalog .cat-price-wrap:last-child:first-child .elm-price.price-old {
font-size: 12px;
line-height: 16px;
}
.item-catalog .cat-price-title {
display: block;
font-size: 12px;
line-height: 16px;
color: var(--clr-second);
font-weight: 400;
margin: 0;
}
.item-catalog .cat-photo {
display: block;
width: 100%;
height: 152px;
position: relative;
overflow: hidden;
}
.item-catalog .cat-photo img {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.item-catalog:hover {
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
color: var(--clr-base);
border-color: var(--clr-satt-second);
}
.item-catalog .btn {
height: 45px;
padding: 0 20px 0 52px;
}
.item-catalog .btn .btn-action-ico {
position: absolute;
top: -1px;
left: -1px;
}
.item-catalog a {
color: var(--clr-base);
}
.item-catalog a:hover {
color: var(--clr-base);
}
.elm-price {
display: block;
white-space: nowrap;
font-size: 14px;
line-height: 19/14;
font-weight: bold;
}
.elm-price.price-old {
font-size: 12px;
line-height: 16/12;
color: var(--clr-second);
font-weight: 400;
text-decoration: line-through;
}
.item-action {
display: flex;
border-radius: 3px;
align-items: center;
position: relative;
overflow: hidden;
color: #fff;
padding: 50px 0;
min-height: 275px;
}
.item-action:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: var(--clr-base);
opacity: 0.85;
transition: opacity ease 0.2s;
}
.item-action:hover {
color: #fff;
}
.item-action:hover:before {
opacity: 0.75;
}
.item-action .action-title-wrap {
display: block;
position: relative;
padding: 0 10px;
z-index: 4;
}
.item-action .action-title {
display: block;
max-width: 560/60em;
font-size: 32px;
line-height: 1.1;
font-weight: 600;
margin: 0 0 22px 0;
}
.item-action .btn {
text-transform: uppercase;
}
.elm-pay {
display: block;
position: relative;
overflow: hidden;
width: 50px;
height: 32px;
line-height: 1;
flex-shrink: 0;
}
.elm-pay img {
display: block;
width: 100%;
}
.elm-photo {
display: block;
position: relative;
overflow: hidden;
text-decoration: none;
line-height: 1;
}
.elm-photo:before {
content: "";
display: none;
padding-top: 100%;
}
.elm-photo img {
display: block;
position: relative;
width: 100%;
}
.elm-photo.photo-cover:before {
display: block;
}
.elm-photo.photo-cover img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.elm-photo.photo-contain img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.elm-photo.photo-center img {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
width: auto;
}
.elm-photo.photo-center:before {
display: block;
}
@supports (object-fit: cover) {
.elm-photo.photo-cover img {
height: 100%;
object-fit: cover;
}
}
@supports (object-fit: contain) {
.elm-photo.photo-contain img {
height: auto;
object-fit: contain;
max-width: inherit;
max-height: inherit;
right: auto;
bottom: auto;
width: 100%;
}
}
.elm-ico,
.button-ico,
.menu-ico,
.frm-ico {
display: block;
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
}
.elm-ico img,
.button-ico img,
.menu-ico img,
.frm-ico img,
.elm-ico [class*="icon-"],
.button-ico [class*="icon-"],
.menu-ico [class*="icon-"],
.frm-ico [class*="icon-"],
.elm-ico .i,
.button-ico .i,
.menu-ico .i,
.frm-ico .i,
.elm-ico svg,
.button-ico svg,
.menu-ico svg,
.frm-ico svg {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.elm-overlay {
display: none;
animation: fadein ease 0.2s;
background: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 120;
}
.elm-overlay.active {
display: block;
}
@media (max-width: 1023px) {
.elm-scale:nth-child(21) ~ .elm-scale {
display: none !important;
}
.item-cart {
padding: 9px 4px 0 4px;
flex-wrap: wrap;
}
.item-cart .cart-photo-wrap {
width: 118px;
flex-shrink: 0;
margin-bottom: 12px;
}
.item-cart .cart-info-wrap {
flex: 1;
padding: 0 0 0 10px;
max-width: calc(100% - 118px);
min-width: calc(100% - 118px);
margin-bottom: 12px;
}
.item-cart .cart-price-wrap {
flex: 1;
align-self: flex-start;
padding: 0 10px 0 0;
max-width: calc(100% - 154px);
min-width: calc(100% - 154px);
}
.item-cart .cart-counter-wrap {
width: 154px;
padding: 0 46px 0 0;
flex-shrink: 0;
align-self: flex-start;
display: block;
position: relative;
}
.item-cart .cart-total-wrap {
border-top: 1px solid var(--clr-border);
margin-top: 10px;
width: 100%;
flex: 1;
display: flex;
align-items: center;
padding: 10px 0;
}
.item-cart .cart-total-wrap .cart-subtitle {
margin: 0 10px 0 0;
}
.item-cart .ico-del {
position: absolute;
top: 50%;
right: 0;
margin-top: -18px;
}
.item-cart .frm-field-counter {
width: 100%;
}
}
@media (min-width: 768px) {
.item-action {
min-height: 400px;
}
}
@media (min-width: 1024px) {
.item-need-inner {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.item-need-inner .nd-scale-wrap {
width: 250px;
padding: 0;
flex-shrink: 0;
max-width: 250px;
}
.item-need-inner .nd-title-wrap {
flex: 1;
margin: 0;
min-width: 266px;
flex-shrink: 0;
}
.item-need-inner .nd-title-wrap .nd-total {
width: 40px;
}
.item-need .need-content-wrap {
padding-left: 40px;
padding-right: 0;
}
.item-need .item-total-list .list-scale-wrap {
width: 250px;
padding: 0;
max-width: inherit;
flex-shrink: 0;
}
.item-need .item-total-list .scale-title {
width: 40px;
}
.item-total-list .list-scale-wrap {
margin: 10px 0;
flex-shrink: 0;
width: 518px;
}
.item-total-list .list-title {
padding-right: 15px;
}
.elm-scale-wrap.scale-line .elm-scale {
width: calc((100% - 78px) / 27);
}
.item-cart {
align-self: center;
position: relative;
padding: 9px 76px 9px 14px;
}
.item-cart .cart-photo-wrap {
width: 118px;
flex-shrink: 0;
}
.item-cart .cart-info-wrap {
flex: 1;
padding: 0 20px 0 30px;
}
.item-cart .cart-price-wrap,
.item-cart .cart-total-wrap {
width: 19.5%;
padding: 0 20px 0 0;
flex-shrink: 0;
}
.item-cart .cart-counter-wrap {
position: static;
width: 17.2%;
flex-shrink: 0;
display: flex;
align-items: center;
}
.item-cart .cart-counter-wrap .frm-field-counter {
width: 90px;
}
.item-cart .cart-total-wrap {
padding: 0;
width: 180px;
}
.item-cart .ico-del {
position: absolute;
top: 50%;
right: 30px;
margin-top: -18px;
z-index: 1;
}
.elm-info {
align-items: flex-start;
flex-wrap: wrap;
}
.elm-info .info-title {
flex: inherit;
line-height: 24/14;
}
.item-article {
padding: 24px 26px 24px 30px;
}
.item-article .article-date {
text-align: left;
}
.item-article .article-photo-wrap:before {
padding-top: 57.36%;
}
.item-action-second {
height: 100%;
padding: 30px;
}
.item-action-second .action-text-wrap {
margin: 0 auto;
width: 100%;
max-width: 600px;
}
.item-action-second .action-title {
font-size: 34px;
line-height: 1.1;
}
.item-action-second .action-text {
font-size: 18px;
line-height: 25/18;
}
.item-action-main {
display: flex;
align-items: center;
padding: 69px 30px 55px 30px;
justify-content: center;
border-radius: 25px;
background-image: url(/local/templates/propitanie/css/../img/main/bg02.svg);
}
.item-action-main .action-form-wrap {
width: 100%;
max-width: 495px;
margin: 0;
padding: 0 0 20px 0;
}
.item-action-main .action-text-wrap {
text-align: left;
font-size: 20px;
line-height: 27/20;
font-weight: 600;
width: 453/20em;
padding: 0 30px 0 0;
}
.item-action-main .action-title {
font-size: 34px;
text-align: left;
line-height: 1.2;
margin-bottom: 5px;
}
.item-action-main .frm-row {
display: flex;
flex-wrap: wrap;
}
.item-action-main .frm-field {
margin: 0;
flex-shrink: 0;
width: auto;
}
.item-action-main .field-phone {
flex: 1;
padding: 0 15px 0 0;
}
.item-action-main .field-submit {
flex-shrink: 0;
width: auto;
}
.item-action-main .field-check {
order: 3;
width: 100%;
padding: 10px 0 0 0;
}
.item-action-main .form-input {
height: 60px;
}
.item-catalog {
padding: 10px 20px 10px 15px;
}
.item-catalog .cat-title-wrap {
margin-bottom: 4px;
}
.item-catalog .cat-actions-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.item-catalog .cat-counter-wrap {
margin: 0;
display: flex;
}
.item-catalog .cat-actions-wrap {
margin: 0;
flex-shrink: 0;
}
.item-catalog .cat-actions-wrap.disabled {
opacity: 0.35;
pointer-events: none;
touch-action: none;
}
.item-catalog .cat-photo {
height: 174px;
}
.item-catalog .elm-price {
font-size: 18px;
line-height: 25px;
}
.item-catalog .elm-price.price-old {
font-size: 12px;
line-height: 16px;
margin-bottom: -5px;
}
.item-catalog:hover .btn-action-ico.button-page {
border-color: var(--clr-satt);
}
.item-catalog:hover .btn-action-ico.button-page.ico-cart:before {
opacity: 0;
}
.item-catalog:hover .btn-action-ico.button-page.ico-cart:after {
opacity: 1;
}
.item-catalog .frm-field-counter {
width: 90px;
}
.item-catalog .btn {
width: 45px;
height: 45px;
min-width: 0;
padding: 0;
border-radius: 0;
border: none;
background: none;
}
.item-catalog .btn .button-title {
display: none;
}
.item-catalog .btn .btn-action-ico {
top: 0;
left: 0;
}
.item-action {
height: 270px;
min-height: 0;
}
.item-action:not(.action-main) .btn {
height: 46px;
text-transform: none;
}
.item-action .action-title-wrap {
padding: 0 15px 0 30px;
}
.item-action.action-main {
height: 560px;
}
.item-action.action-main .action-title {
font-size: 60px;
font-weight: 800;
line-height: 1.15;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.item-action.action-main .action-title {
font-size: 44px;
}
}
@media (min-width: 1500px) {
.item-action .action-title-wrap {
padding-left: 40px;
}
.item-action.action-main {
justify-content: flex-end;
}
.item-action.action-main .action-title-wrap {
padding-left: 45px;
width: 1100px;
}
}
@media (min-width: 1200px) {
.item-order .order-photo-wrap {
width: 118px;
}
.item-order .elm-photo {
width: 118px;
height: 118px;
}
.item-order .elm-photo img {
left: 0;
right: 0;
}
}
@media (min-width: 1400px) {
.item-catalog.cat-row {
flex-direction: row;
align-items: center;
justify-content: stretch;
padding: 10px;
}
.item-catalog.cat-row .cat-photo-wrap {
width: 174px;
margin: 0;
padding: 0;
flex-shrink: 0;
}
.item-catalog.cat-row .cat-inner-wrap {
flex: 1;
padding: 0 0 0 30px;
max-width: calc(100% - 174px);
}
.item-catalog.cat-row .cat-title-wrap {
margin-bottom: 10px;
}
.item-catalog.cat-row .cat-actions-wrap {
justify-content: flex-start;
}
.item-catalog.cat-row .cat-action-wrap {
margin-left: 24px;
}
.item-catalog.cat-row .cat-price-outer-wrap {
justify-content: flex-start;
align-items: flex-start;
text-align: left;
}
.item-catalog.cat-row .cat-price-wrap {
justify-content: flex-start;
align-items: flex-start;
text-align: left;
}
.item-catalog.cat-row .cat-price-wrap:last-child:first-child {
justify-content: flex-start;
align-items: flex-start;
text-align: left;
}
.item-catalog.cat-row .elm-photo {
width: 100%;
height: 174px;
}
.item-catalog.cat-row .elm-photo:before {
display: none;
}
}
/* ----------------------------------- *\
content styles
\* ----------------------------------- */
.total-need-box {
margin-bottom: 30px;
}
.total-need-box .info-wrap {
margin: 15px 0 0 0;
font-size: 12px;
line-height: 16.3/12;
text-align: center;
background: var(--clr-bg);
padding: 10px;
}
.total-need-box .item-wrap {
margin-bottom: 5px;
max-width: 340px;
width: 340px;
}
.total-need-box .items-wrap {
display: block;
}
.total-list-box .items-wrap {
display: block;
}
.total-list-box .item-wrap {
padding-left: 10px;
padding-right: 5px;
margin-bottom: 30px;
max-width: 340px;
}
.total-select-box {
display: flex;
align-items: center;
font-size: 20px;
line-height: 27/20;
padding-top: 15px;
flex-wrap: wrap;
margin-bottom: 15px;
margin-left: 0;
margin-right: -15px;
}
.total-select-box .total-main-title {
font-size: 24px;
font-weight: bold;
margin: 0;
width: 30px;
flex-shrink: 0;
}
.total-select-box .slider-wrap {
flex: 1;
border-radius: 25px;
border: 1px solid var(--clr-att);
padding: 0 42px;
width: 308px;
max-width: 308px;
margin: 0 15px 0 0;
position: relative;
font-size: 24px;
white-space: nowrap;
text-align: center;
}
.total-select-box .total-wrap {
margin: 15px 30px 15px 0;
display: flex;
align-items: center;
}
.total-select-box .total-title {
margin: 0 10px 0 0;
}
.total-select-box .total-value {
display: block;
flex-shrink: 0;
}
.total-select-box .sl-wrap {
height: 48px;
line-height: 48px;
}
.total-select-box .ico-arrow {
position: absolute;
top: 50%;
left: -24px;
margin-top: -20px;
}
.total-select-box .ico-arrow-next {
left: auto;
right: -24px;
}
.card-box {
display: flex;
flex-direction: column;
padding-top: 18px;
}
.card-inner-info-wrap .actions-wrap {
margin-bottom: 5px;
display: flex;
flex-direction: column;
}
.card-inner-info-wrap .actions-wrap .action-wrap {
margin-bottom: 10px;
line-height: 1;
}
.card-inner-info-wrap .price-outer-wrap {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.card-inner-info-wrap .price-outer-wrap .price-wrap {
padding-left: 10px;
text-align: center;
flex: 1;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.card-inner-info-wrap .price-outer-wrap .counter-wrap {
width: 108px;
flex-shrink: 0;
display: flex;
align-items: center;
}
.card-inner-info-wrap .price-outer-wrap .counter-wrap .frm-field-counter {
width: 100%;
}
.card-inner-info-wrap .price-outer-wrap .action-wrap {
flex-shrink: 0;
margin: 0 0 0 24px;
}
.card-inner-info-wrap .price-outer-wrap .elm-price {
font-size: 24px;
line-height: 1;
font-weight: bold;
margin: 0 5px;
}
.card-inner-info-wrap .price-outer-wrap .elm-price.price-old {
font-size: 18px;
font-weight: 400;
}
.card-inner-info-wrap .delivery-wrap {
border-radius: 15px;
background: var(--clr-bg);
padding: 22px 25px;
margin-bottom: 15px;
}
.card-inner-info-wrap .elm-info {
align-items: center;
}
.card-inner-info-wrap .elm-info .elm-price {
font-size: 24px;
}
.card-summary-wrap {
border-radius: 15px;
margin-bottom: 15px;
background: var(--clr-bg);
padding: 15px 15px 15px 15px;
}
.card-summary-wrap .summary-title-wrap {
border-bottom: 1px solid var(--clr-border);
padding-bottom: 10px;
margin-bottom: 10px;
}
.card-summary-wrap .info-wrap {
white-space: nowrap;
display: block;
text-align: center;
}
.card-summary-wrap .row-wrap {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.card-summary-wrap .row-wrap:last-child {
margin-bottom: 0;
}
.card-summary-wrap .h4-title {
margin: 0;
}
.card-summary-wrap .info-value,
.card-summary-wrap .summary-info {
font-size: 14px;
line-height: 1.5;
color: var(--clr-second);
font-weight: 400;
margin: 0;
}
.card-summary-wrap .h2-title {
margin: 0;
}
.photos-slider-box {
margin-bottom: 15px;
}
.photos-slider-box .slider-wrap {
position: relative;
border-radius: 15px;
overflow: hidden;
border: 1px solid var(--clr-border);
margin-bottom: 16px;
}
.photos-slider-box .slider-wrap .elm-photo {
height: 290px;
}
.photos-slider-box .slider-preview-wrap {
position: relative;
margin: 0 -8px;
}
.photos-slider-box .slider-preview-wrap .sl-wrap {
padding: 0 8px;
}
.photos-slider-box .slider-preview-wrap .sl-wrap.active .elm-photo {
border-color: var(--clr-att);
}
.photos-slider-box .slider-preview-wrap .elm-photo {
height: 93px;
width: 112px;
border-radius: 15px;
border: 1px solid var(--clr-border);
transition: border-color ease 0.2s;
}
.photos-slider-box .slider-preview-wrap .elm-photo:hover {
border-color: var(--clr-att);
}
.photos-slider-box .ico-favorites {
z-index: 3;
position: absolute;
top: 12px;
right: 10px;
}
.photos-slider-box .elm-photo img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.photos-slider-box .ico-arrow {
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
}
.photos-slider-box .ico-arrow-next {
left: auto;
right: 0;
}
.text-more-box {
color: var(--clr-base-second);
margin-bottom: 15px;
}
.text-more-box .h1-title {
color: var(--clr-base);
}
.text-more-box .text-hidden-wrap {
display: none;
}
.text-more-box .text-link {
margin-top: 15px;
font-size: 12px;
line-height: 16/12;
}
.text-more-box .text-link a {
color: var(--clr-base);
}
.text-more-box .text-link a:before {
content: attr(data-show);
}
.text-more-box .text-link a.active:before {
content: attr(data-hide);
}
.text-more-box p {
margin-bottom: 21/14em;
}
.cart-box {
margin-bottom: 0;
padding-top: 15px;
}
.cart-box .item-wrap {
margin-bottom: 30px;
}
.delivery-box {
border-radius: 15px;
background: var(--clr-bg);
padding: 15px 10px 5px 10px;
margin-bottom: 30px;
}
.delivery-box .elm-info {
margin-bottom: 15px;
}
.delivery-box .items-wrap {
margin: 0 -2px 0 -3px;
}
.delivery-box .item-wrap {
width: 50%;
padding: 0 3px 0 2px;
margin-bottom: 10px;
}
.submit-box {
text-align: center;
margin-bottom: 30px;
}
.submit-box .btn {
min-width: 283px;
}
.order-box {
margin-bottom: 15px;
}
.order-box .frm-section {
margin-bottom: 5px;
}
.order-box .frm-row {
margin: 0 -8px;
}
.order-box .frm-field {
margin-bottom: 10px;
padding: 0 8px;
width: 100%;
}
.order-box .frm-row-submit {
margin: 0;
padding: 0;
text-align: center;
display: block;
}
.order-box .frm-row-submit .btn {
min-width: 283px;
}
.order-total-box {
margin-bottom: 30px;
border-radius: 3px;
border: 1px solid var(--clr-border);
padding: 9px;
}
.order-total-box .item-wrap {
margin-bottom: 15px;
}
.order-total-box .elm-row {
margin-bottom: 16px;
}
.order-total-box .elm-row:last-child {
margin-bottom: 0;
}
.comments-box {
margin-bottom: 30px;
}
.comments-box .item-wrap .item-wrap {
padding-left: 30px;
}
.comments-box .item-comment {
margin-bottom: 20px;
}
.comments-box .frm-field {
margin-bottom: 10px;
padding: 0 8px;
width: 100%;
}
.comments-box .frm-row {
margin: 0 -8px;
}
.comments-box textarea.form-input {
height: 112px;
}
.comments-box .frm-row-submit {
padding-top: 5px;
}
.comments-box .submit-button {
text-align: center;
width: 100%;
}
.comments-box .submit-action {
display: none;
text-align: center;
width: 100%;
padding: 30px 0 0 0;
font-size: 12px;
line-height: 16px;
}
.comments-box .submit-action a {
color: var(--clr-base);
}
.form-title-box {
text-align: center;
font-size: 18px;
line-height: 25/18;
font-weight: bold;
margin: 0 0 15px 0;
}
.article-photo-box {
display: block;
position: relative;
overflow: hidden;
margin: 0 -10px 15px -10px;
border-radius: 8px;
max-height: 400px;
}
.article-photo-box:before {
content: "";
display: block;
padding-top: 69.4%;
}
.article-box {
padding-top: 15px;
margin-bottom: 30px;
}
.article-section-box {
display: block;
position: relative;
}
.article-section-box .section-text-wrap {
margin-bottom: 15px;
}
.article-section-box .section-photo-wrap {
margin: 0 -10px 15px -10px;
display: block;
position: relative;
border-radius: 8px;
overflow: hidden;
max-height: 400px;
}
.article-section-box .section-photo-wrap:before {
content: "";
display: block;
padding-top: 69.4%;
}
.articles-box {
margin-bottom: 15px;
}
.articles-box .more-box {
padding-bottom: 15px;
}
.articles-box .items-wrap {
margin: 0 -8px;
}
.articles-box .item-wrap {
padding: 0 8px;
margin-bottom: 15px;
}
.bottom-outer-box .filter-box,
.bottom-outer-box .catalog-menu-box {
animation: fadein ease 0.2s;
display: none;
position: fixed;
z-index: 110;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
margin: 0;
border-radius: 0;
border: none;
padding: 30px 44px 0 40px;
flex-direction: column;
}
.bottom-outer-box .catalog-menu-box .menu > li {
border-radius: 0;
border: none;
}
.bottom-outer-box .catalog-menu-box .catalog-content-block {
width: 100%;
flex: 1;
padding-bottom: 40px;
overflow: auto;
-ms-overflow-style: none;
}
.bottom-outer-box .catalog-menu-box .catalog-content-block::-webkit-scrollbar {
width: 0;
height: 0;
}
.bottom-outer-box .catalog-menu-box .btn-action-ico.ico-close {
display: block;
}
.bottom-outer-box .filter-box .btn-filter {
width: 100%;
flex-shrink: 0;
pointer-events: none;
}
.bottom-outer-box .filter-box .filter-content-block {
width: 100%;
display: block;
padding-bottom: 40px;
overflow: auto;
-ms-overflow-style: none;
}
.bottom-outer-box .filter-box .filter-content-block::-webkit-scrollbar {
width: 0;
height: 0;
}
.bottom-outer-box .filter-box .btn-action-ico.ico-close {
display: block;
}
.page-mobile-actions {
margin-bottom: 15px;
display: flex;
}
.page-mobile-actions .action-wrap {
flex-basis: auto;
flex-grow: 1;
padding: 0 15px 0 0;
}
.page-mobile-actions .action-wrap + .action-wrap {
padding: 0;
}
.page-mobile-actions .action-filter .btn {
text-transform: none;
}
.page-mobile-actions .action-filter .btn .button-ico {
width: 30px;
height: 30px;
margin: 0 7px 0 0;
}
.page-mobile-actions .btn {
width: 100%;
padding: 0 10px;
text-transform: uppercase;
}
.page-mobile-actions .btn .button-ico {
width: 18px;
height: 18px;
margin: 0 5px 0 0;
}
.tags-box {
margin-bottom: 20px;
}
.tags-box ul {
display: flex;
flex-wrap: wrap;
margin: 0 -10px 0 0;
}
.tags-box li {
margin: 0 5px 10px 0;
display: block;
padding: 0;
}
.tags-box li:before {
display: none;
}
.page-actions-box .action-wrap {
display: none;
flex-shrink: 0;
padding: 10px 0 0 0;
font-size: 12px;
line-height: 16px;
}
.page-actions-box .action-wrap a {
color: #000;
}
.page-actions-box .action-wrap a:hover {
color: var(--clr-att);
}
.page-actions-box .button-wrap {
flex-shrink: 0;
}
.filter-box {
margin-bottom: 30px;
border-radius: 15px;
border: 1px solid var(--clr-att-second);
}
.filter-box .btn-menu-toggle,
.filter-box .btn-action-ico.ico-close {
display: none;
position: fixed;
top: 0;
right: 0;
z-index: 140;
}
.filter-box .filter-sections-wrap {
padding-top: 5px;
}
.filter-box .filter-section-wrap {
padding: 0 9px;
margin-bottom: 10px;
}
.filter-box .filter-section-wrap:last-child .filter-section-content {
border-bottom: none;
margin-bottom: 0;
}
.filter-box .filter-section-wrap.filter-showed .filter-hidden {
display: block;
}
.filter-box .filter-section-wrap.filter-showed .link-wrap a:before {
content: attr(data-hide);
}
.filter-box .filter-section-content {
border-bottom: 1px solid var(--clr-bg);
padding-bottom: 2px;
padding-top: 8px;
padding-left: 10px;
}
.filter-box .filter-section-title {
font-size: 12px;
line-height: 1.15;
margin: 0;
font-weight: 400;
padding-left: 10px;
}
.filter-box .btn-filter {
display: flex;
align-items: center;
min-height: 38px;
padding: 4px 15px 4px 44px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: var(--clr-base);
position: relative;
pointer-events: none;
}
.filter-box .btn-filter .button-ico {
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 4px;
margin-top: -15px;
}
.filter-box .filter-hidden {
display: none;
animation: fadein ease 0.2s;
}
.filter-box .frm-select {
margin-bottom: 7px;
}
.filter-box .link-wrap {
font-size: 11px;
line-height: 1.1;
margin-bottom: 8px;
}
.filter-box .link-wrap a:before {
content: attr(data-show);
}
.catalog-menu-box {
margin-bottom: 30px;
display: block;
position: relative;
}
.catalog-menu-box .btn-menu-toggle,
.catalog-menu-box .btn-action-ico.ico-close {
display: none;
}
.catalog-menu-box .btn-action-ico.ico-close {
position: fixed;
top: 0;
right: 0;
}
.catalog-menu-box .menu > li {
margin-bottom: 5px;
border-radius: 15px;
border: 1px solid var(--clr-att-second);
}
.catalog-menu-box .menu ul {
display: none;
font-size: 12px;
line-height: 1.15;
padding-bottom: 16px;
padding-top: 1px;
}
.catalog-menu-box .menu ul a {
display: block;
position: relative;
color: var(--clr-base);
padding: 4px 15px 4px 39px;
}
.catalog-menu-box .menu ul a:hover,
.catalog-menu-box .menu ul a.active {
color: var(--clr-att-second);
}
.catalog-menu-box .menu ul a:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 19px;
width: 10px;
height: 10px;
border-radius: 50%;
margin-top: -5px;
background: var(--clr-att-second);
}
.catalog-menu-box .btn-menu {
display: flex;
align-items: center;
min-height: 38px;
padding: 4px 15px 4px 44px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: var(--clr-base);
position: relative;
}
.catalog-menu-box .btn-menu .button-ico {
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 4px;
margin-top: -15px;
}
.catalog-menu-box a {
transition: all ease 0.2s;
}
.catalog-menu-box a:hover,
.catalog-menu-box a.active {
color: var(--clr-att-second);
}
.catalog-menu-box ul,
.catalog-menu-box li {
margin: 0;
padding: 0;
}
.catalog-menu-box ul:before,
.catalog-menu-box li:before {
display: none;
}
.reviews-box {
margin-bottom: 30px;
}
.reviews-box .items-wrap {
margin: 0 -15px;
}
.reviews-box .item-wrap {
padding: 0 15px;
margin-bottom: 15px;
}
.pluses-box .items-wrap {
margin: 0 -15px;
}
.pluses-box .item-wrap {
padding: 0 15px;
margin-bottom: 30px;
}
.main-about-box {
background: #F4F4F4 url(/local/templates/propitanie/css/../img/main/bg01.svg) center;
background-size: 503px auto;
padding: 22px 0 30px 0;
margin-bottom: 30px;
color: var(--clr-second);
text-align: justify;
line-height: 21/14;
}
.main-about-box .h1-title {
color: var(--clr-base);
text-align: left;
}
.brands-box {
margin-bottom: 30px;
}
.brands-box .slider-wrap {
margin: 0 -15px;
}
.brands-box .slick-list {
overflow: visible;
}
.brands-box .sl-wrap {
padding: 0 15px;
}
.brands-box .elm-brand {
width: 260px;
}
.brands-box .more-box {
margin-top: 15px;
}
.actions-box .items-wrap {
margin: 0 -10px;
}
.actions-box .item-wrap {
margin-bottom: 30px;
}
.actions-box .item-wrap.wrap-second {
padding: 0 10px;
}
.more-box {
text-align: center;
line-height: 1.1;
font-weight: 600;
}
.more-box.more-dark a {
color: var(--clr-base);
}
.catalog-box {
margin-bottom: 30px;
}
.catalog-box .items-wrap {
margin: 0 -11px;
}
.catalog-box .item-wrap {
padding: 0 11px;
margin-bottom: 15px;
width: 50%;
}
.price-filter-box {
margin-bottom: 5px;
margin-left: 0;
margin-right: 0;
display: flex;
flex-wrap: wrap;
}
.price-filter-box .filter-wrap {
margin: 0 30px 10px 0;
}
.price-filter-box .filter-wrap.store-column {
margin-top: 5px;
margin-left: auto;
display: flex;
justify-content: center;
}
.price-filter-box .frm-select-button {
min-width: 340px;
}
.tabs-box {
margin-bottom: 15px;
font-size: 18px;
line-height: 25/18;
font-weight: bold;
}
.tabs-box ul {
margin: 0 -112px 0 0;
display: flex;
}
.tabs-box li {
margin: 0 112px 0 0;
padding: 0;
}
.tabs-box li:before {
display: none;
}
.tabs-box .link-main.active {
color: var(--clr-base);
border-bottom: none;
}
.main-actions-box {
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
max-width: 2000px;
width: 100%;
}
.main-actions-box .inner-wrap {
max-width: inherit;
}
.main-actions-box .slider-wrap {
margin: 0 -11px;
}
.main-actions-box .sl-wrap {
padding: 0 11px;
}
.total-outer-wrap,
.order-outer-wrap,
.content-outer-wrap {
display: flex;
}
.total-main-wrap,
.order-content-wrap,
.content-wrap {
position: relative;
flex: 1;
max-width: calc(100% - 210px);
padding-left: 32px;
order: 2;
}
.total-second-wrap,
.order-side-wrap,
.side-wrap {
display: block;
position: relative;
width: 210px;
flex-shrink: 0;
order: 1;
}
.total-main-wrap {
max-width: calc(100% - 568px);
order: 1;
padding-right: 45px;
padding-left: 0;
}
.total-second-wrap {
width: 568px;
order: 2;
}
.order-content-wrap {
order: 1;
padding: 0 32px 0 0;
max-width: calc(100% - 447px);
}
.order-side-wrap {
order: 2;
width: 447px;
}
.breadcrumbs-box {
padding-top: 5px;
font-size: 12px;
line-height: 14px;
color: #000;
display: block;
margin: 0 0 16px 0;
}
.breadcrumbs-box a {
display: block;
color: #000;
}
.breadcrumbs-box a:hover {
color: var(--clr-att);
}
.breadcrumbs-box ol {
display: flex;
flex-wrap: wrap;
margin: 0 -30px 0 0;
}
.breadcrumbs-box li {
margin: 0 30px 0 0;
padding: 0;
position: relative;
}
.breadcrumbs-box li:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: 7px;
left: 100%;
margin-top: -5px;
margin-left: 10px;
background: var(--clr-satt-second);
}
.breadcrumbs-box li:before {
display: none;
}
.breadcrumbs-box li:last-child {
color: var(--clr-att);
}
.breadcrumbs-box li:last-child:after {
display: none;
}
.breadcrumbs-box li:last-child a {
color: var(--clr-att);
}
@media (max-width: 1499px) {
.content-wrap {
padding-left: 24px;
}
}
@media (max-width: 1199px) {
.order-side-wrap {
width: 340px;
}
.order-content-wrap {
max-width: calc(100% - 340px);
}
.total-main-wrap {
max-width: calc(100% - 400px);
padding-right: 30px;
}
.total-second-wrap {
width: 400px;
}
}
@media (max-width: 1023px) {
.comments-box.type-columns .page-actions-box {
display: flex;
align-items: flex-start;
}
.comments-box.type-columns .page-actions-box .title-wrap {
flex: 1;
padding: 0 10px 0 0;
}
.comments-box.type-columns .page-actions-box .action-wrap {
display: block;
padding-top: 8px;
}
.card-box {
display: flex;
flex-direction: column;
}
.card-box .card-photos-wrap,
.card-box .card-info-wrap {
display: contents;
}
.card-box .photos-slider-box {
width: 100%;
order: 1;
}
.card-box .card-inner-info-wrap {
width: 100%;
order: 2;
}
.card-box .text-more-box {
width: 100%;
order: 3;
}
.card-box .card-summary-wrap {
width: 100%;
order: 4;
}
.page-actions-box {
display: flex;
align-items: center;
}
.page-actions-box .title-wrap {
padding: 0;
flex: 1;
}
.page-actions-box .button-wrap {
padding-left: 20px;
line-height: 1;
margin: 30px 0;
}
.page-actions-box .button-wrap .btn {
height: 60px;
}
body.filter-show,
body.catalog-show {
overflow: hidden;
}
body.filter-show .bottom-outer-box .filter-box {
display: flex;
}
body.catalog-show .bottom-outer-box .catalog-menu-box {
display: flex;
}
.side-wrap {
display: none;
}
.tags-box {
margin: 0 -10px 30px -10px;
padding-left: 10px;
overflow: auto;
-ms-overflow-style: none;
}
.tags-box::-webkit-scrollbar {
width: 0;
height: 0;
}
.tags-box ul {
flex-wrap: nowrap;
margin: 0 -5px 0 0;
}
.tags-box li {
margin: 0 5px 0 0;
}
.main-actions-box .inner-wrap {
padding: 0;
}
.total-main-wrap {
width: 50%;
max-width: inherit;
padding-right: 15px;
}
.total-second-wrap {
width: 50%;
padding-left: 15px;
}
.order-outer-wrap,
.content-outer-wrap {
flex-direction: column;
}
.order-side-wrap,
.side-wrap {
width: 100%;
}
.order-content-wrap,
.content-wrap {
width: 100%;
padding: 0;
max-width: inherit;
}
.order-outer-wrap {
position: relative;
padding-bottom: 60px;
margin-bottom: 30px;
}
.order-content-wrap {
position: static;
}
.order-box .frm-row-submit {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
@media (max-width: 767px) {
.total-outer-wrap {
display: block;
}
.total-main-wrap,
.total-second-wrap {
width: 100%;
padding: 0;
max-width: inherit;
}
}
@media (max-width: 639px) {
.page-actions-box {
display: block;
}
.page-actions-box .button-wrap {
width: 100%;
padding: 0;
}
.page-actions-box .button-wrap .btn {
width: 100%;
}
}
@media (min-width: 640px) {
.delivery-box .item-wrap {
width: 33.33%;
}
}
@media (min-width: 768px) {
.delivery-box .item-wrap {
width: 25%;
}
.order-box .frm-section {
margin-bottom: 15px;
}
.order-box .field-third {
width: 50%;
}
.order-box .field-third.span-2 {
width: 100%;
}
.order-box .field-main {
width: 45%;
}
.order-box .field-main + .frm-field {
width: auto;
flex: 1;
}
.comments-box .frm-field.field-half {
width: 50%;
}
.articles-box .item-wrap {
width: 50%;
}
.reviews-box .item-wrap {
width: 50%;
}
.pluses-box .item-wrap {
width: 50%;
}
.actions-box .item-wrap.wrap-second {
width: 50%;
}
.catalog-box .item-wrap {
width: 25%;
}
}
@media (min-width: 1024px) {
.total-need-box {
margin-bottom: 50px;
padding-top: 15px;
}
.total-need-box .h1-title {
min-height: 66px;
margin-left: auto;
margin-right: auto;
max-width: 400/24em;
}
.total-need-box .info-wrap {
margin-top: 20px;
}
.total-need-box .item-wrap {
width: 100%;
max-width: inherit;
padding: 0 12px 0 0;
}
.total-select-box {
padding-top: 0;
margin-bottom: 30px;
}
.total-select-box .sl-wrap {
height: 61px;
line-height: 61px;
font-size: 24px;
}
.total-select-box .slider-wrap {
border-radius: 32px;
}
.total-list-box {
margin-bottom: 50px;
}
.total-list-box .item-wrap {
padding: 0;
max-width: inherit;
}
.card-box {
padding-top: 10px;
flex-direction: row;
}
.card-inner-info-wrap .actions-wrap {
margin: 0 -15px;
display: flex;
flex-direction: row;
}
.card-inner-info-wrap .actions-wrap .action-wrap {
padding: 0 15px;
width: 50%;
margin-bottom: 15px;
flex-shrink: 0;
}
.card-inner-info-wrap .price-outer-wrap {
margin-bottom: 30px;
}
.card-inner-info-wrap .price-outer-wrap .price-wrap {
justify-content: flex-end;
padding: 0 30px 0 0;
}
.card-inner-info-wrap .delivery-wrap {
margin-bottom: 30px;
}
.card-inner-info-wrap .elm-info {
justify-content: space-between;
}
.card-photos-wrap {
width: 50%;
flex-shrink: 0;
padding: 0 15px 0 0;
}
.card-info-wrap {
width: 50%;
flex-shrink: 0;
padding: 0 0 0 15px;
}
.card-summary-wrap {
margin-bottom: 50px;
}
.photos-slider-box {
margin-bottom: 38px;
}
.photos-slider-box .slider-preview-wrap {
padding: 0 45px;
}
.photos-slider-box .slider-preview-wrap .elm-photo {
width: 100%;
}
.photos-slider-box .slider-wrap .elm-photo {
height: 468px;
}
.photos-slider-box .ico-arrow-prev {
left: -44px;
}
.photos-slider-box .ico-arrow-next {
right: -44px;
}
.cart-box {
padding-top: 0;
}
.delivery-box {
margin-bottom: 50px;
padding: 16px 34px 19px 24px;
}
.delivery-box .elm-info {
margin-bottom: 15px;
}
.delivery-box .items-wrap {
margin: 0 -15px;
}
.delivery-box .item-wrap {
padding: 0 15px;
width: 33.33%;
margin-bottom: 30px;
}
.submit-box {
margin-bottom: 50px;
}
.order-box {
margin-bottom: 50px;
}
.order-box .frm-row-submit {
padding-top: 20px;
}
.order-box .frm-field {
margin-bottom: 15px;
padding: 0 15px;
}
.order-box .frm-row {
margin: 0 -15px;
}
.order-total-box {
padding-left: 14px;
padding-right: 14px;
}
.comments-box {
margin-bottom: 50px;
}
.comments-box.type-columns {
margin-bottom: 26px;
display: flex;
flex-wrap: wrap;
}
.comments-box.type-columns .page-actions-box {
width: 100%;
}
.comments-box.type-columns .items-outer-wrap {
margin-bottom: 0;
width: 50%;
padding: 0 15px 0 0;
flex-shrink: 0;
}
.comments-box.type-columns .form-outer-wrap {
margin: 0;
width: 50%;
padding: 0 0 0 15px;
flex-shrink: 0;
margin-bottom: 30px;
}
.comments-box.type-columns .item-wrap .item-wrap {
padding-left: 30px;
}
.comments-box.type-columns .item-comment {
margin-bottom: 24px;
}
.comments-box.type-columns .form-title-box {
margin-bottom: 15px;
}
.comments-box.type-columns .frm-row-submit {
padding-top: 5px;
}
.comments-box .item-wrap .item-wrap {
padding-left: 90px;
}
.comments-box .item-comment {
margin-bottom: 16px;
}
.comments-box .form-outer-wrap {
padding: 14px 30px 0 30px;
max-width: 1230px;
margin-left: auto;
margin-right: auto;
}
.comments-box .frm-row-submit {
padding-top: 20px;
}
.comments-box .submit-action {
display: block;
}
.form-title-box {
margin-bottom: 30px;
}
.form-title-box .h1-title {
margin-bottom: 15px;
}
.article-photo-box {
margin: 0 0 30px 0;
max-height: inherit;
}
.article-photo-box:before {
height: 466px;
padding: 0;
}
.article-section-box {
display: flex;
margin: 36px 0;
}
.article-section-box:first-child {
margin-top: 0;
}
.article-section-box:last-child {
margin-bottom: 0;
}
.article-section-box.section-right {
flex-direction: row-reverse;
}
.article-section-box.section-right .section-text-wrap {
padding: 0 0 0 30px;
}
.article-section-box .section-text-wrap {
display: flex;
align-items: center;
width: 51%;
padding: 0 30px 0 0;
flex-shrink: 0;
margin: 0;
}
.article-section-box .section-photo-wrap {
flex: 1;
margin: 0;
padding: 0;
height: 372px;
}
.article-section-box .section-photo-wrap:before {
display: none;
}
.article-box {
padding-top: 0;
margin-bottom: 50px;
}
.article-box .article-content-wrap {
padding: 0 30px;
max-width: 1222px;
margin: 0 auto;
}
.content-outer-wrap + .articles-box {
padding-top: 5rem;
}
.articles-box {
margin-bottom: 20px;
}
.articles-box .items-wrap {
margin: 0 -15px;
}
.articles-box .item-wrap {
padding: 0 15px;
margin-bottom: 30px;
width: 33.33%;
}
.articles-box .more-box {
padding-bottom: 30px;
}
.bottom-outer-box .catalog-menu-box,
.bottom-outer-box .filter-box {
position: absolute;
width: 340px;
top: 130px;
left: 180px;
right: auto;
bottom: auto;
z-index: 120;
background: #fff;
height: auto;
border-radius: 15px;
overflow: hidden;
border: 1px solid var(--clr-att);
}
.bottom-outer-box .catalog-menu-box .btn-action-ico.ico-close,
.bottom-outer-box .filter-box .btn-action-ico.ico-close {
position: absolute;
}
body.filter-show .bottom-outer-box .filter-box {
display: flex;
}
body.catalog-show .bottom-outer-box .catalog-menu-box {
display: flex;
}
.breadcrumbs-box {
margin-bottom: 30px;
padding-top: 0;
}
.page-mobile-actions {
display: none;
}
.page-actions-box {
display: flex;
justify-content: space-between;
}
.page-actions-box .title-wrap {
padding: 0 20px 0 0;
flex: 1;
}
.page-actions-box .action-wrap {
display: block;
}
.page-actions-box .button-wrap {
margin-top: -10px;
}
.reviews-box {
margin-bottom: 50px;
}
.reviews-box .item-wrap {
margin-bottom: 30px;
width: 33.33%;
}
.pluses-box {
margin-bottom: 20px;
}
.main-about-box {
text-align: left;
padding: 90px 0;
margin-bottom: 50px;
}
.brands-box {
margin-bottom: 50px;
}
.brands-box .slider-wrap {
margin: 0 -14px;
}
.brands-box .sl-wrap {
padding: 0 14px;
}
.brands-box .elm-brand {
width: 100%;
}
.brands-box .more-box {
margin-top: 30px;
}
.brands-box .slick-list {
overflow: hidden;
}
.actions-box {
margin-bottom: 10px;
}
.actions-box .item-wrap {
margin-bottom: 40px;
padding: 0 15px;
}
.actions-box .item-wrap.wrap-second {
padding: 0 15px;
}
.actions-box .items-wrap {
margin: 0 -15px;
}
.content-wrap .catalog-box .item-wrap {
width: 33.33%;
}
.catalog-box {
margin-bottom: 10px;
}
.catalog-box .items-wrap {
margin: 0 -15px;
}
.catalog-box .item-wrap {
padding: 0 15px;
margin-bottom: 30px;
}
.catalog-box .more-box {
display: none;
}
.tabs-box {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid var(--clr-bg);
font-size: 32px;
line-height: 1.1;
font-weight: 600;
}
.tabs-box li {
margin-bottom: 10px;
}
.price-filter-box {
margin-bottom: 20px;
}
.main-actions-box {
margin-bottom: 50px;
}
.main-actions-box .slider:not(.slider-with-big) {
display: flex;
width: 100% !important;
max-width: 100%;
transform: none !important;
}
.main-actions-box .slider:not(.slider-with-big) .slick-track,
.main-actions-box .slider:not(.slider-with-big) .slick-list {
display: flex;
width: 100% !important;
max-width: 100%;
transform: none !important;
}
.main-actions-box .slider:not(.slider-with-big) .slick-slide {
width: 67% !important;
flex-shrink: 0;
}
.main-actions-box .slider:not(.slider-with-big) .slick-slide ~ .slick-slide {
padding-left: 30px;
width: 33% !important;
position: absolute;
top: 0;
right: 0;
height: 270px;
}
.main-actions-box .slider:not(.slider-with-big) .slick-slide + .slick-slide + .slick-slide {
top: auto;
bottom: 0;
}
.main-actions-box .slider:not(.slider-with-big) .slick-slide + .slick-slide + .slick-slide ~ .slick-slide {
display: none !important;
}
.main-actions-box .slider:not(.slider-with-big) .sl-wrap {
padding: 0;
}
.main-actions-box .slider.slider-with-big {
display: flex;
width: 100% !important;
max-width: 100%;
transform: none !important;
}
.main-actions-box .slider.slider-with-big .sl-wrap {
width: 67% !important;
flex-shrink: 0;
}
.main-actions-box .slider.slider-with-big .sl-wrap .slick-slide {
width: 100%;
}
.main-actions-box .slider.slider-with-big .sl-wrap ~ .sl-wrap {
display: block !important;
padding-left: 30px;
width: 33% !important;
position: absolute;
top: 0;
right: 0;
height: 270px;
}
.main-actions-box .slider.slider-with-big .sl-wrap ~ .sl-wrap + .sl-wrap {
top: auto;
bottom: 0;
}
.main-actions-box .slider.slider-with-big .slider-big {
display: flex;
width: 100% !important;
max-width: 100%;
transform: none !important;
flex-direction: column;
}
.main-actions-box .slider.slider-with-big .slider-big .sl-wrap {
width: 100% !important;
flex-shrink: 0;
padding: 0;
position: relative;
}
.main-actions-box .slider.slider-with-big .slider-big .sl-wrap ~ .sl-wrap {
width: 100% !important;
padding-left: 0;
position: relative;
height: auto;
}
.main-actions-box .slider.slider-with-big .slider-big .sl-wrap .slick-slide {
width: 100%;
}
.main-actions-box .slider.slider-with-big .slider-big .slick-dots {
position: absolute;
margin: 0 auto;
align-self: center;
bottom: 20px;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.card-inner-info-wrap .actions-wrap {
display: block;
}
.card-inner-info-wrap .actions-wrap .action-wrap {
width: 100%;
}
}
@media (max-width: 1199px) {
.price-filter-box .filter-wrap {
margin: 0 auto 10px auto;
width: 100%;
}
.price-filter-box .filter-wrap.store-column {
margin-top: 5px;
margin-left: auto;
text-align: center;
}
}
@media (min-width: 1280px) {
.card-summary-wrap .summary-info-wrap {
display: flex;
justify-content: space-between;
}
.card-summary-wrap .row-wrap {
display: contents;
width: 50%;
flex-shrink: 0;
margin: 0;
padding: 0 20px 0 0;
}
.card-summary-wrap .row-wrap:last-child {
padding: 0;
}
.bottom-outer-box .catalog-menu-box,
.bottom-outer-box .filter-box {
top: 150px;
left: 180px;
}
.pluses-box .item-wrap {
width: 25%;
}
.content-wrap .catalog-box .item-wrap {
width: 25%;
}
}
@media (min-width: 1500px) {
.bottom-outer-box .catalog-menu-box,
.bottom-outer-box .filter-box {
top: 150px;
left: 50%;
margin-left: -465px;
}
.content-wrap .catalog-box .item-wrap {
width: 20%;
}
.catalog-box .item-wrap {
width: 16.666%;
}
}
@media (min-width: 1400px) {
.comments-box.type-columns .item-wrap .item-wrap {
padding-left: 90px;
}
.order-box .field-third {
width: 33.33%;
}
.order-box .field-third.span-2 {
width: 66.66%;
}
}
.tabs-box-content {
display: none;
}
.tabs-box-content.active {
display: block;
}
.user-agreement-page h1 {
margin-bottom: 10px;
}
.user-agreement-page ol {
counter-reset: first_lvl;
list-style-type: none !important;
}
.user-agreement-page ol li {
margin-bottom: 5px;
}
.user-agreement-page ol li:before {
position: initial;
content: none;
background: none;
display: inline;
font-weight: 700;
}
.user-agreement-page ol li strong {
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
}
.user-agreement-page ol li::before {
content: counter(first_lvl) '. ';
counter-increment: first_lvl;
}
.user-agreement-page ol ol {
counter-reset: second_lvl;
}
.user-agreement-page > ol ol ol {
margin-top: 10px;
}
.user-agreement-page ol ol li::before {
content: counter(first_lvl) '. ' counter(second_lvl) ". ";
counter-increment: second_lvl;
}
.privacy-page h5 {
margin-top: 10px;
}
/* ----------------------------------- *\
forms elements styles
\* ----------------------------------- */
.bx-auth-input,
.form-control,
.form-input {
height: 50px;
border-radius: 25px;
border: 1px solid var(--clr-border);
padding: 0 10px 0 29px;
font-size: 14px;
line-height: 20px;
color: var(--clr-base-second);
}
.bx-auth-input.inp-large,
.form-control.inp-large,
.form-input.inp-large {
height: 60px;
}
.bx-auth-input.inp-small,
.form-control.inp-small,
.form-input.inp-small {
height: 40px;
border-radius: 15px;
padding-left: 14px;
}
.bx-auth-input.inp-gray,
.form-control.inp-gray,
.form-input.inp-gray {
background-color: var(--clr-bg);
height: 42px;
padding-left: 25px;
border-radius: 12px;
}
.bx-auth-input.inp-gray[placeholder]::-webkit-input-placeholder,
.form-control.inp-gray[placeholder]::-webkit-input-placeholder,
.form-input.inp-gray[placeholder]::-webkit-input-placeholder {
color: var(--clr-second);
}
.bx-auth-input.inp-gray[placeholder]:-moz-placeholder,
.form-control.inp-gray[placeholder]:-moz-placeholder,
.form-input.inp-gray[placeholder]:-moz-placeholder {
color: var(--clr-second);
}
.bx-auth-input.inp-gray[placeholder]::-moz-placeholder,
.form-control.inp-gray[placeholder]::-moz-placeholder,
.form-input.inp-gray[placeholder]::-moz-placeholder {
color: var(--clr-second);
}
.bx-auth-input.inp-gray[placeholder]:-ms-input-placeholder,
.form-control.inp-gray[placeholder]:-ms-input-placeholder,
.form-input.inp-gray[placeholder]:-ms-input-placeholder {
color: var(--clr-second);
}
textarea.form-input {
height: 187px;
padding-top: 20px;
}
textarea.form-input.inp-gray {
padding-top: 10px;
padding-left: 11px;
}
select.form-input {
display: block;
width: 100%;
padding-right: 44px;
background-image: url(/local/templates/propitanie/css/../img/icons/arrow-dark.svg);
background-position: right 32px center;
background-size: 16px auto;
background-color: #fff;
background-repeat: no-repeat;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none !important;
line-height: 1em;
text-indent: 0.01px;
text-overflow: '';
outline: none;
}
select.form-input.inp-small {
background-position: right 14px center;
}
select.form-input::-ms-expand {
display: none;
}
[placeholder]::-webkit-input-placeholder {
color: var(--clr-base-second);
}
[placeholder]:-moz-placeholder {
color: var(--clr-base-second);
}
[placeholder]::-moz-placeholder {
color: var(--clr-base-second);
}
[placeholder]:-ms-input-placeholder {
color: var(--clr-base-second);
}
.btn,
button,
input[type="submit"] {
height: 50px;
border: 1px solid var(--clr-att);
background: var(--clr-att);
border-radius: 25px;
padding: 0 30px;
color: #fff;
font-size: 14px;
line-height: 18/14;
}
.btn:hover,
button:hover,
input[type="submit"]:hover {
background: #4fda94;
border-color: #4fda94;
color: #fff;
}
.btn.button-tag,
button.button-tag,
input[type="submit"].button-tag {
border: 1px solid var(--clr-border);
height: 37px;
padding: 0 19px;
font-size: 16px;
font-weight: 500;
color: var(--clr-base);
background: none;
}
.btn.button-tag:hover,
button.button-tag:hover,
input[type="submit"].button-tag:hover,
.btn.button-tag.active,
button.button-tag.active,
input[type="submit"].button-tag.active {
color: var(--clr-att);
border-color: var(--clr-border);
}
.btn.button-border,
button.button-border,
input[type="submit"].button-border {
background: none;
color: var(--clr-base);
}
.btn.button-border:hover,
button.button-border:hover,
input[type="submit"].button-border:hover {
background: none;
border-color: #4fda94;
color: var(--clr-base);
}
.btn.button-large,
button.button-large,
input[type="submit"].button-large {
height: 60px;
}
.btn.button-arrow,
button.button-arrow,
input[type="submit"].button-arrow {
padding-right: 50px;
}
.btn.button-arrow.active:before,
button.button-arrow.active:before,
input[type="submit"].button-arrow.active:before {
transform: rotate(180deg);
}
.btn.button-arrow:before,
button.button-arrow:before,
input[type="submit"].button-arrow:before {
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
right: 30px;
margin-top: -8px;
transition: transform ease 0.2s;
background: url(/local/templates/propitanie/css/../img/icons/arrow-light.svg) center no-repeat;
background-size: 100% auto;
}
.btn.button-arrow.arrow-right:before,
button.button-arrow.arrow-right:before,
input[type="submit"].button-arrow.arrow-right:before {
transform: rotate(-90deg);
}
.btn-action-ico {
min-width: 0;
border-radius: 0;
padding: 0;
margin: 0;
font-size: 0;
display: block;
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
text-decoration: none;
transition: all ease 0.2s;
flex-shrink: 0;
}
.btn-action-ico:not(.btn) {
background: none;
border: none;
box-shadow: none;
}
.btn-action-ico.btn {
min-width: 0;
min-height: 0;
padding: 0;
display: block;
}
.btn-action-ico.button-header,
.btn-action-ico.button-page {
width: 45px;
height: 45px;
border-radius: 50%;
}
.btn-action-ico.button-page-main {
width: 65px;
height: 65px;
}
.btn-action-ico.button-page-main img {
width: 100%;
}
.btn-action-ico.button-soc {
width: 32px;
height: 32px;
}
.btn-action-ico.button-soc:hover {
opacity: 0.85;
}
.btn-action-ico:before,
.btn-action-ico:after,
.btn-action-ico [class*="icon-"],
.btn-action-ico img {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
transition: all ease 0.2s;
}
.btn-action-ico:before,
.btn-action-ico:after {
content: "";
background-position: center;
background-repeat: no-repeat;
background-size: auto auto;
}
.btn-action-ico:hover {
text-decoration: none;
}
.btn-action-ico:hover:not(.btn) {
background: none;
box-shadow: none;
}
.btn-action-ico.ico-arrow {
z-index: 20;
cursor: pointer;
}
.btn-action-ico.ico-arrow.slick-disabled {
pointer-events: none;
}
.btn-action-ico.ico-arrow:before {
background-image: url(/local/templates/propitanie/css/../img/icons/arrow-slider.svg);
background-size: 10px auto;
}
.btn-action-ico.ico-arrow-prev:before {
transform: rotate(180deg);
}
.btn-action-ico.ico-favorites:before {
background-image: url(/local/templates/propitanie/css/../img/icons/fav.svg);
background-size: 32px auto;
}
.btn-action-ico.ico-favorites:after {
background-image: url(/local/templates/propitanie/css/../img/icons/fav-active.svg);
background-size: 32px auto;
opacity: 0;
}
.btn-action-ico.ico-favorites.active:before {
opacity: 0;
}
.btn-action-ico.ico-favorites.active:after {
opacity: 1;
}
.btn-action-ico.ico-del {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--clr-att);
}
.btn-action-ico.ico-del:hover {
background: var(--clr-att-second);
}
.btn-action-ico.ico-del:before {
background-image: url(/local/templates/propitanie/css/../img/icons/cross.svg);
background-size: 16px auto;
}
.btn-action-ico.ico-search:before {
background-image: url(/local/templates/propitanie/css/../img/icons/search.svg);
background-size: 18px auto;
}
.btn-action-ico.ico-fav:before {
background-image: url(/local/templates/propitanie/css/../img/icons/menu-fav.svg);
background-size: 45px auto;
}
.btn-action-ico.ico-cart:before {
background-image: url(/local/templates/propitanie/css/../img/icons/menu-cart.svg);
background-size: 45px auto;
}
.btn-action-ico.ico-cart:after {
background-image: url(/local/templates/propitanie/css/../img/icons/menu-cart-att.svg);
background-size: 45px auto;
opacity: 0;
}
.btn-action-ico.ico-menu:after,
.btn-action-ico.ico-menu:before {
width: 16px;
height: 10px;
border-top: 2px solid var(--clr-second);
border-bottom: 2px solid var(--clr-second);
margin: -5px 0 0 -8px;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
}
.btn-action-ico.ico-menu:before {
height: 2px;
margin-top: -1px;
border-top: none;
}
.btn-action-ico.ico-menu.active:after {
height: 2px;
margin-top: -1px;
border-top: none;
transform: rotate(-45deg);
}
.btn-action-ico.ico-menu.active:before {
transform: rotate(45deg);
}
.btn-action-ico.ico-plus:after,
.btn-action-ico.ico-minus:after,
.btn-action-ico.ico-close:after,
.btn-action-ico.ico-plus:before,
.btn-action-ico.ico-minus:before,
.btn-action-ico.ico-close:before {
width: 20px;
height: 2px;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
margin: -1px 0 0 -10px;
background: var(--clr-base);
}
.btn-action-ico.ico-plus:after {
transform: rotate(90deg);
}
.btn-action-ico.ico-close:before {
transform: rotate(45deg);
}
.btn-action-ico.ico-close:after {
transform: rotate(-45deg);
}
.btn-action-catalog {
display: flex;
align-items: center;
position: relative;
width: 100%;
height: 65px;
border-radius: 35px;
border: 1px solid var(--clr-att-second);
font-size: 12px;
font-weight: 600;
color: var(--clr-base);
padding: 10px 20px 10px 74px;
}
.btn-action-catalog:hover {
color: var(--clr-att);
border-color: var(--clr-att);
}
.btn-action-catalog .btn-action-ico.button-header {
width: 55px;
height: 55px;
position: absolute;
top: 4px;
left: 4px;
}
.btn-action-catalog .btn-action-ico.button-header img {
width: 100%;
}
.frm-row,
.frm-field,
.frm-row-submit {
display: flex;
flex-wrap: wrap;
position: relative;
line-height: 1;
}
.frm-field {
display: block;
width: 100%;
}
.frm-field-range {
padding-top: 5px;
padding-bottom: 14px;
}
.frm-field-range .field-range-wrap {
margin-bottom: 15px;
margin-left: -10px;
margin-right: -10px;
display: flex;
}
.frm-field-range .range-wrap {
padding: 0 10px;
width: 50%;
flex-shrink: 0;
}
.frm-field-range .form-input {
height: 32px;
padding: 0 9px;
border-radius: 8px;
border-color: var(--clr-bg);
background: #f9f9f9;
}
.frm-field-ico {
display: block;
position: relative;
line-height: 1;
}
.frm-field-ico .frm-ico {
z-index: 2;
position: absolute;
top: 50%;
right: 42px;
margin: -20px -20px 0 0;
pointer-events: none;
}
.frm-field-ico .frm-ico img {
max-width: 24px;
max-height: 24px;
}
.frm-field-ico .form-input {
padding-right: 70px;
}
.frm-field-counter {
display: block;
position: relative;
width: 94px;
height: 45px;
padding-right: 28px;
}
.frm-field-counter .form-input {
height: 45px;
border-radius: 3px;
padding: 0;
text-align: center;
}
.frm-field-counter .btn-count {
display: block;
width: 25px;
height: 23px;
position: absolute;
top: 0;
right: 0;
border-radius: 3px;
border: 1px solid var(--clr-border);
}
.frm-field-counter .btn-count.button-minus {
top: auto;
bottom: 0;
}
.frm-field-counter .btn-count.button-minus:before {
display: none;
}
.frm-field-counter .btn-count:after,
.frm-field-counter .btn-count:before {
content: "";
display: block;
width: 7px;
height: 1px;
background: var(--clr-base);
position: absolute;
top: 11px;
left: 8px;
}
.frm-field-counter .btn-count:before {
transform: rotate(90deg);
}
.frm-select-button,
.frm-select {
position: relative;
display: block;
overflow: hidden;
line-height: 1;
}
.frm-select-button input,
.frm-select input {
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
margin: 0;
padding: 0;
}
.frm-select-button label,
.frm-select label {
display: block;
position: relative;
cursor: pointer;
}
.frm-select-button label:before,
.frm-select label:before,
.frm-select-button label:after,
.frm-select label:after {
content: "";
display: block;
position: absolute;
}
.frm-select {
font-size: 14px;
overflow: visible;
line-height: 1.43;
}
.frm-select.select-main label {
border-radius: 25px;
border: 1px solid var(--clr-border);
padding: 9px 18px 9px 47px;
}
.frm-select.select-main label:before,
.frm-select.select-main label:after {
width: 20px;
height: 20px;
top: 50%;
left: 27px;
margin: -10px 0 0 -10px;
}
.frm-select.select-main label:before {
border: 1px solid var(--clr-border);
}
.frm-select.select-main.select-gray label {
background: var(--clr-bg);
border-radius: 12px;
}
.frm-select.select-inner {
font-size: 11px;
line-height: 15px;
}
.frm-select.select-inner label {
min-height: 15px;
padding-left: 19px;
}
.frm-select.select-inner label:before,
.frm-select.select-inner label:after {
width: 15px;
height: 15px;
top: 0;
margin-top: 0;
}
.frm-select.select-inner label:before {
border: 1px solid var(--clr-border);
}
.frm-select input:checked ~ label:after {
opacity: 1;
}
.frm-select label {
min-height: 20px;
padding-left: 32px;
}
.frm-select label:before,
.frm-select label:after {
content: "";
display: block;
width: 22px;
height: 22px;
border-radius: 3px;
background: #fff;
position: absolute;
top: 50%;
left: 0;
margin-top: -11px;
}
.frm-select label:after {
opacity: 0;
border: 1px solid var(--clr-att);
background: #A2DD83 url(/local/templates/propitanie/css/../img/icons/check.svg) center no-repeat;
background-size: 12px auto;
}
.frm-select a {
color: inherit;
}
.frm-select-button {
display: block;
}
.frm-select-button label {
display: flex;
align-items: center;
height: 50px;
border-radius: 25px;
border: 1px solid var(--clr-border);
font-size: 16px;
line-height: 20px;
font-weight: 500;
padding: 10px 40px 10px 74px;
}
.frm-select-button label:before,
.frm-select-button label:after {
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left: 56px;
margin-top: -8px;
margin-left: -8px;
border: 1px solid var(--clr-second);
transition: all ease 0.2s;
border-radius: 50%;
}
.frm-select-button label:after {
width: 8px;
height: 8px;
border: none;
opacity: 0;
background: #5EB14E;
margin: -4px 0 0 -4px;
}
.frm-select-button input:checked ~ label:before {
border-color: #5EB14E;
}
.frm-select-button input:checked ~ label:after {
opacity: 1;
}
.frm-main-search {
display: block;
position: relative;
line-height: 1;
}
.frm-main-search .form-input {
padding-right: 70px;
}
.frm-main-search .form-input::placeholder {
opacity: 0.5;
}
.frm-main-search .btn-action-ico.ico-search {
position: absolute;
top: 0;
right: 0;
z-index: 2;
height: 100%;
width: 84px;
}
.slick-dots {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
position: relative;
line-height: 1;
text-align: center;
font-size: 0;
margin: 0;
padding: 15px 0 0 0;
}
.slick-dots li {
margin: 0 5px 0px 5px;
padding: 0;
display: block;
}
.slick-dots li:before {
display: none;
}
.slick-dots li button {
background: none;
border: none;
min-width: 0;
padding: 0;
box-shadow: none;
font-size: 0;
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--clr-att);
}
.slick-dots li button:hover,
.slick-dots li button.active {
background: var(--clr-att-second);
}
.slick-dots .slick-active button {
background: var(--clr-att-second);
}
body .ui-slider {
height: 4px;
border-radius: 2px;
background: #EBEBEB;
}
body .ui-slider .ui-slider-range {
background: var(--clr-att);
}
body .ui-slider .ui-slider-handle {
width: 14px;
height: 14px;
cursor: pointer;
outline: none;
border-radius: 50%;
background: #fff;
top: 0;
margin-top: -7px;
margin-left: -7px;
box-shadow: 0px 1.43426px 2.86853px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1023px) {
.btn-action-ico.button-header {
width: 50px;
height: 50px;
}
.btn-action-ico.button-header.ico-fav:before,
.btn-action-ico.button-header.ico-cart:before {
background-size: 50px auto;
}
.btn-action-ico.ico-search:before {
background-size: 24px auto;
}
}
@media (min-width: 1280px) {
.form-input {
height: 60px;
}
.form-input.inp-gray {
padding-left: 16px;
}
textarea.form-input.inp-gray {
padding-left: 16px;
}
.btn,
button,
input[type="submit"] {
height: 60px;
}
.btn-action-ico.button-header {
width: 60px;
height: 60px;
}
.btn-action-ico.button-header.ico-fav:before,
.btn-action-ico.button-header.ico-cart:before {
background-size: 60px auto;
}
.btn-action-catalog {
height: 75px;
padding-left: 84px;
}
.btn-action-catalog .btn-action-ico.button-header {
height: 65px;
width: 65px;
}
}
/* ----------------------------------- *\
common styles
\* ----------------------------------- */
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeinslide {
from {
opacity: 0;
transform: translate(0, -50px);
}
to {
opacity: 1;
transform: translate(0, 0px);
}
}
.i,
[class*="icon-"] {
display: block;
transition: none;
}
.img-bg-cover,
.img-bg-contain {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.img-bg-contain {
bottom: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
@supports (object-fit: cover) {
.img-bg-cover {
height: 100%;
object-fit: cover;
}
}
@supports (object-fit: contain) {
.img-bg-contain {
height: 100%;
object-fit: contain;
max-width: inherit;
max-height: inherit;
right: auto;
bottom: auto;
}
}
.js-btn-toggle.active + .js-popup-block {
display: block !important;
}
.js-popup-block {
-webkit-animation: fadein ease 0.3s;
animation: fadein ease 0.3s;
}
.js-tab-block {
display: none;
animation: fadein ease 0.2s;
}
.js-tab-block.active {
display: block;
}
.items-wrap {
display: flex;
flex-wrap: wrap;
position: relative;
}
.item-wrap {
width: 100%;
position: relative;
break-inside: avoid-column;
display: block;
animation: fadein ease 0.2s;
}
.item-wrap.wrap-more ~ .item-wrap {
display: none;
}
.item-wrap.wrap-more.active {
display: none;
}
.item-wrap.wrap-more.active ~ .item-wrap {
display: block;
}
.slider-wrap,
.slider,
.sl-wrap {
position: relative;
line-height: 1;
display: block;
}
.sl-wrap ~ .sl-wrap {
display: none;
}
.no-mbottom {
margin-bottom: 0 !important;
}
.no-mtop {
margin-top: 0 !important;
}
.elm-hidden {
display: none !important;
}
@media (max-width: 1023px) {
.elm-hidden-mobile {
display: none !important;
}
}
@media (min-width: 1024px) {
.elm-hidden-desktop {
display: none !important;
}
}
/* ----------------------------------- *\
fonts
\* ----------------------------------- */
@media (max-width: 1023px) {
.catalog-box .item-wrap .frm-field-counter {
margin-left: auto;
}
}
/* ----------------------------------- *\
icons
\* ----------------------------------- */
/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
.icon-blank {
background-image: url(/local/templates/propitanie/css/../img/spr.png);
background-position: 0px 0px;
width: 1px;
height: 1px;
}
/*# sourceMappingURL=style.css.map */
/* End */
/* Start:/local/templates/propitanie/css/preloader.css?16651424822218*/
@keyframes loader {
0% {
transform: translate(6px, 40px) scale(0);
}
25% {
transform: translate(6px, 40px) scale(0);
}
50% {
transform: translate(6px, 40px) scale(1);
}
75% {
transform: translate(40px, 40px) scale(1);
}
100% {
transform: translate(74px, 40px) scale(1);
}
}
@keyframes loader-r {
0% {
transform: translate(74px, 40px) scale(1):
}
100% {
transform: translate(74px, 40px) scale(0);
}
}
@keyframes loader-c {
0% {
background: #8cd0e5
}
25% {
background: #de786a
}
50% {
background: #826b88
}
75% {
background: #376888
}
100% {
background: #8cd0e5
}
}
.loader div {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
transform: translate(40px, 40px) scale(1);
background: #8cd0e5;
animation: loader 2.2222222222222223s infinite cubic-bezier(0, 0.5, 0.5, 1);
}
.loader div:nth-child(1) {
background: #376888;
transform: translate(74px, 40px) scale(1);
animation: loader-r 0.5555555555555556s infinite cubic-bezier(0, 0.5, 0.5, 1), loader-c 2.2222222222222223s infinite step-start;
}
.loader div:nth-child(2) {
animation-delay: -0.5555555555555556s;
background: #8cd0e5;
}
.loader div:nth-child(3) {
animation-delay: -1.1111111111111112s;
background: #376888;
}
.loader div:nth-child(4) {
animation-delay: -1.6666666666666665s;
background: #826b88;
}
.loader div:nth-child(5) {
animation-delay: -2.2222222222222223s;
background: #de786a;
}
.loader-spinner {
width: 100%;
height: 100%;
display: flex;
background: rgba(255, 255, 255, 0.35);
position: fixed;
justify-content: center;
align-items: center;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 100;
align-content: center;
}
.loader {
width: 100px;
height: 100px;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
margin: 0 auto;
background: transparent;
}
.loader div {
box-sizing: content-box;
}
/* End */
/* Start:/local/templates/propitanie/css/modal.css?16651424783676*/
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}
.close:not(:disabled):not(.disabled) {
cursor: pointer;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
color: #000;
text-decoration: none;
opacity: .75;
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
}
@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (0.5rem * 2));
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - (0.5rem * 2));
content: "";
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 2rem;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.modal-header .close {
padding: 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 2rem;
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;
}
.modal-footer > :not(:first-child) {
margin-left: .25rem;
}
.modal-footer > :not(:last-child) {
margin-right: .25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-centered {
min-height: calc(100% - (1.75rem * 2));
}
.modal-dialog-centered::before {
height: calc(100vh - (1.75rem * 2));
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 1000px;
}
}
/* End */
/* Start:/local/templates/propitanie/css/dropdown.css?16651424817162*/
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-toggle::after {
vertical-align: 0;
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropleft .dropdown-toggle::after {
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block;
width: 0;
height: 0;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropleft .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
right: auto;
bottom: auto;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
/* End */
/* Start:/local/components/propitanie/search.title/templates/.default/style.css?16662553483721*/
.bx_search_container {
height: 50px;
line-height: 50px;
padding: 0 10px;
}
.bx_search_container .bx_field {
position: relative;
margin-top: 15px;
height: 30px;
border-top: 1px solid #8ca3ae;
border-right: 1px solid #a0b4be;
border-bottom: 1px solid #b6c8d1;
border-left: 1px solid #a0b4be;
border-radius: 3px;
background: #fff;
box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);
line-height: 30px;
}
.bx_search_container .bx_field .bx_input_text {
position: absolute;
left: 0;
height: 30px;
outline: none;
border: none;
background: none;
line-height: 30px;
width: 100%;
padding-right: 40px;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5px;
}
.bx_search_container .bx_field .bx_input_submit {
position: absolute;
top: 2px;
right: 0;
bottom: 0;
width: 34px;
border: none;
background: url('/local/components/propitanie/search.title/templates/.default/images/search_lupe.png') no-repeat left center;
cursor: pointer;
}
div.title-search-result {
border: 1px solid #c6c6c6;
display: none;
overflow: hidden;
z-index: 999;
min-width: 370px;
margin-left: 0;
margin-top: 0;
background-color: #FFF;
border-radius: 12px;
}
div.title-search-fader {
display: none;
background-image: url('/local/components/propitanie/search.title/templates/.default/images/fader.png');
background-position: right top;
background-repeat: repeat-y;
position: absolute;
}
p.title-search-preview {
font-size: 12px;
}
div.title-search-result td.title-search-price span {
font-size: 26px;
}
/*========================*/
.bx_searche {
padding: 20px;
max-height: 100%;
overflow-x: auto;
}
.bx_searche .bx_img_element {
background: #fafafa;
display: block;
float: left;
/* width: 45px; */
/* padding: 5px 10px; */
/* position: absolute; */
top: 0;
bottom: 0;
max-width: 65px;
}
.bx_searche .bx_item_block {
min-height: 60px;
position: relative;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.bx_searche .bx_image {
min-width: 60px;
width: 60px;
height: 60px;
margin-right: 5px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: auto;
}
.bx_searche .bx_item_element hr {
margin: 0;
border: none;
border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a {
display: inline-block;
font-size: 13px;
text-decoration: none;
padding-right: 40px;
}
.bx_searche .bx_item_element a b {
color: #000;
font-weight: normal;
}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b {
text-decoration: underline;
}
.bx_searche .bx_price {
color: #000;
font-weight: bold;
font-size: 16px;
margin-top: 5px;
letter-spacing: -0.25px;
}
.bx_searche .bx_price small {
font-weight: normal;
font-size: 11px;
color: #4a4a4a;
}
.bx_searche .bx_price .old {
font-weight: normal;
text-decoration: line-through;
}
.bx_item_block.all_result {
min-height: 0;
margin-bottom: auto;
}
.bx_item_block.others_result {
min-height: 0;
padding: 0 0 12px;
line-height: 12px;
}
.bx_item_block.all_result .all_result_title {
display: block;
font-size: 12px;
color: #a7a7a7;
padding-top: 10px;
padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a {
color: #a7a7a7
}
.bx_item_block.all_result a {
margin-top: 0;
}
/* End */
/* Start:/local/templates/propitanie/components/bitrix/sale.basket.basket.line/header.cart/style.css?17221038956426*/
.header-basket{
position: relative;
}
.bx-basket-item-list{
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 15;
background-color: #fff;
border-radius: 16px;
box-shadow: 0px 0px 43px 4px rgba(0, 0, 0, .15);
width: 380px;
padding: 15px 17px;
}
.header-basket.bx-opener .bx-basket-item-list{
display: block;
}
.bx-basket-item-list-container{
max-height: 270px;
overflow: auto;
padding-right: 7px;
margin: -15px -7px 15px 0;
}
.bx-basket-item-list-container::-webkit-scrollbar {
width: 4px;
}
.bx-basket-item-list-container::-webkit-scrollbar-track {
background: #eaeaea;
border-radius: 16px;
}
.bx-basket-item-list-container::-webkit-scrollbar-thumb {
background: #2db872;
border-radius: 16px;
}
.bx-basket-item-list-item{
display: flex;
align-items: center;
padding: 15px 0;
border-bottom: 1px solid rgb(222, 222, 222);
}
.bx-basket-item-list-item-img{
border-style: solid;
border-width: 1px;
border-color: rgb(222, 222, 222);
border-radius: 3px;
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
width: 57px;
height: 57px;
flex: 0 0 57px;
margin-right: 10px;
}
.bx-basket-item-list-item-img img{
width: 100%;
line-height: 1;
}
.bx-basket-item-list-item-name-block{
flex: 1;
}
.bx-basket-item-list-item-name{
margin-bottom: 8px;
}
.bx-basket-item-list-item-counter{
display: flex;
align-items: center;
justify-content: space-between;
}
.bx-basket-item-list-item-counter .btn-count{
position: relative;
width: 25px;
height: 100%;
flex: 0 0 25px;
cursor: pointer;
}
.bx-basket-item-list-item-counter .frm-field-counter .form-input{
height: 100%;
margin: 0 5px;
flex: 0 0 41px;
font-size: 12px;
color: rgb(171, 171, 171);
}
.bx-basket-item-list-item-counter .frm-field-counter .btn-count:after,
.bx-basket-item-list-item-counter .frm-field-counter .btn-count:before{
left: 50%;
transform: translateX(-50%);
}
.bx-basket-item-list-item-counter .frm-field-counter .btn-count:before{
transform: translateX(-50%) rotate(90deg);
}
.bx-basket-item-list-item-counter .frm-field-counter{
display: flex;
align-items: center;
padding: 0;
height: 27px;
margin-right: 18px;
}
.bx-basket-item-list-item-full-price,
.bx-basket-item-list-item-quantity{
line-height: 1.15;
white-space: nowrap;
}
.bx-basket-item-list-item-full-price{
font-size: 10px;
color: #000;
}
.bx-basket-item-list-item-counter-right{
display: flex;
align-items: center;
}
.bx-basket-item-list-item-counter-right .btn-action-ico.ico-del{
width: 24px;
height: 24px;
cursor: pointer;
}
.bx-basket-item-list-button-container{
text-align: center;
}
.bx-basket-item-list-progress-block{
position: relative;
overflow: hidden;
margin-bottom: 17px;
text-align: center;
color: rgb(33, 150, 83);
padding: 5px;
border-radius: 20px;
background-color: rgb(235, 247, 229);
}
.bx-basket-item-list-progress-block span{
font-weight: bold;
color: black;
}
.bx-basket-item-list-progress-current{
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: #a2dd83;
}
.bx-basket-item-list-progress-text{
position: relative;
z-index: 5;
}
.header-actions-wrap .action-cart .cart-title{
margin-left: 7px;
padding-left: 0;
}
.header-actions-wrap .action-cart .cart-title.cart-title-with-product{
cursor: pointer;
overflow: hidden;
position: relative;
padding: 14px 16px;
border-radius: 19px;
border: 1px solid rgb(162, 221, 131);
line-height: 1;
background-color: rgb(235, 247, 229);
}
.header-actions-wrap .action-cart .cart-title.cart-title-with-product span{
color: rgb(33, 150, 83);
}
.header-actions-wrap .action-cart .cart-title.cart-title-with-product span.cart-title-total-price{
color: #000;
}
.header-actions-wrap .action-cart .cart-title .cart-title-progress{
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: #a2dd83;
}
.header-actions-wrap .action-cart .cart-title .cart-title-text{
position: relative;
z-index: 5;
}
.action-cart-mobile-count{
display: none;
}
.basket-item-list-mobile-top{
display: none;
}
@media (max-width: 1023px) {
.action-cart .ico-cart{
position: relative;
overflow: visible;
}
.action-cart-mobile-count{
position: absolute;
width: 30px;
height: 30px;
border-style: solid;
border-width: 2px;
border-color: rgb(45, 184, 114);
border-radius: 50%;
background-color: rgb(255, 255, 255);
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: rgb(33, 150, 83);
line-height: 1;
right: -8px;
top: -15px;
}
.header-basket{
position: initial;
}
.bx-basket-item-list{
top: 85px;
left: 0;
right: 0;
bottom: 0;
transform: none;
width: 100%;
height: 100vh;
}
.basket-item-list-mobile-top{
display: block;
position: relative;
margin-bottom: 25px;
}
.basket-item-list-mobile-top-wrap{
display: flex;
justify-content: center;
}
.basket-item-list-mobile-top-price{
color: rgb(33, 150, 83);
}
.basket-item-list-mobile-top-total-price {
font-weight: bold;
color: black;
}
.bx-basket-item-list-close-ico{
background-image: url("/local/templates/propitanie/components/bitrix/sale.basket.basket.line/header.cart/img/small-basket-close.png");
display: block;
width: 13px;
height: 13px;
background-size: contain;
background-repeat: no-repeat;
}
.bx-basket-item-list-close{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: -5px;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #ebf7e5;
}
}
/* End */
/* Start:/local/components/propitanie/callback/templates/modal/style.css?16651426881171*/
.hide {
display: none;
}
.new-rate {
/* float: right; */
position: absolute;
/* text-align: right; */
right: 24px;
/* top: 4px; */
margin-top: 5px;
}
.reviews-list {
position: relative;
margin: 0 0 2em 0;
}
.review-item h5 span {
font-weight: normal;
font-size: 11px;
color: #b9b9b9;
}
.callback-wrapper .rate {
color: #ddd;
cursor: pointer;
}
.callback-wrapper .rate > input {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
opacity: 0;
-moz-opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
cursor: pointer;
}
.review-item .rate.active,
.callback-wrapper .rate.active {
color: #FFED85;
}
.callback-success {
}
.callback-success p {
margin-bottom: .5rem;
}
.callback-wrapper {
position: relative;
}
.input-error {
border: 1px solid #F3455A !important;
}
.bxlhe-frame {
border: 1px solid #e8e8e8;
}
.review-item .fa-star {
color: #ddd;
}
.review-item .fa-star.active {
color: #FFED85;
}
.review-item h5 {
margin-bottom: 0;
}
/* End */
/* Start:/local/templates/propitanie/template_styles.css?17297789208275*/
.js-btn-toggle.active + .js-popup-block {
display: block !important;
position: fixed;
left: 0;
right: 0;
margin-top: 10px;
z-index: 100;
}
.popup-window {
position: absolute;
left: 0 !important;
z-index: 1050 !important;
width: 100% !important;
height: 100% !important;
}
.popup-window-close-icon:after {
width: 15px !important;
height: 15px !important;
}
.in-basket .price-outer-wrap .action-wrap,
.in-basket .cat-action-wrap{
display: none;
}
.price-outer-wrap .actions-wrap,
.cat-actions-wrap{
justify-content: end!important;
}
.in-basket .price-outer-wrap .actions-wrap,
.in-basket .cat-actions-wrap{
justify-content: space-between!important;
}
.price-outer-wrap .counter-wrap,
.cat-counter-wrap{
display: none!important;
}
.in-basket .price-outer-wrap .counter-wrap,
.in-basket .cat-counter-wrap{
display: flex!important;
}
.card-info-wrap .actions-wrap{
display: none;
}
.item-catalog .ico-favorites{
position: absolute;
z-index: 3;
top: 5px;
right: 5px;
}
.social-wrap{
display: flex;
align-items: center;
min-height: 50px;
margin: 0 -5px;
box-sizing: border-box;
}
.header .social-wrap{
padding-left: 10px;
}
.social-wrap .button-soc{
padding: 0 5px;
display: block;
box-sizing: content-box;
}
.scroll-button{
--buttonSize: 75px;
display: flex;
height: var(--buttonSize);
flex: 0 0 var(--buttonSize);
border-radius: 50%;
border: 1px solid var(--clr-att) ;
align-items: center;
justify-content: center;
cursor: pointer;
}
.scroll-button svg{
transition: 250ms ease-in;
transform: rotateY(0);
}
.scroll-button.reversed svg{
transform: rotateY(180deg);
}
.scroll-button__icon{
height: 40px;
fill: var(--clr-att-second);
}
.header-catalog-wrap li{
padding: 5px;
scroll-snap-align: center;
user-select: none;
-webkit-user-drag: none;
}
.header-catalog-wrap .menu{
margin: 0 -5px;
overflow: auto;
scroll-snap-type: both proximity;
scroll-behavior: smooth;
}
/* .btn-action-catalog{
user-select: none;
-webkit-user-drag: false;
-webkit-tap-highlight-color: transparent;
} */
.header-catalog-wrap .menu::-webkit-scrollbar{
height: 0px;
width: 0px;
}
/* перенести в основной компонент после того как заказчик примет этот вариант */
@media (min-width: 1024px) {
.header-catalog-wrap {
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
gap: 8px;
}
}
@media (max-width: 1280px) {
.scroll-button{
--buttonSize: 65px;
}
}
@media (min-width: 1500px) {
.header-catalog-wrap{
gap: 16px;
}
}
@media (max-width: 1499px) {
.social-wrap{
padding-left: 0;
}
}
@media (max-width: 1180px) {
.main-menu-wrap .phone-wrap{
padding-right: 15px;
}
.main-menu-wrap .login-wrap{
padding-left: 15px;
}
.social-wrap .button-soc{
padding: 0 3px;
}
.social-wrap{
margin: 0 -3px;
}
}
@media (max-width: 1023px) {
.header .social-wrap{
justify-content: center;
}
.main-menu-wrap .phone-wrap,
.main-menu-wrap .login-wrap{
padding: 0;
}
}
/* @media (max-width: 1295px) {
.header-catalog-wrap li{
padding: 5px;
scroll-snap-align: center;
}
.header-catalog-wrap .menu{
margin: 0 -5px;
overflow: auto;
scroll-snap-type: both proximity;
scroll-behavior: smooth;
}
.header-catalog-wrap .menu::-webkit-scrollbar{
height: 0px;
width: 0px;
}
} */
.menu .sales a{
color: #eb7c1a;
}
.menu .sales span{
position: relative;
}
.menu .sales span:before{
content: '';
width: 44px;
height: 44px;
background-image: url("/local/templates/propitanie/img/sales-ico.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -28px;
z-index: -1;
}
@media (max-width: 1499px) {
.menu .sales span:before{
width: 28px;
height: 28px;
left: -17px;
}
}
.item-catalog .old-price-block{
display: flex;
align-items: center;
margin-top: 8px;
}
.card-info-wrap .price-wrap .current-price,
.item-catalog .cat-price-inner-wrap .old-price-block .elm-price{
padding: 0 8px;
height: 29px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin-right: 8px;
font-size: 16px;
border-image-slice: 14 16 14 14;
border-image-width: 20px 20px 20px 20px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: stretch stretch;
border-image-source: url("/local/templates/propitanie/img/sale-price-ico.png");
border-style: solid;
}
.card-info-wrap .price-wrap .current-price{
font-size: 24px;
}
.card-info-wrap .price-wrap .old-price,
.item-catalog .cat-price-inner-wrap .old-price-block .old-price{
color: rgb(196, 194, 194);
font-weight: bold;
text-decoration: line-through;
}
.photos-slider-box,
.catalog-section .item-catalog{
position: relative;
}
.sale-percent{
position: absolute;
left: 0;
top: 0;
background-image: url("/local/templates/propitanie/img/sale-percent-ico.png");
width: 82px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: bold;
}
.detail-banner{
margin-top: 150px;
}
.detail-banner img{
max-width: 100%;
margin: 0 auto;
}
.detail-banner__wrapper{
text-align: center;
}
.similar-detail-block{
margin-top: 50px;
}
.similar-detail-block .h2-title{
text-align: center;
}
.similar-detail-block .items-wrap{
padding-top: 55px;
}
.similar-detail-block .slick-arrow{
position: absolute;
background-color: rgb(45, 184, 114);
border-radius: 50%;
width: 40px;
height: 40px;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: rgb(45, 184, 114);
font-size: 0;
}
.similar-detail-block .slick-arrow:before{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
content: '';
background-image: url("/local/templates/propitanie/img/similar-arrow.png");
width: 11px;
height: 19px;
}
.similar-detail-block .slick-arrow.slick-disabled{
border-color: rgb(223, 223, 223);
background-color: #fff;
}
.similar-detail-block .slick-next,
.similar-detail-block .slick-prev{
top: 0;
}
.similar-detail-block .slick-next{right: 0}
.similar-detail-block .slick-prev{left: 15px}
.similar-detail-block .slick-prev{
transform: rotateY(180deg);
}
.similar-detail-block .slick-track{
display: flex;
height: 100%;
}
.similar-detail-block .slick-slide>div{
height: 100%;
}
.similar-detail-block .item-wrap{
margin-bottom: 0;
height: 100%;
}
.similar-detail-block .page-actions-box .title-wrap{
padding: 0;
}
.similar-detail-block-mobile{
display: none;
}
.similar-detail-block .items-wrap{
margin-top: -65px;
}
@media (max-width: 1280px) {
.similar-detail-block .item-wrap{
padding: 0 5px;
}
}
@media (max-width: 1023px) {
.card-box .detail-banner {
width: 100%;
order: 4;
margin-top: 40px;
}
.card-box .similar-detail-block {
width: 100%;
order: 5;
margin-top: 40px;
}
.similar-detail-block{
padding: 0 10px;
}
}
@media (max-width: 520px) {
.catalog-box .item-wrap{
padding: 0 5px;
}
.catalog-section{
padding: 0 10px;
}
.similar-detail-block .catalog-section{
padding: 0;
}
.card-inner-info-wrap .price-outer-wrap{
justify-content: space-between;
}
.card-inner-info-wrap .price-outer-wrap .price-wrap{
flex: none;
padding: 0;
}
.card-box .similar-detail-block{
display: none;
}
.card-box .detail-banner{
margin-top: 20px;
margin-bottom: 40px;
}
.similar-detail-block-mobile{
display: block;
margin-top: 0;
}
.similar-detail-block .items-wrap{
margin-top: -50px;
}
}
/* End */
/* /local/templates/propitanie/css/reset.css?16651424783626 */
/* /local/templates/propitanie/css/jquery.fancybox.min.css?166514248212795 */
/* /local/templates/propitanie/css/jquery-ui.min.css?16651424812089 */
/* /local/templates/propitanie/css/slick.css?16651424811776 */
/* /local/templates/propitanie/css/style.css?1717526005127582 */
/* /local/templates/propitanie/css/preloader.css?16651424822218 */
/* /local/templates/propitanie/css/modal.css?16651424783676 */
/* /local/templates/propitanie/css/dropdown.css?16651424817162 */
/* /local/components/propitanie/search.title/templates/.default/style.css?16662553483721 */
/* /local/templates/propitanie/components/bitrix/sale.basket.basket.line/header.cart/style.css?17221038956426 */
/* /local/components/propitanie/callback/templates/modal/style.css?16651426881171 */
/* /local/templates/propitanie/template_styles.css?17297789208275 */