/* Start:/local/templates/main/css/jquery.fancybox.min.css?158459752412795*/
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/main/css/styles.css?1742203073239057*/
@charset 'UTF-8';
/*reset*/
p.title.title_green.vine-club-d {
padding-bottom: 2rem;
margin-top: 0rem;
margin-bottom: 0;
}
.page-header-info {
z-index: 2;
}
html
{
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body
{
margin: 0;
}
body.no-scroll {
overflow: hidden;
}
main
{
display: block;
}
h1
{
font-size: 2em;
margin: .67em 0;
}
hr
{
overflow: visible;
box-sizing: content-box;
height: 0;
}
pre
{
font-family: monospace,monospace;
font-size: 1em;
}
a
{
background-color: transparent;
}
abbr[title]
{
text-decoration: underline;
text-decoration: underline dotted;
border-bottom: none;
}
b,
strong
{
font-weight: bolder;
}
code,
kbd,
samp
{
font-family: monospace,monospace;
font-size: 1em;
}
small
{
font-size: 80%;
}
sub,
sup
{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub
{
bottom: -.25em;
}
sup
{
top: -.5em;
}
img
{
border-style: none;
}
button,
input,
optgroup,
select,
textarea
{
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input
{
overflow: visible;
}
button,
select
{
text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit']
{
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{
padding: 0;
border-style: none;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring
{
outline: 1px dotted ButtonText;
}
fieldset
{
padding: .35em .75em .625em;
}
legend
{
display: table;
box-sizing: border-box;
max-width: 100%;
padding: 0;
white-space: normal;
color: inherit;
}
progress
{
vertical-align: baseline;
}
textarea
{
overflow: auto;
}
[type='checkbox'],
[type='radio']
{
box-sizing: border-box;
padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
{
height: auto;
}
[type='search']
{
outline-offset: -2px;
-webkit-appearance: textfield;
}
[type='search']::-webkit-search-decoration
{
-webkit-appearance: none;
}
::-webkit-file-upload-button
{
font: inherit;
-webkit-appearance: button;
}
details
{
display: block;
}
summary
{
display: list-item;
}
template
{
display: none;
}
[hidden]
{
display: none;
}
/*reset*/
/*var*/
/*var*/
/*components*/
.iconed
{
display: inline-flex;
}
.iconed_center
{
align-items: center;
}
.arrows-control
{
position: absolute;
z-index: 9;
top: auto !important;
bottom: 3rem;
display: flex;
transition: all .2s ease-in;
border: 5px solid rgba(255, 255, 255, .5);
border-radius: 50%;
align-items: center;
justify-content: center;
}
.arrows-control.arrows-control__right
{
z-index: 15;
right: 0;
left: 85%;
width: 42px;
height: 42px;
margin-left: 40px;
background: none;
}
.arrows-control.arrows-control__left
{
z-index: 15;
right: 0;
left: 85%;
width: 42px;
height: 42px;
margin-left: -40px;
background: none;
}
.arrows-control__right .arrows-control__ico
{
left: 1px;
}
.arrows-control__left .arrows-control__ico
{
left: -1px;
}
.arrows-control__ico
{
position: relative;
width: 12px;
height: 12px;
transition: all .2s ease-in;
fill: none;
stroke: #8e8f92;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-width: 1.4px;
}
.arrows-control:hover
{
border-color: #c9f73c;
}
.arrows-control:hover .arrows-control__ico
{
stroke: #fff;
}
.form__label
{
font-size: 1.6rem;
display: block;
margin-bottom: 1rem;
}
.form__item_offset
{
margin-bottom: 3.5rem;
}
.pod-sert-idei-podarkov,.korzina-idei-podarkov{
position: absolute;
height: 100%;
right: 0;
bottom: 0;
}
.textarea_default
{
font-family: 'Roboto', sans-serif;
width: 100%;
height: 180px;
padding: 20px 15px;
resize: none;
transition: all .2s ease-in;
color: #8a8a8a;
border: 2px solid #ebebeb;
border-radius: 4px;
}
.textarea_default:focus
{
border-color: #93c22c;
outline: none;
}
.custom-file .fileuploader-input
{
display: flex;
flex-direction: row-reverse;
}
.custom-file .fileuploader-input-button
{
font-size: 0;
position: relative;
top: -5px;
width: 34px;
height: 34px;
padding: 0;
transform: translate3d(0, -2px, 0) !important;
background: transparent !important;
background: none;
box-shadow: none !important;
}
.custom-file .fileuploader-input-button:before
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 34px;
height: 34px;
content: '';
background: url(/local/templates/main/css/../images/clip.svg) no-repeat center;
background-size: contain;
}
.modal_form .custom-file .fileuploader-input-button:before{
content: '';
}
.custom-file .fileuploader
{
background: none;
}
.custom-file .fileuploader-input .fileuploader-input-caption
{
font-weight: 400;
padding: 0;
color: #000;
border: none;
border-radius: none;
background: transparent;
}
.custom-file .fileuploader-input
{
display: flex;
flex-direction: row-reverse;
}
.form__capture
{
margin-top: 15px;
}
.btn
{
cursor: pointer;
}
.btn_default
{
font-size: 1.6rem;
display: inline-block;
padding: 1.2rem 2rem;
border: none;
border-radius: 5px;
}
.btn_green
{
color: #fff;
background: #93c22c;
}
.input_default
{
width: 100%;
height: 59px;
padding-right: 18px;
padding-left: 18px;
border: 2px solid #ebebeb;
}
.table
{
display: table;
width: 100%;
border: 1px solid #f3f3f3;
border-radius: 5px;
}
.tr
{
display: table-row;
}
.tr:hover .td
{
background: #edf0dc;
}
.th
{
display: table-cell;
}
.th:first-child
{
padding-left: 5px;
border-radius: 5px 5px 0 0;
}
.th:last-child
{
padding-right: 5px;
border-radius: 5px 5px 0 0;
}
.td
{
display: table-cell;
padding: 2.4rem 5rem;
transition: all .2s ease-in;
}
.th-content
{
font-size: 1.8rem;
font-weight: bold;
padding: 1.5rem 5rem;
border-bottom: 2px solid #fafbfc;
}
.filter
{
font-size: 1.6rem;
width: 350px;
border: 1px solid #f3f3f3;
border-radius: 5px;
}
.filter-reset
{
font-family: 'Roboto Condensed';
font-size: 1.2rem;
font-weight: bold;
display: inline-flex;
text-transform: uppercase;
color: #94c22b;
border: none;
background: none;
align-items: center;
}
.filter
{
padding-right: 3rem;
padding-left: 3rem;
}
.filter-header
{
display: flex;
padding: 2rem 0rem;
border-bottom: 1px solid #f3f3f3;
align-items: center;
justify-content: space-between;
}
.filter-reset__ico
{
position: relative;
display: block;
width: 12px;
height: 12px;
margin-left: 1rem;
transform: rotate(45deg);
}
.filter-reset__ico:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 12px;
height: 2px;
margin: auto;
content: '';
background: #94c22b;
}
.filter-reset__ico:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 2px;
height: 12px;
margin: auto;
content: '';
background: #94c22b;
}
.filter
{
padding-bottom: 1rem;
}
.filter-item
{
padding-top: 1.9rem;
padding-bottom: 1.9rem;
}
.filter-item__header
{
display: flex;
align-items: center;
justify-content: space-between;
}
.minus-ico
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
cursor: pointer;
}
.minus-ico:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 12px;
height: 2px;
margin: auto;
content: '';
background: #adadad;
}
.checkbox__input
{
display: none;
}
.checkbox__label_gray
{
color: #838383;
}
.filter-item__content
{
padding-top: 2.5rem;
}
.checkbox__label
{
position: relative;
display: block;
padding-left: 3rem;
cursor: pointer;
}
.checkbox__label:before
{
position: absolute;
left: 0;
width: 15px;
height: 15px;
content: '';
border: 1px solid #8d8c8d;
}
.filter-item_bordered
{
border-bottom: 1px solid #f3f3f3;
}
.checkbox
{
display: inline-block;
}
.checkbox_b-offset
{
margin-bottom: 1.5rem;
}
.box-btn
{
display: inline-block;
padding: 1rem 2rem;
cursor: pointer;
border: none;
border-radius: 5px;
}
.box-btn_green
{
color: #fff;
background: #93c22c;
}
.hr_default
{
width: 64px;
height: 4px;
margin: 0;
border: none;
}
.hr_green
{
background: #93c22c;
}
/*components*/
/*fonts*/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
font-weight: bold;
margin-top: 0;
}
h2,
.h2
{
font-size: 3.6rem;
color: #45452e;
}
h3,
.h3
{
font-size: 2.8rem;
margin-top: 0;
}
h5,
.h5
{
font-size: 1.8rem;
margin-top: 0;
}
h6,
.h6
{
font-size: 1.6rem;
}
.title
{
display: inline-block;
}
.title_small
{
font-size: 1.4rem;
}
.title_uppercased
{
text-transform: uppercase;
}
.title_bold
{
font-weight: bold;
}
.title_condensed
{
font-family: 'Roboto Condensed';
}
.link
{
display: inline-block;
}
.link_green
{
color: #94c22b;
}
.link_condensed
{
font-family: 'Roboto Condensed';
}
.link_bold
{
font-weight: 700;
}
.title_centered
{
display: block;
text-align: center;
}
/*fonts*/
/*plugins*/
/*airpicker*/
.datepicker--cells
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.datepicker--cell
{
position: relative;
z-index: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
height: 32px;
cursor: pointer;
border-radius: 4px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.datepicker--cell.-focus-
{
background: #f0f0f0;
}
.datepicker--cell.-current-
{
color: #4eb5e6;
}
.datepicker--cell.-current-.-focus-
{
color: #4a4a4a;
}
.datepicker--cell.-current-.-in-range-
{
color: #4eb5e6;
}
.datepicker--cell.-in-range-
{
color: #4a4a4a;
border-radius: 0;
background: rgba(92, 196, 239, .1);
}
.datepicker--cell.-in-range-.-focus-
{
background-color: rgba(92, 196, 239, .2);
}
.datepicker--cell.-disabled-
{
cursor: default;
color: #aeaeae;
}
.datepicker--cell.-disabled-.-focus-
{
color: #aeaeae;
}
.datepicker--cell.-disabled-.-in-range-
{
color: #a1a1a1;
}
.datepicker--cell.-disabled-.-current-.-focus-
{
color: #aeaeae;
}
.datepicker--cell.-range-from-
{
border: 1px solid rgba(92, 196, 239, .5);
border-radius: 4px 0 0 4px;
background-color: rgba(92, 196, 239, .1);
}
.datepicker--cell.-range-to-
{
border: 1px solid rgba(92, 196, 239, .5);
border-radius: 0 4px 4px 0;
background-color: rgba(92, 196, 239, .1);
}
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current-
{
color: #fff;
background: #5cc4ef;
}
.datepicker--cell.-range-from-.-range-to-
{
border-radius: 4px;
}
.datepicker--cell.-selected-
{
border: none;
}
.datepicker--cell.-selected-.-focus-
{
background: #45bced;
}
.datepicker--cell:empty
{
cursor: default;
}
.datepicker--days-names
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 8px 0 3px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.datepicker--day-name
{
font-size: .8em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
text-transform: uppercase;
color: #ff9a19;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.-only-timepicker- .datepicker--content,
.datepicker--body,
.datepicker-inline .datepicker--pointer
{
display: none;
}
.datepicker--cell-day
{
width: 14.28571%;
}
.datepicker--cells-months
{
height: 170px;
}
.datepicker--cell-month
{
width: 33.33%;
height: 25%;
}
.datepicker--cells-years,
.datepicker--years
{
height: 170px;
}
.datepicker--cell-year
{
width: 25%;
height: 33.33%;
}
.datepickers-container
{
position: absolute;
top: 0;
left: 0;
}
@media print
{
.datepickers-container
{
display: none;
}
}
.datepicker
{
font-family: Tahoma,sans-serif;
font-size: 14px;
position: absolute;
z-index: 100;
left: -100000px;
box-sizing: content-box;
width: 250px;
transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;
transition: opacity .3s ease,transform .3s ease,left 0s .3s;
transition: opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;
opacity: 0;
color: #4a4a4a;
border: 1px solid #dbdbdb;
border-radius: 4px;
background: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}
.datepicker.-from-top-
{
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.datepicker.-from-right-
{
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
.datepicker.-from-bottom-
{
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
.datepicker.-from-left-
{
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
.datepicker.active
{
transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;
transition: opacity .3s ease,transform .3s ease,left 0s 0s;
transition: opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease;
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1;
}
.datepicker-inline .datepicker
{
position: static;
right: auto;
left: auto;
-webkit-transform: none;
transform: none;
opacity: 1;
border-color: #d7d7d7;
box-shadow: none;
}
.datepicker--content
{
box-sizing: content-box;
padding: 4px;
}
.datepicker--pointer
{
position: absolute;
z-index: -1;
width: 10px;
height: 10px;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
background: #fff;
}
.datepicker--nav-action:hover,
.datepicker--nav-title:hover
{
background: #f0f0f0;
}
.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer
{
top: calc(100% - 4px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer
{
right: calc(100% - 4px);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer
{
bottom: calc(100% - 4px);
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer
{
left: calc(100% - 4px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer
{
left: 10px;
}
.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer
{
right: 10px;
}
.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer
{
left: calc(50% - 10px / 2);
}
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer
{
top: 10px;
}
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer
{
bottom: 10px;
}
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer
{
top: calc(50% - 10px / 2);
}
.datepicker--body.active
{
display: block;
}
.datepicker--nav
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 32px;
padding: 4px;
border-bottom: 1px solid #efefef;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.-only-timepicker- .datepicker--nav
{
display: none;
}
.datepicker--nav-action,
.datepicker--nav-title
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.datepicker--nav-action
{
width: 32px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px;
}
.datepicker--nav-action.-disabled-
{
visibility: hidden;
}
.datepicker--nav-action svg
{
width: 32px;
height: 32px;
}
.datepicker--nav-action path
{
fill: none;
stroke: #9c9c9c;
stroke-width: 2px;
}
.datepicker--nav-title
{
padding: 0 8px;
border-radius: 4px;
}
.datepicker--buttons,
.datepicker--time
{
padding: 4px;
border-top: 1px solid #efefef;
}
.datepicker--nav-title i
{
font-style: normal;
margin-left: 5px;
color: #9c9c9c;
}
.datepicker--nav-title.-disabled-
{
cursor: default;
background: 0 0;
}
.datepicker--buttons
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.datepicker--button
{
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
height: 32px;
cursor: pointer;
color: #4eb5e6;
border-radius: 4px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.datepicker--button:hover
{
color: #4a4a4a;
background: #f0f0f0;
}
.datepicker--time
{
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.datepicker--time.-am-pm- .datepicker--time-sliders
{
max-width: 138px;
-webkit-flex: 0 1 138px;
-ms-flex: 0 1 138px;
flex: 0 1 138px;
}
.-only-timepicker- .datepicker--time
{
border-top: none;
}
.datepicker--time-sliders
{
max-width: 153px;
margin-right: 10px;
-webkit-flex: 0 1 153px;
-ms-flex: 0 1 153px;
flex: 0 1 153px;
}
.datepicker--time-label
{
font-size: 12px;
display: none;
}
.datepicker--time-current
{
font-size: 14px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0 0 10px;
text-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.datepicker--time-current-colon
{
line-height: 1;
margin: 0 2px 3px;
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes
{
font-family: 'Century Gothic',CenturyGothic,AppleGothic,sans-serif;
font-size: 19px;
line-height: 1;
position: relative;
z-index: 1;
}
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after
{
position: absolute;
z-index: -1;
top: -3px;
right: -2px;
bottom: -2px;
left: -2px;
content: '';
opacity: 0;
border-radius: 4px;
background: #f0f0f0;
}
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after
{
opacity: 1;
}
.datepicker--time-current-ampm
{
font-size: 11px;
margin-bottom: 1px;
margin-left: 6px;
text-transform: uppercase;
color: #9c9c9c;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.datepicker--time-row
{
font-size: 11px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 17px;
background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.datepicker--time-row:first-child
{
margin-bottom: 4px;
}
.datepicker--time-row input[type=range]
{
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
background: 0 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-appearance: none;
}
.datepicker--time-row input[type=range]::-ms-tooltip
{
display: none;
}
.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb
{
border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:hover::-moz-range-thumb
{
border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:hover::-ms-thumb
{
border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:focus
{
outline: 0;
}
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb
{
border-color: #5cc4ef;
background: #5cc4ef;
}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb
{
border-color: #5cc4ef;
background: #5cc4ef;
}
.datepicker--time-row input[type=range]:focus::-ms-thumb
{
border-color: #5cc4ef;
background: #5cc4ef;
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb
{
box-sizing: border-box;
width: 12px;
height: 12px;
margin-top: -6px;
cursor: pointer;
transition: background .2s;
border: 1px solid #dedede;
border-radius: 3px;
background: #fff;
-webkit-appearance: none;
}
.datepicker--time-row input[type=range]::-moz-range-thumb
{
box-sizing: border-box;
width: 12px;
height: 12px;
cursor: pointer;
transition: background .2s;
border: 1px solid #dedede;
border-radius: 3px;
background: #fff;
}
.datepicker--time-row input[type=range]::-ms-thumb
{
box-sizing: border-box;
width: 12px;
height: 12px;
cursor: pointer;
transition: background .2s;
border: 1px solid #dedede;
border-radius: 3px;
background: #fff;
}
.datepicker--time-row input[type=range]::-webkit-slider-runnable-track
{
height: 1px;
cursor: pointer;
color: transparent;
border: none;
background: 0 0;
}
.datepicker--time-row input[type=range]::-moz-range-track
{
height: 1px;
cursor: pointer;
color: transparent;
border: none;
background: 0 0;
}
.datepicker--time-row input[type=range]::-ms-track
{
height: 1px;
cursor: pointer;
color: transparent;
border: none;
background: 0 0;
}
.datepicker--time-row input[type=range]::-ms-fill-lower
{
background: 0 0;
}
.datepicker--time-row input[type=range]::-ms-fill-upper
{
background: 0 0;
}
.datepicker--time-row span
{
padding: 0 12px;
}
.datepicker--time-icon
{
font-size: 16px;
position: relative;
width: 1em;
height: 1em;
margin: 0 5px -1px 0;
color: #9c9c9c;
border: 1px solid;
border-radius: 50%;
}
.datepicker--time-icon:after,
.datepicker--time-icon:before
{
position: absolute;
content: '';
background: currentColor;
}
.datepicker--time-icon:after
{
top: calc(50% + 1px);
left: calc(50% - 1px);
width: 1px;
height: .4em;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.datepicker--time-icon:before
{
top: calc(50% + 1px);
left: calc(50% - 1px);
width: .4em;
height: 1px;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade-
{
color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover
{
color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade-
{
color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade-
{
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade-
{
background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade-
{
color: #ccc;
background-color: rgba(92, 196, 239, .1);
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade-
{
background-color: rgba(92, 196, 239, .2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty
{
border: none;
background: 0 0;
}
/*airpicker*/
/**
* Fileuploader
* Copyright (c) 2019 Innostudio.de
* Website: https://innostudio.de/fileuploader/
* Version: 2.2 (01-Apr-2019)
* Requires: jQuery v1.7.1 or later
* License: https://innostudio.de/fileuploader/documentation/#license
*/
.fileuploader-input .fileuploader-input-button,
.fileuploader-input .fileuploader-input-caption,
.fileuploader-items .fileuploader-item .fileuploader-action i,
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar,
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar,
.fileuploader-items .fileuploader-item span.fileuploader-action-popup,
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a,
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action],
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success
{
-webkit-transition: .7s cubic-bezier(.17, .67, 0, 1.01);
-o-transition: .7s cubic-bezier(.17, .67, 0, 1.01);
transition: .7s cubic-bezier(.17, .67, 0, 1.01);
}
.fileuploader-items .fileuploader-item,
.fileuploader-items .fileuploader-item .fileuploader-action,
.fileuploader-items .fileuploader-item .fileuploader-item-icon,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-popup,
.fileuploader-popup .fileuploader-popup-node
{
-webkit-animation: fileuploaderFadeIn .2s ease;
animation: fileuploaderFadeIn .2s ease;
}
.fileuploader-input .fileuploader-input-button,
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success
{
font-weight: 700;
display: inline-block;
margin: 0;
padding: 14px 22px;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
border: none;
border-radius: 30px;
outline: 0;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button
{
color: #90a0bc;
background: #e6ebf4;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:hover
{
transform: translate3d(0, -1px, 0);
background: #edf1f7;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:active
{
transform: translate3d(0, 1px, 0);
background: #dfe5f1;
}
.fileuploader-input .fileuploader-input-button,
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success
{
color: #fff;
background: #9658fe;
background: -moz-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%);
background: -webkit-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%);
background: linear-gradient(135deg, #3a8ffe 0, #9658fe 100%);
background-position: center;
background-size: 140% auto;
box-shadow: 0 4px 18px rgba(0, 0, 0, .04);
}
.fileuploader-input .fileuploader-input-button:hover,
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover
{
transform: translate3d(0, -2px, 0);
background-position: left;
box-shadow: 0 8px 25px rgba(0, 0, 0, .15);
}
.fileuploader-input .fileuploader-input-button:active,
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:active
{
transform: translate3d(0, 2px, 0);
background-position: right;
box-shadow: 0 4px 25px rgba(0, 0, 0, .15);
}
.fileuploader-input .fileuploader-main-icon:after,
.fileuploader-items .fileuploader-item .fileuploader-action i,
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a i:after,
.fileuploader-popup .fileuploader-popup-move:after
{
font-family: font-fileuploader !important;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 1;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader,
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after,
.fileuploader-popup.loading:after
{
position: absolute;
min-width: 24px;
max-width: 48px;
min-height: 24px;
max-height: 48px;
content: '';
background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) no-repeat center;
background-size: contain;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon i,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after,
.fileuploader-popup .fileuploader-popup-move:after,
.fileuploader-popup.loading:after
{
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.fileuploader-items .fileuploader-item .fileuploader-action,
.fileuploader-items .fileuploader-item .progress-bar2 span
{
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.fileuploader-input .fileuploader-input-button,
.fileuploader-items .fileuploader-item .fileuploader-item-icon,
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar,
.fileuploader-popup .fileuploader-cropper,
.fileuploader-popup .fileuploader-cropper *,
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a,
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success,
.fileuploader-popup .fileuploader-popup-move,
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon
{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fileuploader,
.fileuploader *,
.fileuploader :after,
.fileuploader :before,
.fileuploader-popup,
.fileuploader-popup *,
.fileuploader-popup :after,
.fileuploader-popup :before
{
box-sizing: border-box;
}
.fileuploader
{
line-height: normal;
display: block;
width: 100%;
margin: 16px 0;
padding: 16px;
border-radius: 6px;
background: #fafbfd;
}
.fileuploader-input
{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
border: 1px solid transparent;
border-radius: 30px;
}
.fileuploader-input .fileuploader-input-caption
{
font-weight: 700;
position: relative;
display: inline-block;
overflow: hidden;
margin-right: 16px;
padding: 13px 16px;
white-space: nowrap;
text-overflow: ellipsis;
color: #789bec;
border: 1px solid #ebeef1;
border-radius: 30px;
background: #fff;
box-shadow: 0 4px 18px rgba(0, 0, 0, .01);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: start;
align-self: flex-start;
}
.fileuploader-focused .fileuploader-input .fileuploader-input-caption
{
border-color: #789bec;
}
.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader
{
position: relative;
display: inline-block;
min-height: 22px;
margin-right: 6px;
vertical-align: middle;
}
.fileuploader-input .fileuploader-main-icon
{
color: #789bec;
}
.fileuploader-input .fileuploader-main-icon:after
{
content: '';
}
.fileuploader-input.fileuploader-dragging
{
border: 1px solid #ebeef1;
border-style: dashed;
background: #fff;
}
.fileuploader-input.fileuploader-dragging .fileuploader-input-caption
{
border-color: transparent;
}
.fileuploader-input.fileuploader-dragging .fileuploader-input-button
{
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
.fileuploader-disabled .fileuploader-input
{
cursor: default;
pointer-events: none !important;
opacity: .7;
}
.fileuploader-items .fileuploader-items-list
{
display: block;
margin: 0 -16px;
padding: 0;
list-style: none;
}
.fileuploader-items .fileuploader-item
{
position: relative;
margin: 0;
padding: 20px 16px 20px 22px;
animation-duration: .6s;
border-bottom: 1px solid #ebeef1;
}
.fileuploader-items .fileuploader-item:last-child
{
margin-bottom: -16px;
border-bottom: 0;
}
.fileuploader-items .fileuploader-item.upload-failed
{
background: rgba(254, 84, 111, .06);
}
.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after
{
position: absolute;
top: -8px;
left: -8px;
width: 36px;
height: 36px;
}
.fileuploader-items .fileuploader-item .columns
{
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fileuploader-items .fileuploader-item .column-thumbnail
{
position: relative;
width: 36px;
height: 36px;
}
.fileuploader-items .fileuploader-item .column-title
{
overflow: hidden;
padding-right: 16px;
padding-left: 16px;
color: #74809d;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.fileuploader-items .fileuploader-item .column-title a
{
display: inline-block;
width: 100%;
height: 100%;
text-decoration: none;
color: #74809d;
}
.fileuploader-items .fileuploader-item .column-title div
{
font-weight: 700;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.fileuploader-items .fileuploader-item .column-title span
{
font-size: 12px;
color: #979fb8;
}
.fileuploader-items .fileuploader-item .column-actions
{
margin: 0 16px;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: 6px;
background: #fff;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after
{
width: 50%;
height: 50%;
content: '';
}
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img
{
position: absolute;
max-width: none;
max-height: 100%;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon
{
font-size: 11px;
position: relative;
width: 100%;
height: 100%;
cursor: default;
text-align: center;
color: #fff;
border-radius: 4px;
background: #ddd;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color
{
color: #888;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon i
{
font-weight: 700;
font-style: normal;
position: absolute;
display: block;
overflow: hidden;
width: 90%;
white-space: nowrap;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup
{
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
border-radius: 6px;
background: rgba(43, 56, 71, .2);
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover
{
opacity: 1;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active
{
background: rgba(43, 56, 71, .4);
}
.fileuploader-items .fileuploader-item .fileuploader-action
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
cursor: pointer;
vertical-align: top;
color: #c0c6d2;
}
.fileuploader-items .fileuploader-item .fileuploader-action + .fileuploader-action
{
margin-left: 16px;
}
.fileuploader-items .fileuploader-item .fileuploader-action:hover
{
color: #789bec;
}
.fileuploader-items .fileuploader-item .fileuploader-action:active
{
color: #668ee9;
}
.fileuploader-items .fileuploader-item .fileuploader-action i
{
font-size: 20px;
line-height: 20px;
display: inline-block;
width: 100%;
height: 100%;
text-align: center;
border-radius: 50%;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i
{
font-size: 14px;
transform: rotate(45deg);
color: #fff;
background: #94c22b;
text-shadow: none;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 10px;
height: 2px;
margin: auto;
content: '';
background: #fff;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 2px;
height: 10px;
margin: auto;
content: '';
background: #fff;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:hover
{
background-color: #6b8c26;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:active
{
background-color: #6b8c26;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-download i:after
{
content: '';
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-start i:after
{
content: '';
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-sort i:after
{
content: '';
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-edit i:after
{
content: '';
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-retry i:after
{
content: '';
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-rotate i:after
{
content: '';
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-settings i:after
{
content: 'Ó§Ö';
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-preview i:after
{
content: '';
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i
{
font-size: 14px;
color: #fff;
background: #43d084;
box-shadow: -1px 1px 6px rgba(67, 208, 132, .8);
text-shadow: none;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:after
{
content: '';
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover
{
background: #fe7676;
box-shadow: -1px 1px 6px rgba(254, 118, 118, .8);
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover:after
{
content: ' ';
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active
{
background-color: #fe6262;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active:after
{
content: ' ';
}
.fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup
{
display: block;
}
.fileuploader-items .fileuploader-item .fileuploader-progressbar
{
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 4px;
border-radius: 6px;
}
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar
{
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
border-radius: 6px;
background: #789bec;
}
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar
{
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
border-radius: 0;
background: rgba(104, 125, 219, .08);
}
.fileuploader-items .fileuploader-item .progress-bar2 span
{
font-size: 48px;
position: absolute;
right: 16px;
color: rgba(151, 159, 184, .16);
}
.fileuploader-items .fileuploader-item.sorting
{
z-index: 799;
opacity: .8;
border-radius: 6px;
background: #fafbfd;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.fileuploader-items .fileuploader-item.sorting,
.fileuploader-items .fileuploader-item.sorting .fileuploader-action,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img
{
-webkit-animation: none;
animation: none;
}
.fileuploader-items .fileuploader-sorter-placeholder
{
margin: 0;
padding: 0;
-webkit-animation: none;
animation: none;
background: rgba(0, 0, 0, .03);
}
.fileuploader-popup
{
position: fixed;
z-index: 1090;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
animation-duration: .4s;
background: #191d1e;
}
.fileuploader-popup.loading:after
{
z-index: 8;
width: 48px;
height: 48px;
}
.fileuploader-popup .fileuploader-popup-preview
{
position: relative;
z-index: 2;
overflow: auto;
width: 100%;
height: 100%;
}
.fileuploader-popup .fileuploader-popup-node
{
position: relative;
display: flex;
overflow: hidden;
flex-direction: column;
min-width: 20px;
max-width: 100%;
height: 100%;
min-height: 20px;
padding: 80px 56px 64px;
align-items: flex-start;
justify-content: flex-start;
}
.fileuploader-popup .fileuploader-popup-node .reader-node
{
position: relative;
max-width: 100%;
max-height: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
text-align: center;
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-movable
{
cursor: grab;
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving
{
cursor: grabbing;
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .area-move,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .point,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point
{
cursor: grabbing !important;
}
.fileuploader-popup .fileuploader-popup-node .reader-node.has-node-centered
{
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
flex: 1;
align-items: center;
justify-content: center;
}
.fileuploader-popup .fileuploader-popup-node.astext .reader-node > div,
.fileuploader-popup .fileuploader-popup-node.audio .reader-node > audio,
.fileuploader-popup .fileuploader-popup-node.image .reader-node > img,
.fileuploader-popup .fileuploader-popup-node.video .reader-node > video
{
max-width: 100%;
max-height: 100%;
margin: 0;
padding: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
color: #47525d;
border-radius: 0;
background: #fafafa;
box-shadow: 0 0 18px rgba(0, 0, 0, .4);
}
.fileuploader-popup .fileuploader-popup-node.audio .reader-node audio
{
width: 450px;
}
.fileuploader-popup .fileuploader-popup-node.astext .reader-node div
{
font-size: 14px;
line-height: 16px;
overflow-y: auto;
max-width: 992px;
margin: 0 auto;
padding: 20px;
text-align: left;
white-space: pre-wrap;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon
{
position: relative;
display: inline-block;
width: 80px;
height: 80px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+) no-repeat center;
background-size: contain;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div
{
position: absolute;
bottom: 14px;
left: 0;
max-width: 100%;
padding: 4px 6px;
word-wrap: break-word;
color: #fff;
border-radius: 4px;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color
{
color: #888;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i
{
font-weight: 700;
font-style: normal;
white-space: nowrap;
text-transform: uppercase;
}
.fileuploader-popup .fileuploader-popup-content
{
color: #fdfdfd;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}
.fileuploader-popup .fileuploader-popup-content ul
{
margin: 0;
padding: 0;
list-style: none;
}
.fileuploader-popup .fileuploader-popup-content ul li
{
display: inline-block;
margin: 0;
padding: 0;
}
.fileuploader-popup .fileuploader-popup-content ul li + li
{
margin-left: 16px;
}
.fileuploader-popup .fileuploader-popup-header
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: flex;
flex-direction: row;
width: 100%;
padding: 16px;
background: rgba(0, 0, 0, .8);
background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
align-items: center;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta
{
display: flex;
overflow: hidden;
white-space: nowrap;
flex: 1;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li:first-child
{
overflow: hidden;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span
{
font-size: 14px;
display: block;
color: #80868b;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5
{
font-size: 14px;
font-weight: 700;
overflow: hidden;
max-width: 100%;
margin: 4px 0 0;
text-overflow: ellipsis;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-info:not(:empty)
{
margin-left: 16px;
flex: 1;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons
{
margin-left: 16px;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button
{
padding: 14px 24px;
text-shadow: none;
}
.fileuploader-popup .fileuploader-popup-footer
{
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
background: rgba(0, 0, 0, .8);
background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a
{
display: inline-block;
padding: 16px;
padding-bottom: 13px;
cursor: pointer;
text-decoration: none;
color: #fdfdfd;
border-bottom: 3px solid transparent;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a i
{
font-size: 20px;
display: inline-block;
margin-right: 6px;
vertical-align: middle;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover
{
color: #fff;
border-bottom-color: #789bec;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=remove] i:after
{
content: '';
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=crop] i:after
{
content: '';
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=rotate-cw] i:after
{
content: '';
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer
{
font-size: 14px;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action]
{
font-size: 16px;
line-height: 24px;
width: 24px;
height: 24px;
padding: 0;
vertical-align: middle;
color: #fdfdfd;
border: none;
border-radius: 50%;
background: rgba(255, 255, 255, .1);
text-shadow: none;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action]:hover
{
background: rgba(255, 255, 255, .3);
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input
{
display: inline-block;
width: 130px;
margin: 0 16px;
padding: 0;
vertical-align: middle;
background: 0 0;
-webkit-appearance: none;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input:focus
{
outline: 0;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-runnable-track
{
width: 100%;
height: 4px;
cursor: pointer;
border-radius: 6px;
background: #789bec;
box-shadow: none;
animate: .2s;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-thumb
{
width: 14px;
height: 14px;
margin-top: -5px;
cursor: pointer;
border: 0;
border-radius: 50%;
background: #fff;
box-shadow: 2px 2px 8px rgba(0, 0, 0, .8);
-webkit-appearance: none;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-track
{
width: 100%;
height: 4px;
cursor: pointer;
border-radius: 6px;
background: #789bec;
box-shadow: none;
animate: .2s;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-thumb
{
width: 14px;
height: 14px;
margin-top: -5px;
cursor: pointer;
border: 0;
border-radius: 50%;
background: #fff;
box-shadow: 2px 2px 8px rgba(0, 0, 0, .8);
-webkit-appearance: none;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span
{
display: inline-block;
min-width: 40px;
margin-left: 6px;
text-align: center;
vertical-align: middle;
color: #fff;
}
.fileuploader-popup .fileuploader-popup-move
{
font-size: 24px;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
display: none;
width: 56px;
height: 100%;
cursor: pointer;
opacity: .4;
color: #fff;
}
.fileuploader-popup .fileuploader-popup-move:hover
{
opacity: 1;
}
.fileuploader-popup .fileuploader-popup-move:after
{
position: absolute;
}
.fileuploader-popup .fileuploader-popup-move[data-action=prev]:after
{
content: '';
}
.fileuploader-popup .fileuploader-popup-move[data-action=next]
{
right: 0;
left: auto;
}
.fileuploader-popup .fileuploader-popup-move[data-action=next]:after
{
content: '';
}
.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move
{
display: inline-block;
}
.fileuploader-popup .fileuploader-cropper
{
position: absolute;
z-index: 9;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(17, 20, 27, .65);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 0;
height: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before
{
position: absolute;
z-index: 1;
content: '';
-webkit-transition: all .4s ease;
transition: all .4s ease;
opacity: 0;
border: 1px solid rgba(250, 250, 250, .8);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before
{
top: 0;
left: 50%;
width: 34%;
height: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-top: 0;
border-bottom: 0;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after
{
top: 50%;
left: 0;
width: 100%;
height: 34%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-right: 0;
border-left: 0;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before
{
opacity: 1;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point
{
position: absolute;
z-index: 3;
width: 24px;
height: 24px;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after
{
position: absolute;
width: 12px;
height: 12px;
content: '';
border-radius: 50%;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, .4);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a
{
top: -12px;
left: -12px;
cursor: nw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b
{
top: -12px;
left: 50%;
margin-left: -12px;
cursor: n-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c
{
top: -12px;
right: -12px;
cursor: ne-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d
{
top: 50%;
right: -12px;
margin-top: -12px;
cursor: w-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e
{
right: -12px;
bottom: -12px;
cursor: nw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f
{
bottom: -12px;
left: 50%;
margin-left: -12px;
cursor: s-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g
{
bottom: -12px;
left: -12px;
cursor: sw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h
{
top: 50%;
left: -12px;
margin-top: -12px;
cursor: w-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move
{
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
cursor: move;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:after
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
border: 1px solid rgba(255, 255, 255, .8);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img
{
position: absolute;
top: 0;
left: 0;
width: auto;
max-width: none;
height: auto;
max-height: none;
-webkit-transform-origin: top left;
transform-origin: top left;
background: #fff;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info
{
font-family: sans-serif;
font-size: 12px;
line-height: 1;
position: absolute;
z-index: 2;
bottom: -12px;
left: 50%;
display: none;
padding: 4px 8px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
-webkit-transform: translateX(-50%) translateY(100%);
transform: translateX(-50%) translateY(100%);
text-align: center;
white-space: nowrap;
opacity: 0;
color: #fff;
border-radius: 14px;
background: rgba(0, 0, 0, .6);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info
{
opacity: 1;
}
@media all and (max-width: 768px)
{
.fileuploader-popup .fileuploader-popup-move
{
font-size: 18px;
top: 0;
left: calc(50% - 56px);
height: 56px;
}
.fileuploader-popup .fileuploader-popup-move[data-action=next]
{
right: auto;
left: 50%;
}
.fileuploader-popup .fileuploader-popup-footer,
.fileuploader-popup .fileuploader-popup-header,
.fileuploader-popup .fileuploader-popup-node
{
position: relative;
display: block;
width: 100%;
max-width: initial;
height: auto;
min-height: initial;
margin: 0;
text-align: center;
background: 0 0;
}
.fileuploader-popup .fileuploader-popup-node
{
padding: 16px;
}
.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node
{
padding-top: 72px;
}
.fileuploader-popup .fileuploader-popup-node.audio
{
top: 0;
width: 100%;
transform: none;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta
{
display: block;
margin-bottom: 24px;
white-space: normal;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li
{
display: inline-block;
width: auto;
max-width: 100%;
text-align: left;
vertical-align: top;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons
{
margin: 0 0 16px;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer
{
display: none;
}
.tort-order__img {
border-radius: 0 0 10px 10px;
}
.tort-order__pic {
margin: -20px 0;
}
}
@-webkit-keyframes fileuploaderFadeIn
{
from
{
opacity: 0;
}
to
{
opacity: 1;
}
}
@keyframes fileuploaderFadeIn
{
from
{
opacity: 0;
}
to
{
opacity: 1;
}
}
/*swiper*/
/**
* Swiper 4.5.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2019 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 22, 2019
*/
.swiper-container
{
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 auto;
padding: 0;
list-style: none;
}
.swiper-container-no-flexbox .swiper-slide
{
float: left;
}
.swiper-container-vertical > .swiper-wrapper
{
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
}
.swiper-wrapper
{
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 100%;
height: 100%;
-webkit-transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper
{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper
{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper
{
margin: 0 auto;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-slide
{
position: relative;
width: 100%;
height: 100%;
-webkit-transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.swiper-slide-invisible-blank
{
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide
{
height: auto;
}
.swiper-container-autoheight .swiper-wrapper
{
-webkit-transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.swiper-container-3d
{
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper
{
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top
{
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-left
{
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right
{
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top
{
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom
{
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper
{
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper
{
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev
{
position: absolute;
z-index: 10;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
background-size: 27px 44px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled
{
cursor: auto;
pointer-events: none;
opacity: .35;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next
{
right: auto;
left: 10px;
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E');
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev
{
right: 10px;
left: auto;
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E');
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white
{
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E');
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white
{
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E');
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black
{
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E');
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black
{
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E');
}
.swiper-button-lock
{
display: none;
}
.swiper-pagination
{
position: absolute;
z-index: 10;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
text-align: center;
}
.swiper-pagination.swiper-pagination-hidden
{
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction
{
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic
{
font-size: 0;
overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
position: relative;
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active
{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main
{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev
{
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev
{
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
{
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
{
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
}
.swiper-pagination-bullet
{
display: inline-block;
width: 8px;
height: 8px;
opacity: .2;
border-radius: 100%;
background: #000;
}
button.swiper-pagination-bullet
{
margin: 0;
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet
{
cursor: pointer;
}
.swiper-pagination-bullet-active
{
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets
{
top: 50%;
right: 10px;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet
{
display: block;
margin: 6px 0;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
top: 50%;
width: 8px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
display: inline-block;
-webkit-transition: .2s top, .2s -webkit-transform;
-o-transition: .2s transform, .2s top;
transition: .2s top, .2s -webkit-transform;
transition: .2s transform, .2s top;
transition: .2s transform, .2s top, .2s -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet
{
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
-webkit-transition: .2s left, .2s -webkit-transform;
-o-transition: .2s transform, .2s left;
transition: .2s left, .2s -webkit-transform;
transition: .2s transform, .2s left;
transition: .2s transform, .2s left, .2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
-webkit-transition: .2s right, .2s -webkit-transform;
-o-transition: .2s transform, .2s right;
transition: .2s right, .2s -webkit-transform;
transition: .2s transform, .2s right;
transition: .2s transform, .2s right, .2s -webkit-transform;
}
.swiper-pagination-progressbar
{
position: absolute;
background: rgba(0, 0, 0, .25);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
background: #007aff;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
top: 0;
left: 0;
width: 100%;
height: 4px;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar
{
top: 0;
left: 0;
width: 4px;
height: 100%;
}
.swiper-pagination-white .swiper-pagination-bullet-active
{
background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white
{
background: rgba(255, 255, 255, .25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill
{
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active
{
background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black
{
background: rgba(0, 0, 0, .25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill
{
background: #000;
}
.swiper-pagination-lock
{
display: none;
}
.swiper-scrollbar
{
position: relative;
border-radius: 10px;
background: rgba(0, 0, 0, .1);
-ms-touch-action: none;
}
.swiper-container-horizontal > .swiper-scrollbar
{
position: absolute;
z-index: 50;
bottom: 3px;
left: 1%;
width: 98%;
height: 5px;
}
.swiper-container-vertical > .swiper-scrollbar
{
position: absolute;
z-index: 50;
top: 1%;
right: 3px;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag
{
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
background: rgba(0, 0, 0, .5);
}
.swiper-scrollbar-cursor-drag
{
cursor: move;
}
.swiper-scrollbar-lock
{
display: none;
}
.swiper-zoom-container
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg
{
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed
{
cursor: move;
}
.swiper-lazy-preloader
{
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
width: 42px;
height: 42px;
margin-top: -21px;
margin-left: -21px;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after
{
display: block;
width: 100%;
height: 100%;
content: '';
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%;
}
.swiper-lazy-preloader-white:after
{
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
@-webkit-keyframes swiper-preloader-spin
{
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin
{
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification
{
position: absolute;
z-index: -1000;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide
{
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide
{
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide
{
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active
{
pointer-events: auto;
}
.swiper-container-cube
{
overflow: visible;
}
.swiper-container-cube .swiper-slide
{
z-index: 1;
visibility: hidden;
width: 100%;
height: 100%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide .swiper-slide
{
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide
{
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active
{
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev
{
visibility: visible;
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top
{
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow
{
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .6;
background: #000;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-container-flip
{
overflow: visible;
}
.swiper-container-flip .swiper-slide
{
z-index: 1;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-flip .swiper-slide .swiper-slide
{
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active
{
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top
{
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper
{
-ms-perspective: 1200px;
}
/*swiper*/
/*select2*/
.select2-container
{
position: relative;
display: inline-block;
box-sizing: border-box;
margin: 0;
vertical-align: middle;
}
.select2-container .select2-selection--single
{
display: block;
box-sizing: border-box;
height: 28px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered
{
display: block;
overflow: hidden;
padding-right: 20px;
padding-left: 8px;
white-space: nowrap;
text-overflow: ellipsis;
}
.select2-container .select2-selection--single .select2-selection__clear
{
position: relative;
}
.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered
{
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple
{
display: block;
box-sizing: border-box;
min-height: 32px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered
{
display: inline-block;
overflow: hidden;
padding-left: 8px;
white-space: nowrap;
text-overflow: ellipsis;
}
.select2-container .select2-search--inline
{
float: left;
}
.select2-container .select2-search--inline .select2-search__field
{
font-size: 100%;
box-sizing: border-box;
margin-top: 5px;
padding: 0;
border: none;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button
{
-webkit-appearance: none;
}
.select2-dropdown
{
position: absolute;
z-index: 1051;
left: -100000px;
display: block;
box-sizing: border-box;
width: 100%;
border: 1px solid #aaa;
border-radius: 4px;
background-color: white;
}
.select2-results
{
display: block;
}
.select2-results__options
{
margin: 0;
padding: 0;
list-style: none;
}
.select2-results__option
{
padding: 6px;
-webkit-user-select: none;
user-select: none;
}
.select2-results__option[aria-selected]
{
cursor: pointer;
}
.select2-container--open .select2-dropdown
{
left: 0;
}
.select2-container--open .select2-dropdown--above
{
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.select2-container--open .select2-dropdown--below
{
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown
{
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field
{
box-sizing: border-box;
width: 100%;
padding: 4px;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button
{
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide
{
display: none;
}
.select2-close-mask
{
position: fixed;
z-index: 99;
top: 0;
left: 0;
display: block;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
margin: 0;
padding: 0;
opacity: 0;
border: 0;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible
{
position: absolute !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
border: 0 !important;
}
.select2-container--default .select2-selection--single
{
border: 1px solid #aaa;
border-radius: 4px;
background-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
line-height: 28px;
color: #444;
}
.select2-container--default .select2-selection--single .select2-selection__clear
{
font-weight: bold;
float: right;
cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder
{
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
position: absolute;
top: 1px;
right: 1px;
width: 20px;
height: 26px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b
{
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
margin-top: -2px;
margin-left: -4px;
border-width: 5px 4px 0 4px;
border-style: solid;
border-color: #888 transparent transparent transparent;
}
.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear
{
float: left;
}
.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow
{
right: auto;
left: 1px;
}
.select2-container--default.select2-container--disabled .select2-selection--single
{
cursor: default;
background-color: #eee;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear
{
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
{
border-width: 0 4px 5px 4px;
border-color: transparent transparent #888 transparent;
}
.select2-container--default .select2-selection--multiple
{
cursor: text;
border: 1px solid #aaa;
border-radius: 4px;
background-color: white;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered
{
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0 5px;
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li
{
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder
{
float: left;
margin-top: 5px;
color: #999;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear
{
font-weight: bold;
float: right;
margin-top: 5px;
margin-right: 10px;
cursor: pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
float: left;
margin-top: 5px;
margin-right: 5px;
padding: 0 5px;
cursor: default;
border: 1px solid #aaa;
border-radius: 4px;
background-color: #e4e4e4;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
font-weight: bold;
display: inline-block;
margin-right: 2px;
cursor: pointer;
color: #999;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover
{
color: #333;
}
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-search--inline
{
float: right;
}
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice
{
margin-right: auto;
margin-left: 5px;
}
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove
{
margin-right: auto;
margin-left: 2px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple
{
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple
{
cursor: default;
background-color: #eee;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove
{
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple
{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple
{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field
{
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field
{
border: none;
outline: 0;
background: transparent;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options
{
overflow-y: auto;
max-height: 200px;
}
.select2-container--default .select2-results__option[role=group]
{
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true]
{
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true]
{
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option
{
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group
{
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option
{
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option
{
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option
{
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option
{
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option
{
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]
{
color: white;
background-color: #5897fb;
}
.select2-container--default .select2-results__group
{
display: block;
padding: 6px;
cursor: default;
}
.select2-container--classic .select2-selection--single
{
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-color: #f7f7f7;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus
{
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered
{
line-height: 28px;
color: #444;
}
.select2-container--classic .select2-selection--single .select2-selection__clear
{
font-weight: bold;
float: right;
margin-right: 10px;
cursor: pointer;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder
{
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow
{
position: absolute;
top: 1px;
right: 1px;
width: 20px;
height: 26px;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color: #ddd;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b
{
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
margin-top: -2px;
margin-left: -4px;
border-width: 5px 4px 0 4px;
border-style: solid;
border-color: #888 transparent transparent transparent;
}
.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__clear
{
float: left;
}
.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__arrow
{
right: auto;
left: 1px;
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--single
{
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow
{
border: none;
background: transparent;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b
{
border-width: 0 4px 5px 4px;
border-color: transparent transparent #888 transparent;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single
{
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single
{
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple
{
cursor: text;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-color: white;
}
.select2-container--classic .select2-selection--multiple:focus
{
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered
{
margin: 0;
padding: 0 5px;
list-style: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear
{
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice
{
float: left;
margin-top: 5px;
margin-right: 5px;
padding: 0 5px;
cursor: default;
border: 1px solid #aaa;
border-radius: 4px;
background-color: #e4e4e4;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove
{
font-weight: bold;
display: inline-block;
margin-right: 2px;
cursor: pointer;
color: #888;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover
{
color: #555;
}
.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice
{
float: right;
}
.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice
{
margin-right: auto;
margin-left: 5px;
}
.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove
{
margin-right: auto;
margin-left: 2px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple
{
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple
{
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple
{
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field
{
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field
{
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown
{
border: 1px solid transparent;
background-color: #fff;
}
.select2-container--classic .select2-dropdown--above
{
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below
{
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options
{
overflow-y: auto;
max-height: 200px;
}
.select2-container--classic .select2-results__option[role=group]
{
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true]
{
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected]
{
color: #fff;
background-color: #3875d7;
}
.select2-container--classic .select2-results__group
{
display: block;
padding: 6px;
cursor: default;
}
.select2-container--classic.select2-container--open .select2-dropdown
{
border-color: #5897fb;
}
/*select2*/
/*magnific-popup*/
/* Magnific Popup CSS */
.mfp-bg
{
position: fixed;
z-index: 1042;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
opacity: .8;
background: #0b0b0b;
}
.mfp-wrap
{
position: fixed;
z-index: 1043;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container
{
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0 8px;
text-align: center;
}
.mfp-container:before
{
display: inline-block;
height: 100%;
content: '';
vertical-align: middle;
}
.mfp-align-top .mfp-container:before
{
display: none;
}
.mfp-content
{
position: relative;
z-index: 1045;
display: inline-block;
margin: 0 auto;
text-align: left;
vertical-align: middle;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content
{
width: 100%;
cursor: auto;
}
.mfp-ajax-cur
{
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close
{
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom
{
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content
{
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter
{
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure
{
display: none;
}
.mfp-hide
{
display: none !important;
}
.mfp-preloader
{
position: absolute;
z-index: 1044;
top: 50%;
right: 8px;
left: 8px;
width: auto;
margin-top: -.8em;
text-align: center;
color: #ccc;
}
.mfp-preloader a
{
color: #ccc;
}
.mfp-preloader a:hover
{
color: #fff;
}
.mfp-s-ready .mfp-preloader
{
display: none;
}
.mfp-s-error .mfp-content
{
display: none;
}
button.mfp-close,
button.mfp-arrow
{
z-index: 1046;
display: block;
overflow: visible;
padding: 0;
cursor: pointer;
border: 0;
outline: none;
background: transparent;
box-shadow: none;
-webkit-appearance: none;
touch-action: manipulation;
}
button::-moz-focus-inner
{
padding: 0;
border: 0;
}
.mfp-close
{
font-family: Arial, Baskerville, monospace;
font-size: 28px;
font-style: normal;
line-height: 44px;
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0 0 18px 10px;
text-align: center;
text-decoration: none;
opacity: .65;
color: #fff;
}
.mfp-close:hover,
.mfp-close:focus
{
opacity: 1;
}
.mfp-close:active
{
top: 1px;
}
.mfp-close-btn-in .mfp-close
{
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close
{
right: -6px;
width: 100%;
padding-right: 6px;
text-align: right;
color: #fff;
}
.mfp-counter
{
font-size: 12px;
line-height: 18px;
position: absolute;
top: 0;
right: 0;
white-space: nowrap;
color: #ccc;
}
.mfp-arrow
{
position: absolute;
top: 50%;
width: 90px;
height: 110px;
margin: 0;
margin-top: -55px;
padding: 0;
opacity: .65;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active
{
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus
{
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 0;
height: 0;
margin-top: 35px;
margin-left: 35px;
content: '';
border: medium inset transparent;
}
.mfp-arrow:after
{
top: 8px;
border-top-width: 13px;
border-bottom-width: 13px;
}
.mfp-arrow:before
{
opacity: .7;
border-top-width: 21px;
border-bottom-width: 21px;
}
.mfp-arrow-left
{
left: 0;
}
.mfp-arrow-left:after
{
margin-left: 31px;
border-right: 17px solid #fff;
}
.mfp-arrow-left:before
{
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right
{
right: 0;
}
.mfp-arrow-right:after
{
margin-left: 39px;
border-left: 17px solid #fff;
}
.mfp-arrow-right:before
{
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder
{
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content
{
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close
{
top: -40px;
}
.mfp-iframe-scaler
{
overflow: hidden;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: #000;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
/* Main image in popup */
img.mfp-img
{
line-height: 0;
display: block;
box-sizing: border-box;
width: auto;
max-width: 100%;
height: auto;
margin: 0 auto;
padding: 40px 0 40px;
}
/* The shadow behind the image */
.mfp-figure
{
line-height: 0;
}
.mfp-figure:after
{
position: absolute;
z-index: -1;
top: 40px;
right: 0;
bottom: 40px;
left: 0;
display: block;
width: auto;
height: auto;
content: '';
background: #444;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
.mfp-figure small
{
font-size: 12px;
line-height: 14px;
display: block;
color: #bdbdbd;
}
.mfp-figure figure
{
margin: 0;
}
.mfp-bottom-bar
{
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: -36px;
cursor: auto;
}
.mfp-title
{
line-height: 18px;
padding-right: 36px;
text-align: left;
word-wrap: break-word;
color: #f3f3f3;
}
.mfp-image-holder .mfp-content
{
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure
{
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px)
{
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder
{
padding-right: 0;
padding-left: 0;
}
.mfp-img-mobile img.mfp-img
{
padding: 0;
}
.mfp-img-mobile .mfp-figure:after
{
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small
{
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar
{
position: fixed;
top: auto;
bottom: 0;
box-sizing: border-box;
margin: 0;
padding: 3px 5px;
background: rgba(0, 0, 0, .6);
}
.mfp-img-mobile .mfp-bottom-bar:empty
{
padding: 0;
}
.mfp-img-mobile .mfp-counter
{
top: 3px;
right: 5px;
}
.mfp-img-mobile .mfp-close
{
line-height: 35px;
position: fixed;
top: 0;
right: 0;
width: 35px;
height: 35px;
padding: 0;
text-align: center;
background: rgba(0, 0, 0, .6);
}
}
@media all and (max-width: 900px)
{
.mfp-arrow
{
-webkit-transform: scale(.75);
transform: scale(.75);
}
.mfp-arrow-left
{
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right
{
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container
{
padding-right: 6px;
padding-left: 6px;
}
}
/*magnific-popup*/
/*plugins*/
/*header*/
html
{
font-size: 62.5%;
}
body
{
font-family: 'Roboto', sans-serif;
font-size: 1.5rem;
line-height: 1.2;
color: #333;
}
img
{
max-width: 100%;
}
a
{
text-decoration: none;
color: inherit;
}
input
{
font-family: 'Roboto', sans-serif;
font-size: 1.5rem;
}
.index-slider__content_r
{
justify-content: flex-end;
}
img.svg
{
opacity: 0;
}
*
{
box-sizing: border-box;
}
.desctop-header
{
padding-top: 20px;
padding-bottom: 25px;
}
.slider-bounce
{
display: flex;
width: 450px;
height: 450px;
color: #fff;
border-radius: 50%;
background: #93c22c;
align-items: center;
}
.index-slider__content
{
position: relative;
top: 50%;
display: flex;
align-items: center;
}
.desctop-header__wrap
{
display: flex;
padding-right: 6%;
padding-left: 6%;
align-items: flex-end;
}
.logo_pic
{
width: 236px;
}
.desctop-header-menu
{
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.desctop-header-menu__item
{
display: inline-block;
margin-right: 1.6%;
margin-left: 1.6%;
padding-bottom: 1rem;
}
.desctop-header_bordered
{
border-bottom: 1px solid #f1f1f1;
}
.header-city__label
{
font-family: 'Roboto Condensed';
font-size: 1.5rem;
display: block;
margin-bottom: .5rem;
color: #d8d8d8;
}
.desctop-header-menu__link
{
font-family: 'Roboto Condensed';
font-size: 1.4rem;
display: inline-block;
text-transform: uppercase;
}
.desctop-header__nav
{
flex: 1;
}
.header-city__item
{
position: relative;
margin-right: 1.6rem;
margin-bottom: 8px;
margin-left: 1.6rem;
padding-left: 3rem;
}
.header-search
{
margin-bottom: 8px;
}
.desctop-header__logo
{
margin-right: 6%;
}
.header-city_ico
{
position: absolute;
left: 0rem;
white-space: nowrap;
}
.header-city__phone
{
font-weight: 600;
}
.zoom-ico
{
width: 20px;
height: 16px;
fill: #333;
}
.slider-bounce__slogan
{
font-size: 5rem;
font-weight: 700;
line-height: 1;
display: block;
margin-bottom: 3rem;
color: #3d3d2c;
}
.phone-ico
{
width: 18px;
height: 18px;
fill: #aee946;
}
.iconed__ico_r-offset
{
margin-right: 1rem;
}
.header-city
{
display: inline-flex;
align-items: flex-start;
}
.header-search
{
margin-left: 30px;
}
.header-user-nav
{
display: inline-flex;
align-items: flex-end;
}
.index-slider__img
{
display: none;
}
.index-slider__item
{
position: relative;
display: flex;
width: 100%;
min-height: 700px;
background-repeat: no-repeat;
background-position: right center;
background-size: cover;
align-items: center;
}
.index-slider__item_r
{
padding-right: 8%;
justify-content: flex-end;
}
.index-slider .swiper-container
{
width: 100%;
height: 100%;
}
.index-slider .swiper-slide
{
font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 80%;
text-align: center;
background: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.index-slider .swiper-slide
{
width: 86%;
}
.swiper-pagination-bullet
{
background: none !important;
}
.wrapper
{
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-right: 9%;
padding-left: 9%;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets
{
bottom: 3.7rem;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet
{
width: auto;
height: auto;
margin-right: 1.6rem;
opacity: 1;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child)
{
margin-left: 1.6rem;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active
{
color: #c0e856;
}
.index-slider .swiper-pagination
{
font-family: 'Roboto Condensed';
font-size: 2rem;
font-weight: 700;
text-align: left;
color: #fff;
}
.slider-bounce__content
{
width: 100%;
text-align: center;
}
.slider-bounce__small
{
font-size: 12px;
font-weight: bold;
}
.slider-bounce__price
{
font-size: 8.7rem;
line-height: 1;
position: relative;
display: flex;
display: inline-block;
margin-bottom: 1rem;
padding-left: 50px;
align-items: flex-end;
}
.slider-bounce__price:before
{
position: absolute;
top: 36px;
left: 0;
display: inline-block;
width: 40px;
height: 2px;
content: '';
background: #fff;
}
.slider-bounce__bottom
{
font-size: 1.8rem;
line-height: 1.4;
display: block;
text-align: center;
}
.new-tile {
width: 100%;
height: 345px;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
}
.new-tile-content
{
position: relative;
text-align: center;
}
.new-tile:before
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: all .2s ease-in;
background-color: rgba(31, 33, 31, .2);
}
.artishok__ico
{
width: 20px;
height: 20px;
fill: none;
stroke: #93c22c;
}
.new-tile-content
{
display: block;
}
.new-tile__ico
{
margin-bottom: 1.5rem;
transition: all .2s ease-in;
opacity: 0;
}
.new-tile__title
{
font-family: 'Roboto Condensed';
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
display: block;
max-width: 265px;
margin-top: -40px;
margin-right: auto;
margin-left: auto;
transition: all .2s ease-in;
text-align: center;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #fff;
}
.new-tile
{
position: relative;
}
.new-tile:hover .new-tile__ico
{
opacity: 1;
}
.new-tile:hover .new-tile__title
{
margin-top: 0;
color: #c9f73c;
}
.new-tile:hover:before
{
background-color: rgba(31, 33, 31, .6);
}
.new-tile-content:hover .new-tile-bottom-arrow
{
transform: scale(1);
opacity: 1;
}
.title.new-tile-bottom__title
{
line-height: 1.6;
display: block;
width: 100%;
max-width: 260px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}
.new-tile-content
{
width: 100%;
}
.right-arrow-ico
{
width: 25px;
height: 11px;
stroke: #a1c13f;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-width: 1.4px;
fill: none;
}
.new-tile__sub
{
font-family: 'Roboto Condensed';
font-size: 1.4rem;
font-weight: bold;
display: block;
text-transform: uppercase;
color: #333;
}
.new-tile-bottom-arrow
{
display: block;
transition: all .1s ease-in;
transform: scale(.2);
opacity: 0;
}
.dev-widget
{
width: 360px;
padding: 3rem;
background: rgba(255, 255, 255, .9);
}
.dev-widget__title
{
font-size: 3rem;
font-weight: bold;
display: block;
text-transform: uppercase;
color: #000;
}
.dev-swiper-wrapper
{
position: relative;
}
.new-tile_offset
{
margin-bottom: 1.5rem;
}
.dev-widget
{
font-family: 'Roboto Condensed';
position: absolute;
z-index: 9;
bottom: 30px;
left: 30px;
text-align: center;
}
.dev-widget-price
{
position: relative;
display: inline-block;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
color: #93c22c;
}
.dev-widget-price__sup
{
font-size: 24px;
font-weight: bold;
position: absolute;
top: 10px;
right: -10px;
transform: translateX(100%);
}
.dev-widget-price__numb
{
font-size: 7.2rem;
font-weight: bold;
line-height: 1;
color: #93c22c;
}
.dev-swiper__item
{
height: 557px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.dev-widget-weight
{
font-size: 1.8rem;
font-weight: 700;
display: block;
margin-bottom: 2rem;
text-align: center;
text-transform: uppercase;
}
.dev-widget-nav__prev .right-arrow-ico
{
transform: scale(-1);
}
.dev-widget-number__item
{
font-size: 1.4rem;
color: #d3d3d3;
}
.dev-widget-number__item_active
{
font-size: 1.9rem;
font-weight: bold;
line-height: 1;
color: #000;
}
.dev-widget-number
{
display: inline-block;
padding-right: 2rem;
padding-left: 2rem;
}
.dev-widget-nav
{
display: flex;
justify-content: center;
align-items: center;
}
.dev-widget-number__item
{
font-weight: bold;
width: 15px;
}
.section-header-link__title
{
font-size: 1.4rem;
font-weight: bold;
text-transform: uppercase;
}
.section-header-link__arrow
{
margin-right: 2rem;
}
.section-header_center
{
display: flex;
align-items: center;
justify-content: space-between;
}
.dev-widget-number
{
display: flex;
align-items: flex-start;
}
.tile__content
{
position: absolute;
z-index: 4;
top: 50%;
display: block;
width: 100%;
margin: auto;
padding: 2rem;
transform: translateY(-50%);
text-align: center;
color: #fff;
}
.tile__img_shadow
{
position: relative;
}
.tile
{
display: block;
text-align: center;
}
.tile__img_shadow:before
{
position: absolute;
z-index: 3;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
transition: all .2s ease-in;
background-color: rgba(31, 33, 31, .2);
}
.tile__img
{
position: relative;
display: flex;
width: 100%;
height: 532px;
transition: all .2s ease-in;
background-size: cover;
align-items: center;
justify-content: center;
}
.tile_offset
{
margin-bottom: 3rem;
}
.tile__title
{
font-family: 'Roboto Condensed';
font-size: 2.4rem;
font-weight: bold;
line-height: 1.4;
display: block;
min-height: 70px;
}
.tile-overflow
{
position: relative;
display: block;
overflow: hidden;
height: 532px;
margin-bottom: 2rem;
}
.tile:hover .tile__img
{
transform: scale(1.1);
}
.tile:hover .tile__title
{
color: #c9f73c;
}
.tile:hover .tile__img_shadow:before
{
background-color: rgba(31, 33, 31, .6);
}
.mobile-header-btn
{
position: relative;
width: 35px;
height: 24px;
cursor: pointer;
border: none;
background: none;
}
.mobile-header-btn span
{
position: absolute;
left: 0;
display: inline-block;
width: 35px;
height: 4px;
border-radius: 3px;
background: #94c22b;
}
.mobile-header-btn span:nth-child(1)
{
top: 0;
}
.mobile-header-btn span:nth-child(2)
{
top: 10px;
}
.mobile-header-btn span:nth-child(3)
{
top: 20px;
}
.new-tile-bottom
{
text-align: center;
}
.section_default
{
margin-top: 7rem;
margin-bottom: 7rem;
}
.view-item.animated
{
transform: translateY(1px);
opacity: 1;
}
.view-item
{
transition: all .4s ease-in;
transform: translateY(70px);
opacity: .2;
}
.mobile-header-top
{
display: flex;
padding: 1rem 3rem;
border-bottom: 2px solid #f4f6ea;
background: #fff;
align-items: center;
justify-content: space-between;
}
.mobile-header__pic
{
width: 180px;
height: 37px;
}
.mobile-header
{
position: fixed;
z-index: 9;
top: 0;
left: 0;
display: none;
width: 100%;
}
.mobile-menu
{
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
background: #fff;
}
.mobile-menu__header
{
padding-right: 3rem;
padding-left: 3rem;
}
.mobile-menu__header
{
display: flex;
padding-top: 2rem;
padding-bottom: 2rem;
border-bottom: 2px solid #f4f6ea;
align-items: center;
justify-content: space-between;
}
.mobile-footer
{
padding: 1rem 3rem;
}
.mobile-menu-sub
{
display: none;
padding-left: 0;
}
.mobile-footer
{
background: #fff;
}
.fileuploader-input .fileuploader-input-caption
{
box-shadow: none;
}
.mobile-menu-sub__item
{
list-style: none;
}
.mobile-menu__title
{
font-size: 1.4rem;
text-transform: uppercase;
}
.mobile-menu-sub__link.active
{
background: #edf0dc;
}
.mobile-header-content
{
display: none;
}
.mobile-menu-sub__link
{
font-size: 1.5rem;
display: block;
padding-top: 2rem;
padding-right: 6rem;
padding-bottom: 2rem;
padding-left: 6rem;
}
.mobile-menu__ico
{
position: relative;
width: 30px;
height: 30px;
cursor: pointer;
}
.mobile-menu__ico:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 30px;
height: 2px;
margin: auto;
content: '';
background: #3f3f3f;
}
.mobile-menu__ico:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 2px;
height: 30px;
margin: auto;
content: '';
background: #3f3f3f;
}
.header-city__label
{
font-size: 1.7rem;
}
.mobile-footer .header-city__phone
{
font-size: 2.1rem;
}
.mobile-footer .header-city__item
{
margin-bottom: 15px;
}
.mobile-footer .phone-ico
{
width: 21px;
height: 21px;
}
/*header*/
/*grid*/
.col
{
box-sizing: border-box;
max-width: 100%;
padding: 0 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.col--no-gutters
{
padding: 0;
}
.grid
{
box-sizing: border-box;
padding: 0 15px;
}
.grid--container
{
width: 100%;
max-width: 1590px;
margin: 0 auto;
}
.grid--no-gutters
{
padding: 0;
}
.row
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
box-sizing: border-box;
margin: 0 -15px;
padding: 0;
list-style: none;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row:last-child
{
margin-bottom: 0;
}
.row--no-gutters
{
margin: 0;
}
.text--left
{
text-align: left;
}
.text--right
{
text-align: right;
}
.text--center
{
text-align: center;
}
.row--xs-top
{
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.row--xs-center
{
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.row--xs-bottom
{
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.col--xs-align-top
{
-ms-flex-item-align: start;
align-self: flex-start;
}
.col--xs-align-center
{
-ms-flex-item-align: center;
align-self: center;
}
.col--xs-align-bottom
{
-ms-flex-item-align: end;
align-self: flex-end;
}
.col--xs-first
{
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col--xs-reset
{
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.col--xs-last
{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row--xs-reverse
{
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
}
.col--xs-flex
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text--xs-right
{
text-align: right;
}
.text--xs-left
{
text-align: left;
}
.text--xs-center
{
text-align: center;
}
.col--xs
{
max-width: 100%;
padding: 1rem .5rem 0 .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.col--xs-1
{
width: 8.333333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-2
{
width: 16.666666666666668%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-3
{
width: 25%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-4
{
width: 33.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-5
{
width: 41.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-6
{
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-7
{
width: 58.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-8
{
width: 66.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-9
{
width: 75%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-10
{
width: 83.33333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-11
{
width: 91.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-12
{
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-offset-0
{
margin-left: 0;
}
.col--xs-offset-1
{
margin-left: 8.333333333333334%;
}
.col--xs-offset-2
{
margin-left: 16.666666666666668%;
}
.col--xs-offset-3
{
margin-left: 25%;
}
.col--xs-offset-4
{
margin-left: 33.333333333333336%;
}
.col--xs-offset-5
{
margin-left: 41.66666666666667%;
}
.col--xs-offset-6
{
margin-left: 50%;
}
.col--xs-offset-7
{
margin-left: 58.333333333333336%;
}
.col--xs-offset-8
{
margin-left: 66.66666666666667%;
}
.col--xs-offset-9
{
margin-left: 75%;
}
.col--xs-offset-10
{
margin-left: 83.33333333333334%;
}
.col--xs-offset-11
{
margin-left: 91.66666666666667%;
}
.col--xs-offset-12
{
margin-left: 100%;
}
@media (min-width: 544px)
{
.row--sm-top
{
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.row--sm-center
{
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.row--sm-bottom
{
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.col--sm-align-top
{
-ms-flex-item-align: start;
align-self: flex-start;
}
.col--sm-align-center
{
-ms-flex-item-align: center;
align-self: center;
}
.col--sm-align-bottom
{
-ms-flex-item-align: end;
align-self: flex-end;
}
.col--sm-first
{
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col--sm-reset
{
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.col--sm-last
{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row--sm-reverse
{
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
}
.col--sm-flex
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text--sm-right
{
text-align: right;
}
.text--sm-left
{
text-align: left;
}
.text--sm-center
{
text-align: center;
}
.col--sm
{
max-width: 100%;
padding: 1rem .5rem 0 .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.col--sm-1
{
width: 8.333333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-2
{
width: 16.666666666666668%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-3
{
width: 25%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-4
{
width: 33.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-5
{
width: 41.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-6
{
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-7
{
width: 58.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-8
{
width: 66.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-9
{
width: 75%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-10
{
width: 83.33333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-11
{
width: 91.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-12
{
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-offset-0
{
margin-left: 0;
}
.col--sm-offset-1
{
margin-left: 8.333333333333334%;
}
.col--sm-offset-2
{
margin-left: 16.666666666666668%;
}
.col--sm-offset-3
{
margin-left: 25%;
}
.col--sm-offset-4
{
margin-left: 33.333333333333336%;
}
.col--sm-offset-5
{
margin-left: 41.66666666666667%;
}
.col--sm-offset-6
{
margin-left: 50%;
}
.col--sm-offset-7
{
margin-left: 58.333333333333336%;
}
.col--sm-offset-8
{
margin-left: 66.66666666666667%;
}
.col--sm-offset-9
{
margin-left: 75%;
}
.col--sm-offset-10
{
margin-left: 83.33333333333334%;
}
.col--sm-offset-11
{
margin-left: 91.66666666666667%;
}
.col--sm-offset-12
{
margin-left: 100%;
}
}
@media (min-width: 768px)
{
.row--md-top
{
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.row--md-center
{
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.row--md-bottom
{
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.col--md-align-top
{
-ms-flex-item-align: start;
align-self: flex-start;
}
.col--md-align-center
{
-ms-flex-item-align: center;
align-self: center;
}
.col--md-align-bottom
{
-ms-flex-item-align: end;
align-self: flex-end;
}
.col--md-first
{
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col--md-reset
{
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.col--md-last
{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row--md-reverse
{
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
}
.col--md-flex
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text--md-right
{
text-align: right;
}
.text--md-left
{
text-align: left;
}
.text--md-center
{
text-align: center;
}
.col--md
{
max-width: 100%;
padding: 1rem .5rem 0 .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.col--md-1
{
width: 8.333333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-2
{
width: 16.666666666666668%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-3
{
width: 25%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-4
{
width: 33.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-5
{
width: 41.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-6
{
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-7
{
width: 58.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-8
{
width: 66.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-9
{
width: 75%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-10
{
width: 83.33333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-11
{
width: 91.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-12
{
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-offset-0
{
margin-left: 0;
}
.col--md-offset-1
{
margin-left: 8.333333333333334%;
}
.col--md-offset-2
{
margin-left: 16.666666666666668%;
}
.col--md-offset-3
{
margin-left: 25%;
}
.col--md-offset-4
{
margin-left: 33.333333333333336%;
}
.col--md-offset-5
{
margin-left: 41.66666666666667%;
}
.col--md-offset-6
{
margin-left: 50%;
}
.col--md-offset-7
{
margin-left: 58.333333333333336%;
}
.col--md-offset-8
{
margin-left: 66.66666666666667%;
}
.col--md-offset-9
{
margin-left: 75%;
}
.col--md-offset-10
{
margin-left: 83.33333333333334%;
}
.col--md-offset-11
{
margin-left: 91.66666666666667%;
}
.col--md-offset-12
{
margin-left: 100%;
}
}
@media (min-width: 992px)
{
.row--lg-top
{
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.row--lg-center
{
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.row--lg-bottom
{
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.col--lg-align-top
{
-ms-flex-item-align: start;
align-self: flex-start;
}
.col--lg-align-center
{
-ms-flex-item-align: center;
align-self: center;
}
.col--lg-align-bottom
{
-ms-flex-item-align: end;
align-self: flex-end;
}
.col--lg-first
{
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col--lg-reset
{
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.col--lg-last
{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row--lg-reverse
{
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
}
.col--lg-flex
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text--lg-right
{
text-align: right;
}
.text--lg-left
{
text-align: left;
}
.text--lg-center
{
text-align: center;
}
.col--lg
{
max-width: 100%;
padding: 1rem .5rem 0 .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.col--lg-1
{
width: 8.333333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-2
{
width: 16.666666666666668%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-3
{
width: 25%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-4
{
width: 33.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-5
{
width: 41.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-6
{
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-7
{
width: 58.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-8
{
width: 66.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-9
{
width: 75%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-10
{
width: 83.33333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-11
{
width: 91.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-12
{
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-offset-0
{
margin-left: 0;
}
.col--lg-offset-1
{
margin-left: 8.333333333333334%;
}
.col--lg-offset-2
{
margin-left: 16.666666666666668%;
}
.col--lg-offset-3
{
margin-left: 25%;
}
.col--lg-offset-4
{
margin-left: 33.333333333333336%;
}
.col--lg-offset-5
{
margin-left: 41.66666666666667%;
}
.col--lg-offset-6
{
margin-left: 50%;
}
.col--lg-offset-7
{
margin-left: 58.333333333333336%;
}
.col--lg-offset-8
{
margin-left: 66.66666666666667%;
}
.col--lg-offset-9
{
margin-left: 75%;
}
.col--lg-offset-10
{
margin-left: 83.33333333333334%;
}
.col--lg-offset-11
{
margin-left: 91.66666666666667%;
}
.col--lg-offset-12
{
margin-left: 100%;
}
}
@media (min-width: 1200px)
{
.row--xl-top
{
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.row--xl-center
{
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.row--xl-bottom
{
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.col--xl-align-top
{
-ms-flex-item-align: start;
align-self: flex-start;
}
.col--xl-align-center
{
-ms-flex-item-align: center;
align-self: center;
}
.col--xl-align-bottom
{
-ms-flex-item-align: end;
align-self: flex-end;
}
.col--xl-first
{
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col--xl-reset
{
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.col--xl-last
{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row--xl-reverse
{
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
}
.col--xl-flex
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text--xl-right
{
text-align: right;
}
.text--xl-left
{
text-align: left;
}
.text--xl-center
{
text-align: center;
}
.col--xl
{
max-width: 100%;
padding: 1rem .5rem 0 .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.col--xl-1
{
width: 8.333333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-2
{
width: 16.666666666666668%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-3
{
width: 25%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-4
{
width: 33.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-5
{
width: 41.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-6
{
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-7
{
width: 58.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-8
{
width: 66.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-9
{
width: 75%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-10
{
width: 83.33333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-11
{
width: 91.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-12
{
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-offset-0
{
margin-left: 0;
}
.col--xl-offset-1
{
margin-left: 8.333333333333334%;
}
.col--xl-offset-2
{
margin-left: 16.666666666666668%;
}
.col--xl-offset-3
{
margin-left: 25%;
}
.col--xl-offset-4
{
margin-left: 33.333333333333336%;
}
.col--xl-offset-5
{
margin-left: 41.66666666666667%;
}
.col--xl-offset-6
{
margin-left: 50%;
}
.col--xl-offset-7
{
margin-left: 58.333333333333336%;
}
.col--xl-offset-8
{
margin-left: 66.66666666666667%;
}
.col--xl-offset-9
{
margin-left: 75%;
}
.col--xl-offset-10
{
margin-left: 83.33333333333334%;
}
.col--xl-offset-11
{
margin-left: 91.66666666666667%;
}
.col--xl-offset-12
{
margin-left: 100%;
}
}
/*grid*/
/*index*/
/*index*/
/*akcii*/
.breadcrump
{
/* padding-right: 6%; */
padding-left: 15px;
}
.breadcrump a:after
{
display: inline-block;
width: 12px;
height: 12px;
margin-left: 14px;
content: '';
background: url('/local/templates/main/css/../images/breadcrump-arrow.svg') no-repeat center;
stroke: #ebebeb;
}
.breadcrump span
{
color: #93c22c;
}
.breadcrump__item
{
font-size: 1.2rem;
font-weight: bold;
display: inline-flex;
margin-right: 1rem;
text-transform: uppercase;
align-items: center;
}
.breadcrump_offset
{
margin-top: 2rem;
margin-bottom: 4rem;
}
.page-header__title
{
font-size: 4.6rem;
margin-top: 0;
margin-bottom: 5.5rem;
}
.page-header
{
margin-bottom: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 9rem;
}
.page-header__desc
{
font-size: 1.8rem;
line-height: 1.8;
}
.page-header_green
{
position: relative;
}
.page-header_green:before
{
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 97px;
content: '';
background: #93c22c;
}
.section_jornal
{
background-color: #f8f8f8;
background-image: url('/local/templates/main/css/../images/tabris-journal2.jpeg');
background-repeat: no-repeat;
background-position: right -50px;
}
.artishok-1
{
position: absolute;
z-index: 9;
top: 15%;
left: -116px;
transform: translateX(-50%);
}
.scrollme
{
position: relative;
}
.section_single
{
padding: 6rem 0;
}
.page-header__desc .section-header-link{
margin-top: 10px;
display: inline-flex;
}
.default-paragraph p
{
line-height: 1.8;
}
.list-number p
{
margin-top: 0;
}
.default-paragraph_gray
{
color: #525252;
}
.list-number__title
{
line-height: 1.6;
display: inline-block;
padding-top: 7px;
}
.list-number__numb
{
flex-shrink: 0;
}
.journal-mask__title
{
font-size: 2rem;
display: block;
margin-bottom: 4.5rem;
}
.list-number li
{
display: flex;
align-items: flex-start;
}
.journal-mask__content
{
text-align: center;
color: #fff;
}
.journal
{
position: relative;
overflow: hidden;
border-radius: 5px;
}
.journal-mask
{
position: absolute;
bottom: 0;
display: flex;
width: 100%;
height: 152px;
padding-top: 2rem;
padding-bottom: 2rem;
transition: all .2s ease-in;
transform: translateY(89px);
background: rgba(148, 194, 43, .95);
align-items: center;
justify-content: center;
}
.journal-mask__ico
{
margin-right: 1rem;
margin-left: 1rem;
opacity: .3;
}
.journal__img
{
width: 100%;
}
.journal:hover .journal-mask
{
height: 100%;
transform: translateY(0);
}
.journal:hover .journal-mask .journal-mask__ico
{
transform: translateY(0);
opacity: 1;
}
.journal_offset
{
margin-bottom: 3rem;
}
.default-paragraph_gray
{
color: #828282;
}
.blockquote
{
line-height: 1.8;
position: relative;
margin: 3rem 0;
padding-left: 3.5rem;
color: #525252;
}
.blockquote:before
{
position: absolute;
top: 0;
left: 0;
left: 0;
display: inline-block;
width: 5px;
height: 100%;
content: '';
border-radius: 10px 0 0 10px;
background: #94c22b;
}
.journal-mask__ico
{
width: 40px;
height: 40px;
transition: all .2s ease-in .2s;
transform: translateY(15px);
fill: #fff;
}
.fish-bg
{
padding-bottom: 7.5rem;
background-image: url('/local/templates/main/css/../images/fish.png');
background-repeat: no-repeat;
background-position: center bottom;
}
.main.scrollme
{
overflow: hidden;
}
.about-nav__year
{
display: block;
display: block;
min-height: 25px;
transition: all .2s ease-in;
transform: translateY(20px);
text-align: center;
color: #828282;
}
.about-nav__item
{
cursor: pointer;
}
.artishok-4
{
position: absolute;
top: 50%;
left: -230px;
}
.artishok-3
{
position: absolute;
top: 0;
right: 0;
}
.about-nav__item_active .about-nav__year
{
font-size: 20px;
font-weight: bold;
position: relative;
transform: translateY(-40px) translateX(0px);
color: #000;
}
.about-nav__item_active .about-nav__numb
{
color: #fff;
background: #9ac537;
}
.about-nav__item_active .about-nav__circle
{
border: 1px solid #ebf4d7;
background: #fff;
}
.about-nav__item_active .about-nav__circle2
{
border: 1px solid #d7e8b0;
background: #fff;
}
.about-nav__item_active .about-nav__circle3
{
border: 1px solid #c6de8d;
background: #fff;
}
.about-nav__item_active .journal-mask__ico
{
color: #fff;
background: #94c22b;
}
.about-nav
{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.about-nav:before
{
position: absolute;
z-index: -1;
top: 56%;
left: 0;
width: 100%;
height: 1px;
content: '';
transform: translateY(-50%);
background-image: linear-gradient(90deg, #ccc, #ccc 60%, transparent 40%, transparent 100%);
background-size: 10px 2px;
}
.circle-item_rev
{
position: relative;
display: inline-block;
text-align: center;
}
.circle-item_rev:nth-child(even)
{
position: relative;
margin-top: -6%;
margin-bottom: -6%;
margin-left: 31%;
}
.about-nav__circle
{
display: inline-flex;
width: 124px;
height: 124px;
transition: all .2s ease-in .4s;
border: 1px solid transparent;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.about-item
{
transition: all .2s ease-in .2s;
transform: translateX(-40px);
opacity: 0;
}
.swiper-slide-active .about-item
{
transform: scale(1) translateX(0px);
opacity: 1;
}
.about-item__right
{
margin-left: 8%;
}
.about-nav__circle2
{
display: inline-flex;
width: 99px;
height: 99px;
transition: all .2s ease-in .3s;
border: 1px solid transparent;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.about-item__img
{
position: relative;
z-index: 9;
}
.about-item__pic
{
position: relative;
display: inline-block;
}
.about-item__pic_green:after
{
position: absolute;
z-index: 0;
top: 16px;
left: 0;
display: block;
width: 100%;
height: 92%;
content: '';
transition: .6s ease-out .2s;
transform: scale(1) rotate(0deg);
transform-origin: bottom;
background: #94c22b;
}
.swiper-slide-active .about-item__pic_green:after
{
left: 28px;
transform: scale(1) rotate(4deg);
}
.about-content
{
margin-top: 3rem;
}
.about-nav__numb
{
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
display: inline-flex;
width: 39px;
height: 39px;
transition: all .2s ease-in;
border: 1px solid #9ac537;
border-radius: 50%;
background: #fff;
align-items: center;
justify-content: center;
}
.about-nav
{
display: flex;
align-items: flex-start;
}
.circle-item_center
{
display: flex;
align-items: center;
}
.about-circle-info
{
display: flex;
align-items: center;
justify-content: center;
}
.about-vine__img
{
position: relative;
}
.about-circle
{
position: relative;
}
.about-circle__numb
{
font-size: 6rem;
font-weight: bold;
display: block;
}
.about-circle__desc
{
font-size: 1.2rem;
line-height: 1.6;
}
.about-circle-hr
{
width: 44px;
height: 2px;
margin-top: 30px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
border: none;
background: #fff;
}
.about-nav__circle3
{
display: inline-flex;
width: 74px;
height: 74px;
transition: all .2s ease-in .2s;
border: 1px solid transparent;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.section__small
{
margin-bottom: 40px;
}
.about-circle-info
{
position: absolute;
right: -10%;
bottom: -10%;
width: 230px;
height: 230px;
padding-top: 15px;
padding-right: 3rem;
padding-left: 3rem;
text-align: center;
color: #fff;
border-radius: 50%;
background: #94c22b;
}
.about-item__r-offset
{
padding-left: 4rem;
}
.circle-item__img
{
margin-right: 2.7rem;
}
.circle-item__pic
{
border-radius: 50%;
}
.circle-item__title
{
font-size: 1.8rem;
font-weight: bold;
text-transform: uppercase;
color: #94c22b;
}
.circle-item__img
{
display: inline-flex;
padding: 10px;
border: 1px dashed #9bc638;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.about-tort
{
position: relative;
}
.fact
{
position: relative;
padding-left: 8rem;
}
.fact__img
{
position: relative;
top: -30px;
left: -15px;
}
.about-circle-info_vine
{
right: -12%;
}
.about-vine__img
{
padding-right: 3%;
padding-left: 3%;
}
.about-vine__pic
{
width: 100%;
}
.box_green
{
color: #fff;
background-color: #94c22b;
}
.about-swiper
{
padding-top: 4rem;
}
.fact_box
{
border-radius: 5px;
-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .06);
-moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .06);
box-shadow: 0 0 18px 0 rgba(0, 0, 0, .06);
}
.fact-bottom__pic
{
border-radius: 5px;
}
.fact-bottom
{
opacity: .3;
}
.fact__content
{
padding-top: 3.5rem;
padding-right: 3.5rem;
padding-bottom: 3.5rem;
}
.sitemap-list
{
padding-left: 0;
list-style: none;
}
.sitemap-list__link
{
font-size: 1.6rem;
}
.sitemap__title
{
display: block;
margin-bottom: 3.5rem;
}
.sitemap-list__link
{
font-weight: 500;
display: block;
margin-top: 2rem;
margin-bottom: 2rem;
}
.sitemap-list-sub
{
padding-left: 1.7rem;
list-style: none;
}
.sitemap-list-sub__link
{
display: block;
margin-top: 2rem;
margin-bottom: 2rem;
}
.sitemap-mint
{
right: 0;
bottom: 0;
}
.inline-select_shop .select2-container
{
min-width: 215px;
}
.inline-select_year.inline-select_year_n-offset
{
margin-top: 0;
flex-shrink: 0;
}
.page-header_bottom
{
padding-bottom: 5rem;
}
.shop-map
{
width: 100%;
height: 800px;
}
.contact-item
{
position: relative;
overflow: hidden;
border-radius: 5px;
}
.btn_white
{
color: #000;
background: #fff;
}
.contact-item-mask-wrapper
{
position: relative;
z-index: 9;
}
.contact-item:hover .contact-item-mask
{
opacity: 1;
}
.knife-section__img
{
position: absolute;
top: -60px;
right: 4rem;
width: 830px;
max-width: inherit;
flex-shrink: 0;
}
.contact-item-mask
{
position: absolute;
width: 100%;
height: 100%;
padding: 6rem 4rem 4rem;
transition: all .2s ease-in;
text-align: center;
opacity: 0;
color: #fff;
background-repeat: no-repeat;
background-size: cover;
}
.contact-item-mask:after
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(147, 194, 44, .7);
}
.contact-item-mask .contact-item__time
{
display: block;
margin-bottom: 3rem;
color: #fff;
}
.promo_offset
{
margin-top: 3rem;
margin-bottom: 3rem;
}
.contact-item-mask__arrow
{
width: 20px;
height: 20px;
margin-top: 20px;
margin-bottom: 20px;
fill: #fff;
}
.promo-akcii
{
padding-left: 4rem;
}
.mfp-gallery .mfp-arrow
{
margin-top: 0;
}
.mfp-gallery .mfp-arrow-left
{
right: auto;
left: 15px;
background: url('/local/templates/main/css/../images/gallery-left.png') no-repeat center;
}
.mfp-gallery .mfp-arrow-left:focus
{
top: 50% !important;
left: 15px;
}
.mfp-gallery .mfp-arrow-left:before
{
display: none;
}
.mfp-gallery .mfp-arrow-left:after
{
display: none;
}
.mfp-gallery .mfp-arrow-right
{
right: 15px;
left: auto;
background: url('/local/templates/main/css/../images/gallery-right.png') no-repeat center;
}
.mfp-gallery .mfp-arrow-right:focus
{
top: 50% !important;
right: 15px;
}
.mfp-gallery .mfp-arrow-right:before
{
display: none;
}
.mfp-gallery .mfp-arrow-right:after
{
display: none;
}
.mfp-gallery button.mfp-arrow
{
top: 50%;
width: 42px;
height: 42px;
}
.mfp-gallery .mfp-bottom-bar
{
margin-top: 12px;
}
.mfp-gallery .mfp-figure figure
{
padding: 16px;
background: #fff;
}
.mfp-gallery img.mfp-img
{
padding: 0;
}
.mfp-gallery .mfp-arrow
{
z-index: 9999;
}
.mfp-gallery .mfp-arrow:focus
{
top: 50%;
}
.mfp-gallery .mfp-close
{
width: 40px;
height: 40px;
transform: rotate(45deg);
}
.mfp-gallery .mfp-close:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 14px;
height: 2px;
margin: auto;
content: '';
background: #000;
}
.mfp-gallery .mfp-close:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 2px;
height: 14px;
margin: auto;
content: '';
background: #000;
}
/*akcii*/
/*arenda*/
.section_gray
{
background: #f8f8f8;
}
.contact-item__title
{
display: block;
}
.contact-item__addr
{
font-size: 1.6rem;
margin-bottom: 1.5rem;
}
.contact-item__name
{
font-size: 2rem;
font-weight: 500;
}
.contact-item
{
margin-bottom: 4rem;
}
.contact-item__header
{
padding: 3.5rem 1.5rem 2.5rem;
text-align: center;
border-bottom: 1px solid #f1f1f1;
border-radius: 8px 8px 0 0;
background: #fff;
}
.contact-item__ico
{
width: 20px;
height: 20px;
margin-bottom: 2.3rem;
}
.contact-item__content
{
font-size: 1.6rem;
min-height: 266px;
padding: 5rem 1.5rem 8rem;
text-align: center;
background: #fff;
}
.contact-item__phone
{
font-size: 2rem;
font-weight: 500;
display: block;
}
.contact-item__info
{
margin-bottom: 2rem;
}
.contact-item__info .contact-item__addr
{
margin-bottom: .6rem;
}
.contact-item__phone_offset
{
margin-bottom: 2rem;
}
.contact-item__time
{
color: #838383;
}
.default-paragraph_n
{
font-size: 1.6rem;
}
.row.row_large
{
margin-right: -20px;
margin-left: -20px;
}
.row.row_large .col
{
padding-right: 20px;
padding-left: 20px;
}
.popup-form__item
{
margin-bottom: 3rem;
}
.popup__desc
{
font-size: 18px;
margin-bottom: 4rem;
}
.popup-form__input
{
width: 100%;
height: 60px;
padding-right: 15px;
padding-left: 15px;
border: 2px solid #ebebeb;
}
.checkbox__label.checkbox__label_b
{
font-size: 1.6rem;
}
button.mfp-close,
button.mfp-arrow
{
position: absolute;
top: 0;
right: 0;
padding: 0 !important;
opacity: 1;
border-radius: 50%;
background: #fff;
}
.checkbox_b-boffset
{
margin-bottom: 3rem;
}
button.mfp-close,
button.mfp-arrow
{
position: absolute;
top: 0;
right: 0;
opacity: 1;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .24);
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .24);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .24);
}
/*button.mfp-close:focus,
button.mfp-arrow:focus
{
top: -15px;
right: -15px;
}
*/
.popup-form__label
{
font-size: 18px;
font-weight: 300;
display: block;
margin-bottom: 1rem;
}
.link_decorated
{
text-decoration: underline;
}
.popup-default
{
position: relative;
width: 90%;
max-width: 1100px;
margin-top: 4rem;
margin-right: auto;
margin-bottom: 4rem;
margin-left: auto;
padding: 5rem;
background: #fff;
}
/*arenda*/
/*arendators*/
.circle-btn_default
{
padding: 1.0rem 2rem;
border-radius: 20px;
}
.circle-btn_green
{
color: #333;
background: #aee946;
}
.page-header__btn
{
margin-right: 1.5rem;
}
.place-ico
{
width: 19px;
height: 19px;
}
.iconed__ico_green
{
fill: #93c22c;
}
.iconed__ico_r-offset
{
margin-right: 1.4rem;
}
.shop:not(:last-child)
{
border-bottom: 1px solid #e9e9e9;
}
.shop-item
{
display: flex;
padding-bottom: 4rem;
align-items: flex-start;
}
.shop-item__img
{
width: 360px;
text-align: center;
flex-shrink: 0;
}
.shop-item_arendator
{
padding-top: 4rem;
padding-bottom: 0rem;
}
.shop-item_arendator:last-child
{
padding-bottom: 4rem;
}
.shop-item__content
{
font-size: 1.6rem;
max-width: 66%;
padding-left: 3rem;
color: #525252;
flex: 1;
}
.plus
{
position: relative;
display: inline-block;
width: 30px;
height: 30px;
cursor: pointer;
transition: all .2s ease-in;
}
.plus:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
margin: auto;
content: '';
background: #3f3f3f;
}
.plus:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 2px;
height: 100%;
margin: auto;
content: '';
background: #3f3f3f;
}
.shop__plus
{
position: absolute;
top: 20px;
right: 25px;
}
.shop
{
padding-top: 3rem;
}
.shop-item__info
{
margin-bottom: 2rem;
}
.key-widget__title
{
font-weight: 600;
display: inline-block;
margin-right: 1rem;
}
.shop-trigger
{
cursor: pointer;
}
.shop-detail-item__content
{
display: none;
}
.key-widget__desc
{
color: #838383;
}
.shop-item__title
{
display: block;
margin-bottom: 1.8rem;
}
.shop-detail-item
{
margin-top: -2px;
}
.plus.active
{
transform: rotate(45deg);
}
.shop-detail
{
display: none;
padding-bottom: 4rem;
}
.shop-detail-item__header
{
position: relative;
padding: 2.5rem 3.4rem;
border-top: 2px solid #f4f6ea;
border-bottom: 2px solid #f4f6ea;
}
.key-widget_b-offset
{
margin-bottom: 1rem;
}
/*arendators*/
/*auk*/
.big-icon__title
{
font-size: 2rem;
font-weight: bold;
display: block;
margin-bottom: 2rem;
}
.big-icon__item
{
font-weight: 500;
display: block;
}
.big-icon__item:not(:last-child)
{
margin-bottom: .8rem;
}
.iconed__content_offset
{
padding-left: 3rem;
}
.baner_bottom
{
height: 510px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.chernika
{
position: absolute;
z-index: 9;
top: 0;
left: 0;
}
.page-header__desc
{
margin-bottom: 3rem;
}
.basic
{
display: flex;
align-items: flex-start;
}
.content
{
width: calc(100% - 350px);
}
.sidebar_l-offset
{
margin-left: 3rem;
}
.circle-lines
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.circle-lines span
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
margin: auto;
border: 1px solid #d3d3d3;
border-radius: 50%;
}
.circle-widget
{
position: relative;
display: flex;
width: 140px;
height: 140px;
align-items: center;
justify-content: center;
}
.circle-lines_1 span:nth-child(1)
{
top: -15px;
left: -15px;
}
.circle-lines_1 span:nth-child(2)
{
top: 0;
right: -15px;
}
.circle-lines_1 span:nth-child(3)
{
top: 15px;
right: 0;
}
.default-paragraph_brown
{
font-size: 1.6rem;
color: #525252;
}
.list-number__numb
{
font-size: 1.8rem;
font-weight: 500;
line-height: 1;
display: inline-flex;
width: 40px;
height: 40px;
margin-right: 3rem;
color: #828282;
border: 4px solid #c9f73c;
border-radius: 50%;
background: #f8f8f8;
align-items: center;
justify-content: center;
}
.page-header-info
{
position: absolute;
top: 25%;
left: -34px;
transform: translateX(-100%);
}
.h3_l-offset
{
padding-left: 3.5rem;
}
.toggle-section
{
padding: 3.5rem;
}
.section-bottom_vakancy
{
padding: 1.5rem 3.5rem;
}
.list-number
{
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.list-number li
{
margin-bottom: 3rem;
}
.default-paragraph p
{
font-size: 1.6rem;
}
.checkbox__input:checked + .checkbox__label:after
{
position: absolute;
top: 5px;
left: 5px;
display: block;
width: 6px;
height: 3px;
content: '';
transform: rotate(-45deg);
border-bottom: 2px solid #94c22b;
border-left: 2px solid #94c22b;
}
.tab
{
display: none;
}
.tab.active
{
display: block;
animation: show .2 ease-in;
}
.iconed-line__ico
{
width: 13px;
height: 13px;
fill: #b8b8b8;
}
.circle-ico_offset
{
margin-right: 2rem;
}
.iconed-line_offset
{
margin-bottom: 1.5rem;
}
.iconed-line_center
{
display: flex;
align-items: center;
}
.iconed-line__title
{
display: inline-block;
}
.section
{
font-size: 1.6rem;
}
.vine-club-d
{
line-height: 1.6;
}
.iconed-line__title_offset
{
margin-right: 1.5rem;
}
.iconed-line__content
{
font-size: 1.6rem;
}
.iconed-line__title_black
{
color: #000;
}
.vine-club-d
{
position: relative;
margin-bottom: 4rem;
padding-left: 1.5rem;
}
.vine-club-d__char
{
position: absolute;
left: 0;
}
.iconed-line__title_gray
{
color: #838383;
}
.new-tile-content_show
{
margin-bottom: 3rem;
}
.circle-ico
{
display: flex;
width: 40px;
height: 40px;
border: 4px solid #c9f73c;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.title_green
{
color: #94c22b;
}
.new-tile-bottom
{
padding-bottom: 1.5rem;
}
.new-tile-content_show
{
transition: all .2s ease-in;
}
.new-tile-content_show:hover
{
-webkit-box-shadow: 0 0 23px -6px rgba(0, 0, 0, .09);
-moz-box-shadow: 0 0 23px -6px rgba(0, 0, 0, .09);
box-shadow: 0 0 23px -6px rgba(0, 0, 0, .09);
}
.new-tile-content_show .new-tile:before
{
display: none !important;
}
.paralax-item
{
position: absolute;
}
.vine-1
{
z-index: 9;
top: 0;
right: 0;
}
.pagination__arrow
{
display: inline-flex;
width: 40px;
height: 40px;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.pagination__sepparator
{
display: inline-flex;
width: 40px;
height: 40px;
border-radius: 50%;
justify-content: center;
}
.pagination_offset
{
margin-top: 2rem;
margin-bottom: 2rem;
}
.pagination__item
{
display: inline-flex;
width: 40px;
height: 40px;
transition: all .2s ease-in;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.pagination__item:hover
{
color: #fff;
background: #94c22b;
}
.pagination__item.active
{
color: #fff;
background: #94c22b;
}
/*auk*/
/*card*/
.in-shop
{
padding: 28px;
background: #f8f8f8;
}
.card-char__label
{
font-size: 1.6rem;
color: #8a8a8a;
}
.single-card__row_start
{
display: flex;
align-items: flex-start;
}
.card-char_offset
{
margin-right: 7rem;
}
.card-price
{
font-size: 3.6rem;
font-weight: 600;
display: inline-block;
}
.card-price__cur
{
font-size: 1.6rem;
font-weight: 400;
color: #8a8a8a;
}
.single-card__row
{
margin-bottom: 3rem;
}
.in-shop__title
{
margin-top: 0;
margin-bottom: 1.5rem;
}
.artishok-h-1
{
position: absolute;
top: 10%;
left: 0;
}
.artishok-h-2
{
position: absolute;
top: 25%;
right: 0;
}
.in-shop__desc
{
font-size: 1.6rem;
line-height: 1.6;
color: #838383;
}
.in-shop__desc p
{
margin-bottom: 0;
}
.card-desc
{
display: flex;
align-items: flex-start;
}
.card-desc__title
{
margin-top: 0;
flex-shrink: 0;
}
.present-card
{
margin-bottom: 4rem;
text-align: center;
}
.present-card__img
{
display: block;
margin-bottom: 1.5rem;
}
.card-desc__text
{
max-width: 80%;
padding-left: 3rem;
color: #838383;
flex: 1;
}
.card-desc__text p
{
margin-top: 0;
}
/*card*/
/*carier*/
.carier-item__title
{
margin-top: 1.5rem;
margin-bottom: 2rem;
}
.carier-item__desc
{
font-size: 1.6rem;
line-height: 1.7;
color: #828282;
}
.carier-ico
{
width: 80px;
height: 80px;
fill: #94c22b;
}
.preims-ico
{
width: 60px;
height: 60px;
fill: #94c22b;
}
.carier-item
{
padding: 4rem 3.5rem 5rem 4rem;
-webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .07);
-moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .07);
box-shadow: 0 0 24px 0 rgba(0, 0, 0, .07);
}
/* .who-practice:before
{
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 525px;
height: 330px;
content: '';
pointer-events: none;
background: url('/local/templates/main/css/../images/list-composer-left.png') no-repeat center;
}
.who-practice:after
{
position: absolute;
z-index: 0;
top: 0;
right: 0;
width: 470px;
height: 529px;
content: '';
pointer-events: none;
background: url('/local/templates/main/css/../images/list-composer-right.png') no-repeat center;
} */
.paragraph-normal{
line-height: 1.6;
padding: 3rem;
}
.pt-4{
padding-top:40px
}
.preims__item
{
position: relative;
margin-top: 5rem;
margin-bottom: 4rem;
text-align: center;
}
.title_relative
{
position: relative;
z-index: 9;
}
.iconed-line__title
{
line-height: 1.4;
}
.circle-widget_center
{
margin-right: auto;
margin-left: auto;
}
.section-inside
{
padding: 6rem 0;
}
.map-wrapper
{
position: relative;
}
.map-wrapper-item
{
position: absolute;
width: 100%;
height: 40px;
background: #ccc;
}
.phone-section__map
{
position: absolute;
top: 0;
right: 0;
width: 42%;
height: 100%;
}
.map-style
{
width: 100%;
height: 100%;
}
/*carier*/
/*comm-otdel*/
.section_partners
{
min-height: 470px;
}
.phone-section__img.phone-section__centered
{
background-position: right center;
background-size: auto;
}
.listick-2
{
position: absolute;
z-index: 9;
top: -4%;
}
.manager
{
margin-top: 5rem;
margin-bottom: 5rem;
text-align: center;
}
.mint-crop
{
position: absolute;
z-index: 9;
top: 50%;
right: 0;
}
.manager-mail
{
width: 27px;
height: 20px;
fill: #93c22c;
}
.manager__ico
{
margin-bottom: 2rem;
text-align: center;
}
.manager__name
{
font-size: 1.6rem;
display: block;
margin-bottom: 1.5rem;
}
.hr_centered
{
margin-right: auto;
margin-left: auto;
}
.manager__job
{
font-size: 2rem;
display: block;
max-width: 320px;
margin-right: auto;
margin-bottom: 3rem;
margin-left: auto;
text-align: center;
}
.manager__contacts
{
margin-top: 3rem;
color: #838383;
}
.circle-notif__pic
{
display: inline-flex;
width: 92px;
height: 92px;
border: 16px solid #c9f73c;
border-radius: 50%;
flex-shrink: 0;
align-items: center;
justify-content: center;
}
.circle-notif__content
{
max-width: 335px;
padding-top: 1.5rem;
padding-left: 3.4rem;
}
.circle-notif__ico
{
display: inline-flex;
width: 60px;
height: 60px;
border: 16px solid transparent;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.circle-notif
{
display: flex;
align-items: flex-start;
}
.circle-notif__desc p
{
line-height: 1.4;
margin-top: .8rem;
margin-bottom: .8rem;
}
.circle-notif__title
{
font-size: 2rem;
font-weight: 500;
display: block;
margin-bottom: 2rem;
}
.circle-notif-i
{
width: 22px;
height: 22px;
fill: #93c22c;
}
.circle-notif__pic_dark.circle-notif__pic
{
border-color: #d0dd9f;
}
/*comm-otdel*/
/*discount*/
.phone-section__img
{
position: absolute;
top: 0;
right: 0;
width: 42%;
height: 100%;
}
.phone-section
{
overflow: hidden;
min-height: 677px;
}
.top-artishovk-half
{
position: absolute;
top: 0;
right: 0;
}
.artichok
{
z-index: 9;
}
.artichok-4
{
top: 50%;
left: -100px;
}
.percetage__numb
{
font-size: 6rem;
font-weight: bold;
display: block;
margin-bottom: 1.5rem;
text-align: center;
color: #93c22c;
}
.percetage
{
display: flex;
margin-right: -2rem;
margin-left: -2rem;
padding-left: 9rem;
flex-wrap: wrap;
align-items: flex-start;
}
.phone-section__img
{
font-size: 0;
}
.percetage__item_l-offset
{
padding-left: 2rem;
}
.percetage__item_l-offset:after
{
position: absolute;
top: 15px;
right: -20px;
width: 1px;
height: 81%;
content: '';
background: #e6e6e6;
}
.percetage-col
{
width: 50%;
padding-right: 2rem;
padding-left: 2rem;
}
.percetage__item
{
position: relative;
padding-top: 3rem;
padding-bottom: 4rem;
}
.percetage__item_bordered
{
border-bottom: 1px solid #e6e6e6;
}
.percetage__title
{
font-size: 1.2rem;
font-weight: 500;
line-height: 1.4;
display: block;
max-width: 185px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.img-section__content
{
padding: 6rem 0;
}
.img-section
{
display: flex;
align-items: flex-start;
}
.default-paragraph__header
{
display: block;
margin-bottom: 2.5rem;
color: #000;
}
.img-section__content
{
width: 55%;
}
.img-section__pic
{
width: 45%;
background-size: cover;
}
.phone-section__img
{
background-repeat: no-repeat;
/*background-size: cover;*/
background-size: 880px;
background-position: left bottom;
}
.list__stick
{
padding-left: 0;
list-style: none;
}
.list__stick li
{
font-size: 1.6rem;
line-height: 1.7;
position: relative;
margin-bottom: 3.5rem;
padding-left: 3.7rem;
color: #828282;
}
.list__stick li:before
{
position: absolute;
top: 7px;
left: 0;
width: 15px;
height: 13px;
content: '';
background: url('/local/templates/main/css/../images/listick-ico.png') no-repeat center;
}
.page-header_n-offset
{
margin-bottom: 0;
padding-bottom: 0;
}
.app-widget_offset
{
margin-top: 2rem;
margin-bottom: 3rem;
}
.page-header__desc_offset
{
padding-left: 9rem;
}
.app-widget__link:not(:last-child)
{
margin-right: 2rem;
}
.app-widget
{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.artishok
{
z-index: 9;
}
.mint
{
top: 0;
right: 0;
}
.listik
{
position: absolute;
z-index: 9;
top: 10%;
left: -100px;
}
.page-header__title_mw
{
max-width: 715px;
}
.artishok-small
{
position: absolute;
top: 50%;
left: 0;
}
.inline-select_year
{
margin-top: 3rem;
}
.inline-select_year .select2-container
{
min-width: 130px;
}
.inline-select_transparent .select2-container--default .select2-selection--single .select2-selection__arrow
{
top: 4px;
width: 20px;
height: 20px;
}
.inline-select_transparent .select2-container--default .select2-selection--single .select2-selection__rendered
{
font-size: 17px;
color: #000;
}
.inline-select_transparent .select2-container--default .select2-selection--single .select2-selection__arrow b
{
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 20px;
height: 20px;
margin: auto;
border: none;
}
.inline-select_transparent .select2-container--default .select2-selection--single .select2-selection__arrow b:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: -3px;
display: inline-block;
width: 8px;
height: 8px;
margin: auto;
content: '';
transform: rotate(45deg);
border-top: 2px solid #45452e;
border-right: 2px solid #45452e;
}
.inline-select_transparent .select2-container--default .select2-selection--single
{
border: none;
}
.page-header-widget
{
margin-bottom: 4rem;
}
.page-header-widget .page-header__desc p
{
margin-top: 0;
}
.card__title
{
display: block;
margin-bottom: 4rem;
}
.green
{
color: #94c22b;
}
.card
{
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 310px;
border-radius: 5px;
background-repeat: no-repeat;
background-size: cover;
}
.card-content
{
position: absolute;
padding-top: 9rem;
padding-left: 5rem;
}
.cards
{
margin-top: 3rem;
margin-bottom: 3rem;
}
/*discount*/
/*ino*/
.numbers_bordered
{
position: relative;
padding-top: 2rem;
padding-bottom: 3rem;
}
.numbers_bordered:after
{
position: absolute;
top: 0;
right: -10px;
display: block;
width: 1px;
height: 100%;
content: '';
background: #e6e6e6;
}
.section-imagered__item
{
width: 33.3%;
padding-top: 27%;
background-repeat: no-repeat;
background-size: cover;
}
.section-imagered
{
display: flex;
align-items: stretch;
}
.quality-artishok
{
position: absolute;
right: -90px;
bottom: -150px;
}
.asort-section__img
{
position: absolute;
top: 50%;
right: 2rem;
width: 682px;
max-width: inherit;
transform: translateY(-50%);
}
.title_centered
{
display: block;
text-align: center;
}
.made
{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.made__desc
{
font-size: 1.8rem;
line-height: 1.4;
}
.made__desc
{
max-width: 257px;
text-align: left;
}
.made-item
{
width: calc(33.3% - 40px);
margin-top: 3rem;
margin-right: 2rem;
margin-bottom: 3rem;
margin-left: 2rem;
}
.assort-img
{
position: relative;
}
.section-img_man
{
position: absolute;
top: 0;
right: 0;
width: 38%;
height: 100%;
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover;
}
.responsive-video
{
position: relative;
height: 0;
/* 16:9 */
padding-top: 25px;
padding-bottom: 56.25%;
}
.video-contact
{
padding-top: 5rem;
padding-left: 5rem;
}
.responsive-video iframe
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*ino*/
/*why*/
.why-section__img
{
position: absolute;
top: 0;
right: 0;
width: 747px;
height: 495px;
background-repeat: no-repeat;
background-size: cover;
}
.box-item
{
margin-bottom: 3rem;
padding: 40px;
text-align: center;
border-radius: 5px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}
.box-item__title
{
font-size: 1.8rem;
font-weight: bold;
display: block;
margin-bottom: 2rem;
text-align: center;
}
.box-item__ico
{
position: relative;
z-index: 3;
}
.box-item__img
{
position: relative;
display: inline-block;
width: 100px;
height: 100px;
}
.box-item__img:after
{
position: absolute;
z-index: 0;
top: -10px;
right: 0;
left: 0;
display: inline-block;
width: 70px;
height: 70px;
margin: auto;
content: '';
border-radius: 50%;
background: #f8f8f8;
}
.box-item__desc
{
font-size: 1.6rem;
line-height: 1.4;
color: #828282;
}
.box-item__desc p
{
margin-top: 0;
margin-bottom: 0;
}
/*why*/
/*corp-obs*/
/*corp-obs*/
/*postavshikam*/
.baner_full
{
width: 100%;
height: 500px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.shop-detail.shop-detail_single
{
display: block;
}
.box-mw
{
max-width: 920px;
}
.doc-ico
{
width: 26px;
height: 33px;
margin-right: 15px;
fill: #6b8c26;
}
.doc-item
{
display: flex;
margin-bottom: 2rem;
}
.spinach
{
position: absolute;
z-index: 8;
top: 0;
right: 0;
}
.single-baner__pic
{
margin-bottom: 1rem;
}
.single-baner__desc
{
display: block;
color: #acacac;
}
.box_offset
{
margin-bottom: 5rem;
}
.single-baner_offset
{
margin-top: 3rem;
}
.righted-section
{
padding-left: 9rem;
}
.single-baner img
{
width: 100%;
}
.more-artishok-1
{
position: absolute;
z-index: 9;
}
.more-artishok-3
{
top: 30%;
left: 0;
}
.more-artishok-2
{
top: 10%;
right: -80px;
}
.more-artishok-4
{
top: 50%;
right: 0;
}
/*postavshikam*/
/*search*/
.search-form__input
{
font-family: 'Roboto', sans-serif;
width: 100%;
height: 60px;
padding-right: 1.6rem;
padding-left: 1.6rem;
color: #8a8a8a;
border: 2px solid #ebebeb;
border-radius: 4px;
}
.search-form
{
position: relative;
}
.search-form__submit
{
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
cursor: pointer;
border: none;
background: transparent;
}
.search-form__ico
{
width: 19px;
height: 16px;
fill: #93c22c;
stroke: #93c22c;
}
.zoom-ico
{
stroke: #333;
}
.search-form__bottom
{
color: #525252;
}
.search-form-controls
{
margin-bottom: 1rem;
}
.changed
{
display: inline-block;
padding: .8rem 2.5rem;
color: #fff;
border-radius: 8px 8px 8px 0;
background: #94c22b;
}
.search-item
{
padding-top: 5rem;
padding-bottom: 5rem;
}
.search-item:not(:last-child)
{
border-bottom: 1px solid #e9e9e9;
}
.changed_offset
{
margin-right: 3rem;
}
.search-item__header
{
margin-bottom: 2.5rem;
}
.path__url
{
display: inline-block;
color: #838383;
}
.path__link
{
display: inline-block;
}
.path__title
{
font-weight: bold;
display: inline-block;
margin-right: .8rem;
}
.search-item
{
display: flex;
align-items: flex-start;
}
.search-item__pic
{
width: 360px;
flex-shrink: 0;
}
.search-item-content
{
padding-left: 3rem;
flex: 1;
}
.artishok-l-d
{
top: 0;
left: 0;
}
.artishok
{
position: absolute;
}
/*search*/
/*events*/
.page-header__desc_gray
{
color: #828282;
}
.page-header-date
{
display: flex;
align-items: center;
}
.page-header-date__numb
{
font-size: 6rem;
font-weight: bold;
line-height: 1;
color: #93c22c;
}
.page-header-date__mounth
{
display: block;
margin-bottom: 0rem;
}
.page-header-date__info
{
padding-left: 2rem;
color: #333;
}
.page-header-date__day
{
display: block;
}
.page-header-date
{
position: absolute;
}
.page-header-date
{
left: 0;
transform: translateX(-100%);
}
.events-item
{
display: block;
margin-bottom: 3rem;
}
.events-item img
{
width: 100%;
}
.pure
{
position: absolute;
z-index: 4;
top: 0;
left: 0;
}
.page-header__desc_offset
{
margin-top: 8rem;
}
.section_b-offset
{
padding-bottom: 6rem;
}
.mfp-zoom-out
{
/* start state */
/* animate in */
/* animate out */
}
.mfp-zoom-out .mfp-with-anim
{
transition: all .3s ease-in-out;
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-bg
{
transition: all .3s ease-out;
opacity: 0;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim
{
transform: scale(1);
opacity: 1;
}
.mfp-zoom-out.mfp-ready.mfp-bg
{
opacity: .8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim
{
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg
{
opacity: 0;
}
.bottom-nav__right
{
text-align: right;
}
/*events*/
/*tort-order*/
.ol_default
{
padding-left: 1.5rem;
}
.tort-order
{
padding: 5rem 12rem;
border: 1px solid #e9e9e9;
border-radius: 10px;
}
.section_b-offset
{
padding-bottom: 6rem;
}
.tort-order-slider__desc
{
font-size: 1.8rem;
font-weight: 300;
color: #b2b2b2;
}
.tort-order-slider.swiper-container
{
overflow: inherit;
}
.tort-order-slider__img
{
font-size: 0;
overflow: hidden;
margin-bottom: 3rem;
border-radius: 10px;
}
.tort-order-slider__note {
height: 49px;
display: flex;
align-items: center;
margin-bottom: 1.5rem;
padding: 0 25px;
border: 1px solid #FB8441;
border-radius: 10px;
font-size: 15px;
line-height: 18px;
color: #FB8441;
}
.tort-order-slider__note svg {
flex: 0 0 24px;
width: 24px;
margin-right: 10px;
}
.tort-order-slider .tort-order-prev
{
position: absolute;
top: 50% !important;
right: auto;
left: -60px;
margin: 0;
transform: translateY(-50%);
}
.tort-order-slider .tort-order-next
{
position: absolute;
top: 50% !important;
right: -60px;
left: auto;
margin: 0;
transform: translateY(-50%);
}
.tort-order-slider .arrows-control
{
border: 5px solid #d1d1d1;
}
.tort-order-slider .arrows-control:hover
{
border-color: #aee946;
}
.tort-order-slider .arrows-control:hover .arrows-control__ico
{
stroke: #8e8f92;
}
.weeks-raspberry-2
{
position: absolute;
z-index: 9;
top: -14%;
left: 0;
width: 8%;
}
.weeks-raspberry
{
position: absolute;
left: 0;
}
.tort-order__ico
{
width: 39px;
height: 39px;
margin-right: 20px;
}
.tort-order-section_bordered
{
border-bottom: 1px solid #e9e9e9;
}
.mint-cake
{
position: absolute;
z-index: 9;
top: 0;
right: 0;
}
.cake-circle
{
position: relative;
z-index: 5;
display: flex;
width: 143px;
height: 143px;
color: #000;
border-radius: 50%;
background-color: #aee946;
align-items: center;
justify-content: center;
}
.cake-circle__content {
text-align: center;
}
.cake-circle-booble-yellow
{
position: absolute;
top: 0;
width: 30px;
height: 30px;
transition: all .2s ease-in;
transform: translate(30px, 30px);
border-radius: 50%;
background: #ffeac6;
}
.cake-circle-booble-orange
{
position: absolute;
z-index: 0;
top: 0;
width: 50px;
height: 50px;
transition: all .2s ease-in;
transform: translate(30px, 30px);
border-radius: 50%;
background: #ffca70;
}
.cake-ico__numb
{
font-size: 2.4rem;
font-weight: bold;
}
.cake-ico__title, .cake-ico__subtitle
{
font-family: 'Roboto Condensed';
font-weight: bold;
display: block;
text-align: center;
text-transform: uppercase;
}
.cake-circle-booble-gray
{
position: absolute;
z-index: 0;
right: 0;
bottom: 0;
width: 50px;
height: 50px;
transition: all .2s ease-in;
transform: translate(-30px, -30px);
border-radius: 50%;
background: #d4d4d4;
}
.cake-circle-wrapper:hover .cake-circle-booble-gray
{
transform: translate(17px, 6px);
}
.cake-circle-wrapper:hover .cake-circle-booble-orange
{
transform: translate(-27px, 6px);
}
.cake-circle-wrapper:hover .cake-circle-booble-yellow
{
transform: translate(10px, -36px);
}
.tort-order-section.tort-order-section_offset
{
padding-right: 3rem;
padding-left: 3rem;
}
.tort-order-section
{
position: relative;
padding: 6rem 1.5rem;
}
.tort-order-section_b
{
padding-bottom: 6rem;
}
.cake-ico
{
width: 32px;
height: 32px;
}
.tort-order__title
{
font-family: 'Roboto Condensed';
font-size: 1.8rem;
font-weight: bold;
text-transform: uppercase;
}
.tort-order-category__item
{
width: 33.3%;
}
.tort-order-slider__img img
{
width: 100%;
}
.tort-order-category
{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.tort-order-category__item_active .tort-order-category__link
{
background: #aee946;
}
.tort-order-content
{
padding-left: 8rem;
}
.tort-order-category__link
{
display: inline-flex;
margin-bottom: 3.5rem;
padding: 6px 25px;
cursor: pointer;
border-radius: 30px;
align-items: center;
}
.popup-middle
{
position: relative;
width: 90%;
max-width: 815px;
margin-top: 4rem;
margin-right: auto;
margin-bottom: 4rem;
margin-left: auto;
padding: 5rem;
background: #fff;
}
/*menu*/
.header-nav-sub-level
{
display: none;
}
.desctop-header-menu__item:hover .desctop-header-nav__sub
{
pointer-events: all;
opacity: 1;
}
.desctop-header-nav__sub
{
position: absolute;
top: 100%;
left: 0;
width: 230px;
pointer-events: none;
opacity: 0;
}
.desctop-header-menu__item ul
{
z-index: 99;
padding: 1.5rem 0 1.5rem;
list-style: none;
transition: all .2s ease-in;
transform: translateY(-10px);
color: #fff;
background: #8ebd40;
}
.desctop-header-nav-sub__item
{
position: relative;
}
.desctop-header-menu__item
{
position: relative;
}
.desctop-header-nav
{
font-size: 1.8rem;
display: flex;
list-style: none;
align-items: center;
}
.desctop-header-middle-left
{
display: flex;
flex-basis: auto;
}
.desctop-header-middle-items
{
display: flex;
justify-content: space-between;
align-items: center;
}
.search-desctop
{
position: absolute;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100vh;
padding-top: 2rem;
background: rgba(0, 0, 0, .8);
}
.desctop-header-middle
{
transform: translateZ(0px);
background: #fff;
}
.search-desctop__logo
{
width: 240px;
}
.desctop-header-menu__link:hover
{
color: #8ebd40;
}
.desctop-header__wrap_sub
{
position: relative;
width: 100%;
justify-content: space-between;
align-items: center;
}
.search-desctop-form__input
{
font-size: 30px;
width: 100%;
height: 70px;
padding-right: 18px;
padding-left: 18px;
color: #fff;
border: none;
border-bottom: 1px solid #504e4c;
background: transparent;
}
.search-desctop-form__input::-webkit-input-placeholder
{
color: #fff;
}
.search-desctop-form__input:-ms-input-placeholder
{
color: #fff;
}
.search-desctop-form__input::-ms-input-placeholder
{
color: #fff;
}
.search-desctop-form__input::placeholder
{
color: #fff;
}
.search-desctop-content
{
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
}
.search-desctop-form
{
position: relative;
}
.search-desctop-form__submit
{
position: absolute;
top: 37px;
right: 0;
display: inline-flex;
cursor: pointer;
border: none;
background: transparent;
align-items: center;
}
.desctop-header-menu__item:hover .desctop-header-menu__link
{
color: #8ebd40;
}
.search-desctop-submit__title
{
font-size: 1.6rem;
font-weight: 600;
display: inline-block;
text-transform: uppercase;
color: #c9f73c;
}
.search__zoom-ico
{
width: 20px;
height: 16px;
margin-right: 2rem;
stroke: #c9f73c;
}
.search-desctop
{
pointer-events: none;
opacity: 0;
}
.search-desctop.active
{
pointer-events: all;
opacity: 1;
}
.header-search__ico
{
cursor: pointer;
}
.search-desctop__close
{
position: relative;
display: inline-block;
width: 25px;
height: 25px;
cursor: pointer;
transform: rotate(45deg);
border: none;
background: transparent;
flex-shrink: 0;
}
.search-desctop__close:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 24px;
height: 3px;
margin: auto;
content: '';
border-radius: 3px;
background: #c9f73c;
}
.search-desctop__close:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 3px;
height: 24px;
margin: auto;
content: '';
border-radius: 3px;
background: #c9f73c;
}
.search-desctop__top
{
display: flex;
justify-content: space-between;
align-items: center;
}
.desctop-header-nav__sub
{
padding-top: 35px;
}
.desctop-header-nav__sub li a
{
transition: all .2s ease-in;
}
.desctop-header-nav-sub__item a:hover
{
color: #004519;
}
.desctop-header-nav__sub a
{
font-weight: bold;
display: inline-block;
padding: 12px 2.6rem;
}
.alko-popup__btn
{
font-size: 18px;
font-weight: 600;
display: inline-block;
padding: 10px 20px 13px;
transition: all .2s ease-in;
text-decoration: none;
color: #fff;
background-color: #679f30;
}
.page-404
{
display: flex;
min-height: 700px;
padding-right: 15px;
padding-left: 15px;
background: #f8f8f8;
align-items: center;
justify-content: center;
}
.alko-popup__desc
{
font-size: 16px;
margin-bottom: 40px;
}
.lis
{
position: absolute;
top: 0;
right: 0;
}
.blackni
{
position: absolute;
top: 0;
left: 0;
}
.page-404__content
{
text-align: center;
}
.page-404__img
{
margin-bottom: 40px;
}
.iframe-container
{
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.page-404__title
{
margin-bottom: 40px;
}
.iframe-container iframe
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.desctop-header-nav li ul.header-nav-sub-level
{
position: absolute;
top: 0;
right: 0;
width: 100%;
transform: translateX(100%);
border: 2px solid #8ebd40;
background: #fff;
}
.calameo-popup__content
{
padding: 30px;
}
.calameo-popup
{
position: relative;
width: 90%;
max-width: 1600px;
margin-right: auto;
margin-left: auto;
}
.alko-popup__title
{
font-size: 20px;
display: block;
text-align: center;
color: #679f30;
}
.alko-popup__year
{
font-size: 48px;
display: inline-flex;
width: 100px;
height: 100px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
color: #679f30;
border: 1px solid #679f30;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.desctop-header-nav li ul a.header-nav-sub-level__link
{
font-weight: 400;
color: #8ebd40;
}
.alko-popup
{
position: relative;
max-width: 500px;
margin-right: auto;
margin-left: auto;
padding: 25px 20px;
text-align: center;
background: #fff;
}
.tort-order__link
{
display: inline-block;
padding: 1rem 2rem;
border-radius: 20px;
}
.tort-order__link.active
{
background-color: #aee946;
}
.tort-order__desc
{
display: block;
padding: 2rem 3rem 3rem;
background: #fff;
}
.tort-order__desc--higers {
height: auto !important;
}
.tort-order__desc--wide {
padding: 2rem 2rem 3rem;
}
.tort-order-item
{
display: block;
overflow: hidden;
margin-bottom: 3rem;
border: 1px solid #efefef;
border-radius: 10px;
}
.tort-order__title {
font-family: 'Roboto Condensed';
font-size: 1.3rem;
font-weight: bold;
line-height: 1.4;
display: block;
min-width: 82px;
text-align: center;
text-transform: uppercase;
}
.btn-wrapper
{
margin-top: 2rem;
text-align: center;
}
.tort-order__mask
{
position: absolute;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
transition: all .2s ease-in;
transform: scale(1.2);
pointer-events: none;
opacity: 0;
border-radius: 10px;
background: rgba(174, 233, 70, .6);
align-items: center;
justify-content: center;
}
.tort-order-item:hover .tort-order__mask
{
transform: scale(1);
opacity: 1;
}
.tort-order-nav
{
margin-bottom: 3rem;
}
.tort-order__pic
{
width: 100%;
border-radius: 10px;
}
.tort-order__price
{
font-size: 1.6rem;
display: block;
text-align: center;
color: #838383;
}
.tort-order__price--new
{
display: flex;
justify-content: flex-start;
align-items: center;
}
.tort-order__price--new
{
margin-top: 1rem;
}
.tort-order__price--new > *:not(:last-child)
{
margin-right: 0.5rem;
}
.tort-order__price--new > *:last-child
{
margin-left: auto;
}
.tort-order__price--new img
{
width: 16px;
height: 16px;
margin-top: -3px;
}
.tort-order__img
{
font-size: 0;
position: relative;
display: block;
overflow: hidden;
flex-shrink: 0;
}
.cake-widget__content
{
padding-left: 5rem;
text-align: left;
}
.cake-basket-section
{
padding-right: 3rem;
padding-left: 3rem;
}
.cake-widget__title
{
font-size: 1.8rem;
font-weight: 500;
line-height: 1.4;
display: block;
margin-bottom: 2rem;
}
.cake-basket-counter__items
{
color: #838383;
}
.cake-basket-counter
{
color: #000;
}
.cake-widget__cur
{
font-family: 'Roboto Condensed';
font-size: 1.6rem;
display: inline-block;
text-transform: uppercase;
color: #b4b0b0;
}
.cake-widget__cur-t
{
font-size: 1.6rem;
display: inline-block;
color: #b4b0b0;
}
.cake-widget__price_offset
{
margin-bottom: 4rem;
}
.cake-widget__numb
{
font-family: 'Roboto Condensed';
font-size: 2.4rem;
font-weight: bold;
}
.cake-widget
{
display: flex;
align-items: flex-start;
}
.counter
{
display: inline-flex;
align-items: center;
}
.counter__control
{
position: relative;
display: inline-flex;
width: 50px;
height: 50px;
cursor: pointer;
transition: all .2s ease-in;
border: 8px solid #eaeaea;
border-radius: 50%;
}
.counter__control_minus:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 8px;
height: 2px;
margin: auto;
content: '';
background: #000;
}
.counter__control_plus:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 8px;
height: 2px;
margin: auto;
content: '';
background: #000;
}
.counter__input
{
font-family: 'Roboto Condensed';
font-size: 1.4rem;
font-weight: bold;
width: 50px;
height: 25px;
margin-right: 15px;
margin-left: 15px;
text-align: center;
border: none;
border-bottom: 2px solid #eaeaea;
}
.counter__control_plus:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 2px;
height: 8px;
margin: auto;
content: '';
background: #000;
}
.cake-widget__img
{
flex-shrink: 0;
}
.cake-widget__pic
{
border-radius: 10px;
}
.counter__control:hover
{
border-color: #e5ebcd;
}
.cake-tech__ico
{
width: 50px;
height: 50px;
fill: #a1c945;
}
.cake-tech
{
display: inline-flex;
width: 33.3%;
flex-wrap: wrap;
}
.cake-tech__title
{
font-size: 1.6rem;
line-height: 1.5;
display: block;
width: 100%;
text-align: center;
color: #828282;
}
.circle-widget
{
margin-right: auto;
margin-left: auto;
}
.cake-tech__circle
{
margin-bottom: 25px;
}
.cake-tech-list
{
display: flex;
align-items: flex-start;
}
.cake-more
{
display: flex;
padding-top: 2.8rem;
padding-bottom: 2.8rem;
align-items: center;
}
.cake-more__title
{
display: inline-block;
width: 140px;
padding-right: 15px;
}
.cake-widget__price_l
{
padding-left: 2rem;
flex-shrink: 0;
}
.cake-meet
{
padding-top: 0rem;
}
.cake-meet__label
{
font-size: 1.8rem;
display: block;
margin-bottom: 1rem;
}
.cake-more a.add2BasketBtn {
padding: 1.5rem 2rem;
background: #93c22c;
color: #fff;
border-radius: 5px;
}
.cake-more a.add2BasketBtn .right-arrow-ico {
stroke: #fff;
transition: transform .3s ease-in-out;
}
.cake-more a.add2BasketBtn:hover .right-arrow-ico {
transform: translateX(5px);
}
.label_default
{
display: block;
margin-bottom: .8rem;
}
.time-wrapper
{
display: flex;
height: 59px;
border: 2px solid #ebebeb;
align-items: center;
}
.time-wrapper .input
{
height: 18px;
background: transparent;
border: none;
}
.cake-add
{
text-align: center;
}
.cake-add-step
{
display: none;
}
.cake-add-step.active
{
display: block;
animation: show .2s ease-in;
}
.more-cake-popup
{
display: flex;
justify-content: center;
align-items: center;
}
.more-cake-popup__control
{
margin-right: 3rem;
}
.popup-nav-cancel
{
min-width: 157px;
text-align: center;
}
.popup-small
{
position: relative;
width: 90%;
max-width: 638px;
margin-top: 4rem;
margin-right: auto;
margin-bottom: 4rem;
margin-left: auto;
padding: 5rem;
background: #fff;
}
.cake-circle-wrapper
{
position: fixed;
top: 50%;
right: 5%;
width: 143px;
height: 143px;
cursor: pointer;
}
.cake-form__item_mw
{
max-width: 90%;
}
.btn_r-offset
{
margin-right: 2rem;
}
.cake-order-nav
{
padding-top: 4rem;
}
.btn_r-m-offset
{
margin-right: 4rem;
}
.cake-more_b
{
border-bottom: 1px solid #f3f3f3;
}
.btn_gray
{
color: #fff;
background: #ccc;
}
.location-select .select2-container .select2-selection--single
{
height: 59px;
border: 2px solid #ebebeb;
border-radius: 0;
}
.location-select .select2-container--default .select2-selection--single .select2-selection__rendered
{
line-height: 52px;
padding-left: 15px;
}
.location-select .select2-selection__arrow
{
width: 17px;
height: 23px;
background: url('/local/templates/main/css/../images/placeholder-filled-point.svg') no-repeat center;
background-size: contain;
}
.location-select .select2-selection__arrow b
{
display: none;
}
.location-select .select2-container--default .select2-selection--single .select2-selection__arrow
{
position: absolute;
top: 16px;
right: 13px;
width: 20px;
height: 26px;
}
.cake-widget-detail
{
padding-top: 4rem;
}
.cake-form__item
{
margin-bottom: 3rem;
}
.cake-widget-detail__desc
{
color: #9c9c9c;
}
.cake-widget-detail__title
{
font-weight: bold;
display: block;
width: 100%;
margin-bottom: .7rem;
}
.cake-widget-detail__item
{
max-width: 240px;
margin-bottom: 3rem;
text-align: left;
}
.cake-basket-section
{
padding-top: 5rem;
}
.cake-basket-section_bordered
{
border-bottom: 1px solid #e9e9e9;
}
.cake-basket-counter
{
margin-bottom: 4rem;
}
.cake-order-nav.cake-order-nav_offset
{
padding-top: 1rem;
}
.title_center
{
display: block!important;
text-align: center;
}
.circle-widget-ico
{
width: 56px;
height: 56px;
}
.cake-3
{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.artichok-ico
{
width: 25px;
height: 25px;
margin-right: auto;
margin-left: auto;
}
.artichok-widget-lines_r .artichok-widget-line
{
margin-right: 0;
margin-left: auto;
}
.artichok-widget
{
display: flex;
max-width: 235px;
margin-right: auto;
margin-left: auto;
justify-content: center;
align-items: center;
}
.artichok-widget-lines_l .artichok-widget-line
{
margin-right: auto;
margin-left: 0;
}
.artichok-widget_offset
{
margin-top: 3rem;
margin-bottom: 3rem;
}
.artichok-widget-line
{
display: block;
height: 1px;
margin-top: 3px;
margin-bottom: 3px;
background: #e3e5e6;
}
.cake-3__desc
{
max-width: 900px;
margin-right: auto;
margin-bottom: 3rem;
margin-left: auto;
text-align: center;
}
.artichok-widget-line_large
{
width: 90px;
}
.artichok-widget-line_middle
{
width: 80px;
}
.old-offset
{
margin-left: 7rem;
}
.about-item .default-paragraph p
{
font-size: 1.5rem;
}
.tort-order-slider__item
{
background: #fff;
}
.about-item h3,
.h3
{
font-size: 2.4rem;
}
.about-item-sec
{
margin-top: 4rem;
}
.box-b-offset
{
margin-bottom: 3rem;
}
.about-masters
{
padding-bottom: 7rem;
}
.about-masters .about-circle-info_vine
{
right: -4%;
}
.about-swiper-prev
{
position: absolute;
z-index: 9;
top: 50%;
top: 350px;
left: -11rem;
width: 42px;
height: 42px;
transition: all .2s ease-in;
transform: translateY(-50%);
border: 5px solid #d1d1d1;
border-radius: 50%;
}
.about-swiper-prev .arrows-control__ico
{
position: absolute;
top: 0;
right: 2px;
bottom: 0;
left: 0;
margin: auto;
}
.about-swiper.swiper-container
{
overflow: inherit;
}
.about-swiper-next
{
position: absolute;
z-index: 9;
top: 50%;
top: 350px;
right: -11rem;
width: 42px;
height: 42px;
transition: all .2s ease-in;
transform: translateY(-50%);
border: 5px solid #d1d1d1;
border-radius: 50%;
}
.about-swiper-next .arrows-control__ico
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 2px;
margin: auto;
}
@media (max-width: 1600px)
{
.cake-circle-wrapper
{
top: auto;
right: 15px;
bottom: 0;
transform: translateX(30%);
}
.weeks-raspberry-2
{
display: none;
}
.mint-cake
{
display: none;
}
}
@media (max-width: 1500px) {
.tort-order__ico {
width: 35px;
height: 35px;
}
}
@media (max-width: 1400px)
{
.artishok-4
{
display: none;
}
.about--content
{
width: 100%;
margin-left: 0;
}
.cake-tech-list .circle-widget
{
width: 100px;
height: 100px;
}
.tort-order
{
padding-right: 15px;
padding-left: 15px;
}
.tort-order-content
{
padding-left: 0;
}
.tort-order-slider
{
padding-right: 0;
padding-left: 0;
}
.tort-order-slider .tort-order-next
{
right: 15px;
}
.tort-order-slider .tort-order-prev
{
left: 15px;
}
}
@media (max-width: 1400px)
{
.card-content{
width: 100px;
}
}
@media (max-width: 1200px)
{
.pod-sert-idei-podarkov,.korzina-idei-podarkov{
height: 100%;
}
.about-item_old .fact__img
{
left: 0;
width: 100%;
}
.about-item_old .fact__img img
{
width: 100%;
}
.about-item_old .fact__img
{
transform: none;
}
.old-offset
{
margin-left: 0;
}
.about-item_old .fact_box
{
margin-top: 4rem;
}
.about-item__r-offset
{
padding-left: 0;
}
.cake-tech-list
{
margin-top: 3rem;
}
.about-circle-info
{
position: static;
margin-top: 20px;
}
}
@media (max-width: 1100px) {
.tort-order__title {
font-size: 1.2rem;
}
.pod-sert-idei-podarkov,.korzina-idei-podarkov{
height: 85%;
}
}
@media (max-width: 990px)
{
.pod-sert-idei-podarkov,.korzina-idei-podarkov{
height: 100%;
}
.card-content{
width: 400px;
}
.about-content
{
margin-top: 0;
}
.about-swiper
{
padding-top: 0;
}
.about-nav
{
display: none !important;
}
.about-item-sec__img
{
width: 100%;
margin-bottom: 2rem;
}
.about-item-sec__img img
{
width: 100%;
}
.fact-bottom
{
display: none;
}
.fact__content
{
padding-right: 15px;
padding-left: 15px;
}
.about-item .col--lg-
{
width: 100%;
}
.fact
{
padding-left: 0;
}
.fact__img
{
position: static;
width: 100%;
}
.fact__img img
{
width: 100%;
}
.about-vine__img
{
padding-right: 0;
padding-left: 0;
}
.about-item .about-circle-info
{
padding-left: 0;
}
.circle-item_rev:nth-child(even)
{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0;
}
.about-item__right
{
margin-left: 0;
}
.swiper-slide-active .about-item__pic_green:after
{
display: none;
}
.about-item__img
{
width: 100%;
}
.about-item__pic
{
display: block;
}
.cake-3
{
background-color: #f8f8f8;
background-image: none !important;
}
.circle-widget-ico.circle-widget-ico__cheif
{
width: 60px;
height: 60px;
}
.cake-order-nav > *
{
margin-right: 2rem;
margin-bottom: 2rem;
}
.cake-form__item_mw
{
max-width: 100%;
}
.tort-order-section_b
{
padding-bottom: 3rem;
}
.tort-order
{
padding-top: 2rem;
}
.tort-order-section
{
padding-top: 20px;
}
.tort-order-slider
{
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.index-slider {
margin-top: 12px;
}
.cake-widget__content
{
padding-top: 3rem;
padding-left: 0;
}
.cake-widget__img
{
width: 100%;
}
.cake-widget
{
flex-wrap: wrap;
}
.cake-widget__pic
{
max-width: 180px;
width: 100%;
}
.cake-tech__ico
{
width: 30px;
height: 30px;
}
.cake-tech__title
{
padding-left: 3rem;
text-align: left;
}
.cake-tech-list .circle-widget
{
width: 70px;
height: 70px;
margin-bottom: 0;
flex-shrink: 0;
}
.cake-tech
{
margin-bottom: 20px;
flex-wrap: nowrap;
align-items: center;
}
.cake-tech-list
{
flex-wrap: wrap;
}
.cake-tech
{
width: 100%;
}
.tort-order-slider .arrows-control.arrows-control__left
{
right: auto;
left: 15px;
}
}
@media (max-width: 760px)
{
.cake-widget-detail__item
{
margin-bottom: 1rem;
}
.popup-middle
{
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.popup__nav a
{
margin-bottom: 10px;
}
.popup__nav .btn_r-offset
{
margin-right: 0;
}
.tort-order-section.tort-order-section_offset
{
padding-right: 0;
padding-left: 0;
}
.tort-order__link
{
display: block;
width: 100%;
text-align: center;
}
.page-404
{
min-height: inherit;
padding-top: 50px;
padding-bottom: 50px;
}
.search-desctop-form__input
{
font-size: 18px;
}
.search-desctop-form__submit
{
position: static;
margin-top: 16px;
}
.search-desctop__logo
{
width: 150px;
}
}
@media (max-width: 640px)
{
.cake-circle__content
{
text-align: center;
}
.cake-ico__numb
{
font-size: 1.8rem;
}
.cake-ico__title, .cake-ico__subtitle
{
font-size: 1.2rem;
}
.cake-circle-wrapper
{
width: 80px;
height: 80px;
}
.cake-circle
{
width: 80px;
height: 80px;
}
.cake-ico
{
width: 30px;
height: 30px;
}
.popup-small
{
padding-right: 15px;
padding-left: 15px;
}
.cake-widget__price_offset
{
margin-bottom: 1.5rem;
}
.cake-basket-section
{
padding-right: 0;
padding-left: 0;
}
.cake-more
{
flex-wrap: wrap;
}
.cake-basket-counter
{
margin-bottom: 1.5rem;
}
.cake-circle-booble-yellow
{
display: none;
}
.cake-circle-booble-orange
{
display: none;
}
.cake-circle-booble-gray
{
display: none;
}
.cake-circle-booble-yellow
{
display: none;
}
.cake-more__title
{
width: 100%;
margin-bottom: 15px;
}
.cake-basket-section
{
padding-top: 0;
}
.tort-order-category__link
{
padding: 2px 12px;
}
.tort-order-category__item
{
width: 50%;
}
.tort-order-section
{
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 540px)
{
.tort-order__title
{
font-size: 1.2rem;
}
.card-content{
padding-top: 5rem;
padding-left: 3rem;
}
.baner-mobile{
height: 220px;
}
.pod-sert-idei-podarkov,.korzina-idei-podarkov{
height: 100%;
}
.card-content{
width: 200px;
}
}
@media (max-width: 480px)
{
.pod-sert-idei-podarkov,.korzina-idei-podarkov{
height: 90%;
}
}
@media (max-width: 440px)
{
.pod-sert-idei-podarkov,.korzina-idei-podarkov{
height: 65%;
}
}
/*menu*/
/*tort-order*/
/*present-basket*/
/**/
.basket-present__price
{
font-size: 2.4rem;
font-weight: bold;
text-align: center;
}
.basket-present__cur
{
font-size: 1.6rem;
display: inline-block;
text-transform: uppercase;
color: #b4b0b0;
}
.basket-present__title
{
font-size: 1.4rem;
font-weight: bold;
display: block;
margin-bottom: 1.5rem;
text-align: center;
}
.basket-present-bottom__link:not(:last-child)
{
margin-right: 1.5rem;
}
.basket-present-bottom
{
display: flex;
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px solid #f3f3f3;
align-items: center;
justify-content: space-between;
}
.basket-present
{
margin-bottom: 2rem;
padding: 3rem;
border-radius: 5px;
background: #fff;
}
.basket-present__img
{
display: block;
text-align: center;
}
.tree-list-h
{
z-index: 9;
top: 0;
left: 0;
}
.tree-cust-h
{
top: 0;
right: 0;
}
/*present-basket*/
/*torts*/
/*torts*/
.cake-info
{
padding-left: 70px;
}
.cake-char
{
font-size: 1.6rem;
color: #aeaeae;
}
.cake-char__title
{
font-weight: 600;
display: inline-block;
color: #000;
}
.cake-char__item_offset
{
margin-right: 6rem;
}
.cake-price
{
font-size: 3.6rem;
font-weight: 500;
display: inline-block;
}
.cake-price__cur
{
font-size: 1.6rem;
font-weight: 400;
color: #aeaeae;
}
.cake__desc
{
padding: 2.8rem;
background: #f8f8f8;
}
.cake__text
{
line-height: 2;
color: #838383;
}
.cake__text p:last-child
{
margin-bottom: 0;
}
.cake-info__item
{
margin-bottom: 2.5rem;
}
.cake-subtitle
{
margin-bottom: 1.5rem;
}
.cake-more_inline
{
display: inline-flex;
}
.cake-more_nav
{
margin-right: 7rem;
}
.mint-listick
{
position: absolute;
top: 5%;
left: 0;
}
.tort-order-slider__desc
{
color: #000;
}
.blackberry
{
position: absolute;
top: -16%;
right: 0;
}
.tort-order__title
{
margin-bottom: .5rem;
}
.tort-order-section_t-n
{
padding-top: 0;
}
.tort-order__title
{
margin-bottom: .5rem;
}
.tort-order__ico
{
margin-right: 1rem;
}
.tort-order-category__link
{
padding: 6px 18px;
}
.warning-widget
{
display: flex;
padding: 1rem;
background: #f8f8f8;
align-items: center;
}
.warning
{
width: 27px;
height: 24px;
fill: #bced66;
}
.warning-item
{
margin-top: 4.3rem;
}
.warning-item__title
{
font-size: 1.6rem;
padding-left: 1rem;
color: #828282;
}
.error__title
{
display: none;
}
.warning-widget_offset
{
margin-top: 1.5rem;
}
.cake-order-nav.cake-order-nav_offset
{
padding-top: 3rem;
}
.warning-widget-t
{
position: relative;
}
.warning-widget-t:before
{
position: absolute;
top: -11px;
left: 10px;
display: inline-block;
width: 0;
height: 0;
content: '';
border-width: 0 9px 11px 9px;
border-style: solid;
border-color: transparent transparent #f8f8f8 transparent;
}
.add-contacts
{
text-align: left;
}
.error
{
position: relative;
}
.error .input
{
color: #eb5635;
border-color: #eb5635;
background: #ffeeea;
}
.error .error__title
{
font-size: 14px;
position: absolute;
right: 0;
bottom: -18px;
display: block;
color: #eb5635;
}
.tort-order-section_n-b
{
padding-bottom: 0;
}
.cake-widget-detail__item_full
{
max-width: 100%;
}
@media (max-width: 1270px)
{
.cake-info
{
padding-left: 0;
}
}
@media (max-width: 990px)
{
.cake-info
{
margin-top: 3rem;
}
}
/*torts*/
/*torts*/
/*footer*/
.desctop-footer__item
{
padding-top: 9rem;
padding-bottom: 7rem;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
}
.desctop-footer-row
{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.desctop-footer__title
{
display: block;
margin-bottom: 0;
}
.desctop-footer__link
{
font-weight: 300;
display: block;
margin-top: 1.8rem;
margin-bottom: 1.8rem;
}
.desctop-footer__widget
{
margin-bottom: 4rem;
}
.phone-widget
{
display: flex;
align-items: center;
}
.phone-widget__number
{
font-family: 'Roboto Condensed';
font-size: 1.5rem;
font-weight: bold;
}
.phone-widget__title
{
font-size: 1.5rem;
display: inline-block;
margin-left: 2rem;
}
.wrapper_sb
{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.phone-widget__title_gray
{
color: #d7d7d7;
}
.phone-widget_b-offset
{
margin-bottom: 1rem;
}
.desctop-footer__email
{
font-size: 1.7rem;
}
.soc__title
{
line-height: 1.5;
}
.desctop-footer__col
{
margin-bottom: 2rem;
flex: 1;
}
.soc__title
{
margin-bottom: 3rem;
}
.soc-icon__item
{
margin-right: 1.5rem;
}
.soc-icon__ico
{
width: 22px;
height: 17px;
transition: all .2s ease-in;
fill: #c2c0be;
}
.soc-icon__ico:hover
{
fill: #94c22b;
}
.desctop-footer-bottom
{
padding-top: 5rem;
padding-bottom: 5rem;
}
.desctop-footer-bottom__left
{
flex: 1;
}
.desctop-footer-bottom__item
{
font-size: 1.5rem;
display: inline-block;
color: #72716f;
}
.desctop-footer-bottom__item:not(:last-child)
{
margin-right: 10%;
}
/*footer*/
/*media*/
*:focus
{
outline: none;
}
.datepicker.active
{
z-index: 999999;
}
.popup-form__item
{
position: relative;
}
.popup-form__item_error
{
color: #eb5635;
}
.popup-form__item_error .popup-form__input
{
border-color: #eb5635;
}
.new-tile__sub_nw
{
white-space: nowrap;
}
.basket-present-bottom__link
{
margin-bottom: 1rem;
}
.popup-form-error-desc
{
font-size: 14px;
position: absolute;
right: 0;
bottom: -20px;
display: none;
text-align: right;
color: #eb5635;
}
.popup-form__item_error .popup-form-error-desc
{
display: block;
}
.brokol
{
position: absolute;
z-index: 9;
top: 0;
left: 0;
}
.basket-present-bottom
{
flex-wrap: wrap;
}
.cake
{
margin-bottom: 2rem;
}
.preims__title
{
margin-top: 25px;
}
.carier-item
{
margin-bottom: 3rem;
}
.inline-select_transparent .select2-container--default .select2-selection--single .select2-selection__arrow b:before
{
position: absolute;
top: -3px;
right: 0;
bottom: 0;
left: -1px;
display: inline-block;
width: 8px;
height: 8px;
margin: auto;
content: '';
transform: rotate(133deg);
border-top: 2px solid #45452e;
border-right: 2px solid #45452e;
}
.phone-section__img.phone-section__post
{
background-position: left center;
background-size: auto;
}
.circle-ico
{
flex-shrink: 0;
}
.artishok-5
{
top: -18%;
right: 0;
}
.table-mobile-title
{
display: none;
}
.salat
{
position: absolute;
z-index: 9;
top: 30%;
right: 0;
}
.table-mobile-title
{
font-weight: 600;
margin-bottom: 1rem;
}
.baner-mobile
{
display: none;
}
.mobile-header-btn span
{
transition: all .2s ease-in;
transform-origin: center;
}
.circle-btn_default
{
display: inline-block;
}
.mobile-header-btn.active span:nth-child(1)
{
top: 9px;
transform: rotate(45deg);
}
.mobile-header-btn.active span:nth-child(2)
{
transform: translateX(-15px);
opacity: 0;
}
.mobile-header-btn.active span:nth-child(3)
{
top: 8px !important;
transform: rotate(-45deg);
}
.mobile-menu__ico
{
transition: all .2s ease-in;
}
.mobile-menu__ico.active
{
transform: rotate(45deg);
}
.desctop-header-menu__item
{
padding-top: 1.6rem;
padding-bottom: 1.5rem;
}
.section-header h2
{
margin-bottom: 0;
}
.section-header
{
margin-bottom: 2rem;
}
@media (max-width: 1660px)
{
.artishok-1
{
left: -233px;
}
.listik
{
display: none;
}
}
@media (max-width: 1800px)
{
.artishok-1
{
left: -233px;
}
.who-practice:before
{
right: 71%;
left: auto;
}
.who-practice:after
{
left: 74%;
}
}
@media (max-width: 1590px)
{
.tile__img
{
height: 400px;
}
.tile-overflow
{
height: 400px;
}
}
@media (max-width: 1540px)
{
.page-header-info
{
right: -4rem;
left: auto;
transform: translateX(100%);
}
.desctop-footer__col
{
flex: auto;
}
}
@media (max-width: 1420px)
{
.th-content
{
padding-right: 15px;
padding-left: 15px;
}
.td
{
font-size: 1.4rem;
padding-right: 15px;
padding-left: 15px;
}
.desctop-header__logo
{
margin-right: 2%;
}
.section_jornal .grid
{
position: relative;
}
.section_jornal
{
background-position: right bottom;
background-size: cover;
}
.section_jornal:before
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
background: rgba(248, 248, 248, .9);
}
.section_jornal .col--lg-5
{
width: 100%;
margin-left: 0;
}
}
@media (max-width: 1380px)
{
.basket-present-bottom
{
justify-content: center;
}
}
@media (max-width: 1340px)
{
.artishok-1
{
display: none;
}
.logo_pic
{
width: 190px;
}
}
@media (max-width: 1330px)
{
.made__desc
{
font-size: 1.5rem;
}
.page-header__title
{
margin-bottom: 1.5rem;
}
.header-city__item
{
margin-right: 7px;
margin-left: 7px;
}
.desctop-header-menu__link
{
font-size: 1.3rem;
}
}
@media (max-width: 1270px)
{
img.animateme
{
display: none;
}
}
@media (max-width: 1220px)
{
.big-icon__title
{
font-size: 1.4rem;
}
.big-icon__desc
{
font-size: 1.4rem;
}
.circle-widget
{
width: 100px;
height: 100px;
}
.index-slider .swiper-slide
{
width: 100%;
}
.circle-widget img
{
width: 40px;
height: 40px;
}
.header-search
{
margin-left: 1rem;
}
.logo_pic
{
width: 120px;
}
.header-city__phone
{
font-size: 1.4rem;
}
.desctop-header-menu__item
{
padding-top: 0;
padding-bottom: 0;
}
.desctop-header__wrap
{
align-items: center;
}
.iconed__content_offset
{
padding-left: 2rem;
}
}
@media (max-width: 1200px)
{
.righted-section
{
padding-top: 3rem;
padding-left: 0;
}
.section_map
{
padding-top: 0 !important;
}
.top-artishovk-half
{
display: none;
}
.phone-section__map
{
position: static;
width: 100%;
height: 400px;
margin-bottom: 4rem;
}
.who-practice:before
{
opacity: .4;
}
.who-practice:after
{
opacity: .4;
}
.preims__desc p
{
font-size: 14px;
}
.section-img
{
display: none;
}
.vine-club-d
{
display: block;
}
.phone-section__img
{
display: none;
}
.quality-artishok
{
display: none;
}
}
@media (max-width: 1090px)
{
body
{
padding-top: 60px;
}
.content
{
width: 100%;
}
.filter-item .checkbox
{
margin-right: 15px;
}
.sidebar
{
width: 100%;
}
.filter
{
width: 100%;
margin-bottom: 2rem;
}
.sidebar_l-offset
{
margin-left: 0;
}
.basic
{
flex-direction: column-reverse;
flex-wrap: wrap;
}
.desctop-footer-bottom
{
padding-top: 2rem;
padding-bottom: 2rem;
}
.desctop-footer-bottom__left
{
width: 100%;
flex: none;
}
.desctop-footer-bottom__item
{
display: block;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.desctop-footer-bottom__item:not(:last-child)
{
display: block;
margin-right: 0;
text-align: center;
}
.desctop-footer-bottom .wrapper_sb
{
flex-wrap: wrap;
justify-content: center;
}
.desctop-footer__col
{
max-width: 25%;
width: 100%;
flex: none;
}
.desctop-footer__col.desctop-footer__col_full
{
width: 100%;
}
.wrapper
{
padding-right: 15px;
padding-left: 15px;
}
.mobile-header
{
display: block;
}
.desctop-header
{
display: none;
}
}
@media (max-width: 1020px)
{
.made-item
{
width: calc(50% - 30px);
margin-right: 15px;
margin-left: 15px;
}
}
@media (max-width: 990px)
{
.page-header-date
{
position: static;
transform: none;
}
.promo-akcii
{
padding-left: 0;
}
.assort-img
{
display: none;
}
.page-header__nav
{
margin-bottom: 1.5rem;
}
.page-header__desc
{
margin-top: 2rem;
padding-left: 0;
}
.section_partners
{
min-height: inherit;
}
.preims__item
{
margin-top: 2rem;
margin-bottom: 2rem;
}
.video-contact
{
padding-top: 15px;
padding-left: 15px;
}
.asort-section__img
{
display: none;
}
.card
{
margin-bottom: 2rem;
}
.page-header-widget
{
margin-bottom: 0;
}
.inline-select_year
{
margin-top: 0;
margin-bottom: 2rem;
}
.page-header_green:before
{
display: none;
}
.breadcrump
{
padding-left: 15px;
}
.page-header
{
padding-left: 0;
}
.top-artishovk-half
{
display: none;
}
.breadcrump__item
{
margin-bottom: 5px;
}
.breadcrump_offset
{
margin-bottom: 0;
}
h3,
.h3
{
font-size: 2rem;
}
.h3_l-offset
{
padding-left: 0;
}
.shop-detail-item__header
{
padding-left: 0;
}
.about-circle__content
{
text-align: left;
}
.about-circle-info
{
width: auto;
height: auto;
transform: none;
color: #94c22b;
background: transparent;
justify-content: flex-start;
}
.page-header-info
{
position: relative;
left: 0;
margin-left: 0;
padding-left: 0;
}
.circle-widget img
{
width: auto;
height: auto;
}
.toggle-section
{
padding: 1.5rem;
}
.auk-iconed
{
margin-bottom: 3rem;
}
.big-icon__title
{
font-size: 2rem;
}
.iconed__content_offset
{
padding-left: 3rem;
}
.shop-item__desc p
{
font-size: 1.4rem;
}
.shop-item__img
{
width: 200px;
}
.section_single
{
padding: 3rem 0;
}
.big-icon__desc
{
font-size: 1.6rem;
}
.tile-overflow
{
height: 400px;
}
.section_default
{
margin-top: 3rem;
margin-bottom: 3rem;
}
}
@media (max-width: 900px)
{
.mfp-gallery .mfp-arrow
{
width: 30px;
height: 30px;
transform: scale(1) !important;
}
}
@media (max-width: 767px)
{
.table-mobile-title
{
display: block;
}
.percetage
{
margin-bottom: 2rem;
padding-left: 0;
flex-wrap: wrap;
}
.percetage__item
{
padding-top: 1.4rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #e6e6e6;
}
.percetage-col
{
width: 100%;
}
.popup-default
{
padding: 4rem 2rem;
}
.mobile-hide
{
display: none;
}
.manager
{
margin-top: 2rem;
margin-bottom: 2rem;
}
.made-item
{
width: calc(100%);
margin-right: 0;
margin-left: 0;
}
.card
{
height: auto;
background-image: none !important;
}
.new-tile-content_show
{
-webkit-box-shadow: 0 0 23px -6px rgba(0, 0, 0, .09);
-moz-box-shadow: 0 0 23px -6px rgba(0, 0, 0, .09);
box-shadow: 0 0 23px -6px rgba(0, 0, 0, .09);
}
.card-content
{
/* position: static;
display: block;
padding: 15px; */
/* padding-top: 2rem;
padding-left: 2rem; */
}
.card__title
{
margin-bottom: 15px;
}
.new-tile-bottom-arrow
{
transform: scale(1);
opacity: 1;
}
.plus
{
top: 25px;
width: 20px;
height: 20px;
}
.table
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
justify-content: space-between;
}
.list-number li
{
margin-bottom: 1.5rem;
}
.td
{
display: block;
padding-top: 15px;
padding-bottom: 15px;
}
.tr
{
display: block;
width: calc(50% - 8px);
margin-bottom: 17px;
-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .08);
-moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .08);
box-shadow: 0 0 12px 0 rgba(0, 0, 0, .08);
}
.tr-header
{
display: none;
}
.table-mobile-title
{
display: block;
}
.baner-mobile
{
display: block !important;
}
.page-header__title
{
font-size: 2.6rem;
}
.baner_w-mobile
{
height: auto;
background-image: none;
}
.page-header
{
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0rem;
}
.index-slider__item
{
min-height: 500px;
}
.page-header_green:before
{
display: none;
}
.slider-bounce
{
width: 300px;
height: 300px;
}
.page-header__desc
{
font-size: 1.6rem;
}
.arrows-control.arrows-control__left
{
right: 60px;
left: auto;
}
.arrows-control.arrows-control__right
{
right: 10px;
left: auto;
}
.index-slider__item_r
{
padding-right: 0;
justify-content: center;
}
.slider-bounce__slogan
{
font-size: 3rem;
}
.slider-bounce__price
{
font-size: 6rem;
}
.dev-swiper__item
{
height: 346px;
}
.dev-widget
{
padding: 2rem;
}
.dev-widget
{
position: static;
width: 100%;
}
.dev-widget-price
{
margin-top: 1rem;
margin-bottom: 1rem;
}
.dev-widget__title
{
font-size: 2rem;
}
.dev-widget-price__numb
{
font-size: 4.2rem;
}
.section-header
{
flex-wrap: wrap;
}
.section-header .section-header-link
{
margin-bottom: 10px;
}
.section-header h2
{
margin-bottom: 10px;
}
h2,
.h2
{
font-size: 2rem;
}
.desctop-footer__widget
{
margin-bottom: 4rem;
}
.desctop-footer__item
{
padding-top: 2rem;
padding-bottom: 0;
}
.desctop-footer__col
{
max-width: 100%;
}
}
@media (max-width: 670px)
{
.single-card__row_start
{
flex-wrap: wrap;
}
.card-price
{
display: block;
width: 100%;
margin-bottom: 15px;
}
.app-widget__link
{
display: flex;
margin-top: 15px;
}
.shop__plus
{
right: 0;
}
.in-shop__desc
{
font-size: 1.4rem;
}
.card-desc__title
{
margin-bottom: 1.5rem;
}
.card-desc__text
{
max-width: inherit;
padding-left: 0;
}
.card-desc
{
flex-wrap: wrap;
}
.card-desc__title
{
display: block;
width: 100%;
}
.tr
{
width: 100%;
}
.circle-btn_default
{
width: 100%;
text-align: center;
}
.shop-item__content
{
max-width: inherit;
padding-top: 15px;
padding-left: 0;
}
.shop-item__img
{
width: 100%;
}
.shop-item__pic
{
width: 100%;
}
.shop-item
{
flex-wrap: wrap;
}
}
@media (max-width: 640px)
{
.mfp-gallery .mfp-arrow-left
{
left: 15px;
}
.mfp-gallery .mfp-arrow-right
{
right: 15px;
}
/* .idei-podarkov-cards .card__title{
font-size: 1.3rem;
}
.idei-podarkov-cards .section-header-link__title{
font-size: 1rem;
} */
}
/*media*/
.remove-link__ico{
display: inline-block;
width:24px;
height: 24px;
border-radius: 50%;
transform: rotate(45deg);
border:2px solid #add15f;
position: relative;
}
.remove-link__ico:before{
content: '';
width: 12px;
height: 2px;
background: #add15f;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
display: inline-block;
}
.remove-link{
display: inline-flex;
align-items: center;
}
.remove-link__ico:after{
content: '';
width: 2px;
height: 12px;
background: #add15f;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
display: inline-block;
}
.remove-link__ico_plus{
transform: rotate(0);
}
.remove-link-wrapper_offset{
margin-bottom: 3rem;
}
.remove-link-wrapper_left{
text-align: left;
}
.cake-more__title_bold{
font-weight: 600;
}
.remove-link__ico{
margin-right: 13px;
}
.cake-widget__old{
font-size: 1.6rem;
font-weight: 700;
color: #b4b0b0;
text-transform: uppercase;
}
/* 25.05 */
.toggle-section .list{
margin-top: 20px;
}
@media (max-width: 990px) {
.section_map .bx-yandex-map{
width: 100%!important;
margin-bottom: 30px;
}
.phone-section__map{
height: auto;
}
.phone-section__map + .grid .default-paragraph{
margin-bottom: 30px;
}
.view-item .knife-section__img{
position: static;
width: 100%;
margin-bottom: 15px;
}
.button-center{
margin: 20px!important;
}
.button-center .section-header-link{
margin-top: 10px!important;
margin-left: 0!important;
display: inline-flex;
align-items: center;
}
.vacancy-phone-section__img ul{
margin-top: 30px;
}
.vacancy-phone-section__img{
padding-left: 15px;
padding-right: 15px;
}
.tort-title-size {
font-size: 1.4rem;
}
.tort-order__item .tort-order__title {
font-size: 1.4rem;
}
}
@media (max-width:440px) {
.section-header-link .right-arrow-ico{
/* display: none; */
}
.page-header__desc .section-header-link{
margin-top: 10px!important;
margin-left: 0!important;
}
}
@media (max-width:400px) {
.tort-order__ico {
width: 25px;
height: 25px;
margin-right: 5px;
}
.tort-order-category__link {
padding: 5px;
}
}
/* End */
/* Start:/local/templates/main/css/custom.css?1750052192271287*/
/*from redizine styles*/
.cake-form__item_mw.error{
display: block;
margin-left: 0;
margin-right: 0;
}
.cake-form__item.error{
margin-top: 0;
margin-bottom: 3rem;
}
.lazy-pic{
position: relative;
}
.lazy-pic:after{
/* content: '';
width: 58px;
height: 58px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
background: url('/local/templates/main/css/../images/product-preloader.gif') no-repeat center;
background-size: contain; */
}
.lazy-pic.is-loaded:after{
display: none;
}
.lazy-pic .tort-order__pic-none{
position: relative;
/* z-index: 4; */
}
.time-wrapper.error{
display: block;
margin-left: 0;
margin-right: 0;
}
.line-item{
display:flex;
align-items: center;
font-size: 16px;
color: #7d7d7d;
}
.line-item__title{
padding-right: .4rem;
font-weight: 600;
display: inline-block;
}
.age_check_protected_link{
font-size: 14px;
}
.line-items{
margin-top: 20px;
}
.line-item{
margin-bottom: 7px;
}
.cake-form__item.error .time-wrapper{
border-color: #eb5635;
}
.cake-form__item_mw.error .input_default{
height: 55px;
color: #eb5635;
}
.arendator-link .title{
font-size: 1.7rem;
}
.arendator-link .place-ico{
width: 23px;
height: 23px;
}
.promo-p p{
font-size: 18px;
line-height: 1.4;
}
.page-header__desc{
max-width: 700px;
}
.page-header__desc.desc-100{
max-width: 100%;
}
.happy-card__content_box .happy-card_box{
padding-left: 15px;
padding-right: 15px;
}
.happy-card_box .card-notif p{
margin-top: 4px;
margin-bottom: 4px;
}
.happy-card_box .input_lk{
height: 45px;
}
.tort-order-item .tort-order__title{
text-align: center;
}
.btn_large{
font-size: 1.8rem;
display: inline-block;
padding: 1.4rem 2.8rem;
border: none;
border-radius: 5px;
}
.btn_b-offset{
margin-bottom: 30px;
}
.happy-card_box.happy-card_box_dashed .happy-card_input{
padding-left: 0;
padding-right: 0;
}
.tort-order__title{
text-align: left;
}
.iframe-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.document-link__ico{
width: 26px;
height: 32px;
margin-right: 15px;
}
.new-contact__title{
text-transform: uppercase;
font-size: 1.6rem;
}
.new-contact{
max-width: 100% !important;
/*max-width: 520px;*/
}
.new-contact{
margin-top: 30px;
}
.single-new__content ul{
list-style:none;
padding-left: 0;
}
.single-new__content img{
height: auto!important;
}
.single-new__content ul li{
padding-left: 20px;
margin-bottom: 15px;
position: relative;
}
.single-new__content ul li:before{
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
left: 0;
top: 6px;
background: #7bc300;
}
.document-link{
display: inline-flex;
align-items: flex-start;
}
.opt-item__mask{
background: none!important;
}
.opt-item:hover .tort-order__img:before{
opacity: 1;
}
.tort-order__img:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(142,189,64,.5);
transition: all .3s ease;
opacity: 0;
}
@media(max-width:760px){
.document-link{
font-size: 14px;
line-height: 1.4;
}
}
.tort-order__sort.tort-order__sort_edit{
justify-content: space-between;
}
.iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sort-w{
display: inline-flex;
}
.sort-price {
align-items: center;
}
.sort-price__title {
margin-right: 10px;
}
.sort-price__select + .select2-container--default .select2-selection--single {
border: none;
border-radius: 2px;
background-color: #E1F2C2;
}
.sort-price__select + .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0 24px 0 8px;
color: #000;
}
.soc-icon__item_tele svg{
width: 22px;
height: 18px;
}
.input-lk{
width: 100%;
height: 40px;
border-radius: 3px;
border: 2px solid #ebebeb;
padding-left: 15px;
background-color: #fff;
flex-shrink: 0;
}
.card-notif{
font-size: 13px;
color: #828282;
}
.custome_file_name {
color: #93c22c;
font-size: 17px;
font-weight: 400;
line-height: 41.57px;
margin-bottom: 43px;
}
.happy-card_pic{
margin-top: 10px;
}
.happy-card_pic{
max-width: 50px;
}
.btn-happy_card{
margin-top: 5px;
}
.card-notif p{
margin-bottom: 0;
}
.happy-card_offset .happy-card_box_center{
padding: 20px 15px;
}
.check-notif{
position: relative;
cursor: pointer;
color: #94c22b;
text-decoration: underline;
}
.location-select .select2-container--default .select2-selection--single .select2-selection__rendered{
padding-right: 37px;
}
.check-notif:hover .check-notif__popup{
opacity: 1;
pointer-events: all;
}
.check-notif__popup{
position: absolute;
opacity: 0;
pointer-events: none;
transition: all .3s ease;
right: 0;
top: 0;
width: 252px;
height: 189px;
}
.check-notif__content{
background: #fff;
display: block;
border-radius: 5px;
padding: 5px;
}
.catalog-col__item{
margin-bottom: 2.2rem;
}
.catalog-list{
display: none;
}
.catalog-list a{
display: block;
margin-top: 7px;
margin-bottom: 7px;
font-size: 14px;
}
.catalog-col__ico{
width: 20px;
position: relative;
display: inline-block;
height: 20px;
margin-left: 10px;
}
.catalog-col__ico:before{
content: '';
width: 12px;
height: 2px;
background: #93c22c;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.catalog-col__link{
display: flex;
align-items: center;
}
.catalog-col__ico:after{
content: '';
width: 2px;
height: 12px;
background: #93c22c;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.catalog-col__item .catalog-col__link {
margin-bottom: 0rem;
}
.catalog-col__link.active .catalog-col__ico:after{
transform: rotate(90deg);
}
.catalog-col__link.active span {
padding:0rem;
background: none;
color: #93c22c;
border-radius:0;
margin-left: 0rem;
}
.mfp-close-btn-in .mfp-close {
padding-top: 20px;
padding-right: 30px;
}
.our_color .default-paragraph{
background: none;
padding: 0;
}
.default-paragraph.default-paragraph_l{
padding: 0;
background-color:rgba(255,255,255,0);
}
.fileuploader.fileuploader-theme-default {
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
}
.default-paragraph{
line-height: 1.6;
}
.news_gallery{
margin-top: 40px;
margin-bottom: 40px;
}
.page-header.page-header_green {
/*max-width: 767px;*/
width: 100%;
}
.mfp-gallery .mfp-arrow:active{
margin-top: 0 !important;
}
.page-header_left {
padding-left: 8.9rem !important;
}
.modal_window {
background-color: #fff;
max-width: 935px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 61px 63px 61px 49px;
}
.modal__title {
color: #000000;
font-family: Roboto;
font-size: 28px;
font-weight: 500;
line-height: 31px;
}
.mfp-gal .mfp-gallery .mfp-close{
display: none;
}
.modal__subtitle {
color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 36px;
margin-bottom: 40px;
}
#result_block{
display: block;
margin-bottom: 20px;
}
.custom-file .fileuploader-input-button:before {
content: url('/local/templates/main/css/../images/docs.png');
}
.modal_link .modal_link_green:before {
position: absolute;
content: url('/local/templates/main/css/../images/docs.png');
left: 0px;
}
.modal_link {
margin-bottom: 41px;
}
.modal_link .modal_link_green {
position: relative;
color: #94c22b;
font-size: 17px;
font-weight: 700;
padding-left: 44px;
line-height: 30px;
}
.modal_form_list {
border-top: 2px solid #ebebeb;
padding-top: 30px;
}
.modal_form_list .modal_input{
margin-top: 10px;
max-width: 401px;
width: 100%;
height: 59px;
padding-left: 18px;
border-radius: 3px;
border: 2px solid #ebebeb;
background-color: #ffffff;
}
.modal_form_list .modal_label {
color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 36px;
}
.modal_box {
margin-top: 35px
}
.modal_box:first-child {
margin-top: 0px
}
.page-header__title{
font-size: 4rem;
}
.modal_form_list .checkbox__label:before {
top: 3px;
}
.checkbox__label.checkbox__label_gray .modal_sub_link {
text-decoration: underline;
}
.modal_form_list .checkbox__input:checked + .checkbox__label:after {
top: 8px;
}
.modal_inputade {
height: 59px;
border-radius: 3px;
border: 2px solid #ebebeb;
background-color: #ffffff;
width: 100%;
color: #8a8a8a;
font-size: 16px;
margin-top: 10px;
padding-left: 16px;
font-weight: 400;
line-height: 36px;
}
.modal_boxing .modal_label{
display: flex;
flex-wrap: wrap;
}
.modal_boxing {
margin-top: 31px;
}
.modal_text {
display: flex;
margin-top: 28px;
flex-wrap: wrap;
}
.modal_text .modal_textarea {
width: 100%;
padding-top: 13px;
padding-left: 13px;
resize : none;
height: 122px;
border-radius: 3px;
border: 2px solid #ebebeb;
background-color: #ffffff;
}
.modal_text .modal_sub {
color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 36px;
}
.modal__content {
display: flex;
justify-content: space-around;
}
.modal_footer {
padding-top: 4.1rem;
padding-bottom: 6.1rem;
background-color: #f8f8f8;
}
.modal_title {
color: #000000;
font-size: 18px;
font-weight: 500;
line-height: 20px;
}
.modal_qest_title {
color: #000000;
font-size: 18px;
font-weight: 500;
line-height: 20px;
}
.modal_qest_sub {
color: #828282;
font-size: 16px;
width: 100%;
max-width: 291px;
font-weight: 400;
line-height: 21px;
}
.modal_number_one {
color: #000000;
font-size: 15px;
font-weight: 700;
line-height: 24px;
}
.number_small {
font-family: "Roboto Condensed";
font-weight: 400;
}
.modal_number_two {
color: #000000;
font-size: 15px;
font-weight: 700;
line-height: 24px;
}
.modal_file_name {
margin-bottom: 15px;
}
.popup_res {
padding: 0 !important;
}
.vacancy__res {
padding: 5rem 4rem;
}
.modal_mail_link {
color: #94c22b;
font-family: "Roboto Condensed";
font-size: 17px;
font-weight: 700;
}
@media (max-width: 991px) {
.modal_box .modal_label{
display: flex;
flex-wrap: wrap;
}
.modal_box .modal_label .modal_input{
max-width: 100%;
}
.modal_box:first-child {
margin-top: 35px;
}
.modal_form_list {
padding-top: 0;
}
}
@media (max-width: 990px) {
.page-header_left {
padding-left: 0 !important;
}
.modal__subtitle {
font-size: 1.6rem;
}
}
@media (max-width: 820px) {
.modal__content {
flex-direction: column;
align-items: center;
justify-content: center;
}
.modal_qest_sub {
text-align: center;
margin-bottom: 15px;
}
.modal_qest_title {
text-align: center;
margin-bottom: 15px;
}
.modal_number_one {
margin-bottom: 15px;
}
.modal_number_two {
margin-bottom: 15px;
}
}
@media (max-width: 600px) {
.btn_green_modal {
width: 100%;
}
.modal_file_name {
margin-top: 15px;
}
.modal__subtitle {
line-height: 2.5rem;
}
.vacancy__res {
padding: 1.5rem ;
}
.modal_form_list .modal_label {
font-size: 1.6rem;
}
.modal_box {
margin-top: 2rem;
}
.modal_form_list .modal_label {
line-height: 1.9rem;
}
.custome_file_name {
line-height: 2.2rem;
}
.modal_link .modal_link_green {
font-size: 1.5rem;
}
}
/*end from redizine styles*/
.our_color{
background: #94c22b;
color: #fff;
}
.time-wrapper.error{
color: #eb5635;
border-color: #eb5635;
background: #ffeeea;
}
.happy_input .row{
margin-left: -8px;
margin-right: -8px;
}
.happy_input .col{
padding-left: 8px;
padding-right: 8px;
}
.happy_box_content p + .happy_box{
width: 100%;
}
#result_block{
margin-top: 25px;
}
#result_block .error{
color:red;
}
#result_block .success{
color:green;
}
.tort-order-slider .swiper-slide{
opacity: 0!important;
}
.tort-order-slider .swiper-slide.swiper-slide-active{
opacity: 1!important;
}
.index-slider .swiper-slide:nth-child(1) .index-slider__item{
background-position: center center;
}
.index-slider .swiper-slide:last-child{
width: 100%;
}
#preloader_ajax{
display: block;
margin-top: 15px;
}
.default-paragraph_gray h3{
color:#000;
}
.filter-reset{
cursor: pointer;
}
#vinniy-popup-form #preloader_ajax{
position: absolute;
left: 190px;
bottom: 50px;
}
#photo-main-page-right{
z-index: 100;
}
.ru-en{
margin-right: 3rem;
display: inline-flex;
align-items: center;
min-height: 50px;
}
.index-slider .swiper-slide{
height: auto;
width: 100%;
}
.index-slider .swiper-container{
height:auto;
max-width: 1600px;
}
.index-slider .swiper-wrapper{
height: auto;
}
.ru-en__sepparator{
display: inline-block;
color: #b7b7b7;
margin-right: 10px;
}
.ru-en__item_active{
color: #93c22c;
}
.ru-en_mob{
margin-left: 7px;
}
@media(max-width:1540px){
.ru-en{
margin-right: 0rem;
}
}
@media(max-width:1500px){
.desctop-header__wrap{
align-items: center;
}
.logo_pic{
width: 120px;
}
.desctop-header__logo{
margin-right: 3%;
}
}
@media(max-width:1240px){
.desctop-header__logo{
margin-right: 1%;
}
.desctop-header-menu__link {
font-size: 1.1rem;
}
}
.select2-container--default .select2-results__option[aria-disabled=true]{
opacity: 0.3;
}
.tort-tabs{
display: none;
}
.tort-tabs.active{
display: block;
}
.tort-tabs #preloader_ajax{
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -45px;
}
.price{
display: inline-flex;
align-items: center;
}
.price__numb{
margin-right: .5rem;
font-size: 24px;
font-family: 'Roboto Condensed';
font-weight: bold;
}
.cake-order-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.price_left{
text-align: left;
margin-left: 0;
width: 100%;
}
.price__cur{
position: relative;
top: 3px;
color: #b4b0b0;
font-family: 'Roboto Condensed';
font-weight: bold;
text-transform: uppercase;
}
.price__title{
margin-right: 1rem;
}
.price_offset{
margin-right: 5rem;
}
.counter_r-offset{
margin-right: 4rem;
}
.cake-more_center{
align-items: center;
}
@media(max-width:990px){
.section-header-link.section-header-link_b-n{
margin-bottom: 0;
}
}
@media(max-width:660px){
.cake-order-nav .price_offset{
margin-right: 2rem !important;
}
.price_offset{
margin-right: 0!important;
}
.price_offset{
margin-bottom: 2rem;
}
.counter_r-offset{
margin-bottom: 2rem;
}
}
.swal2-popup .swal2-styled.swal2-confirm{
background-color: #aee946!important;
}
#yarus_count{
margin-left: 10px;
font-weight: 600;
}
#cancel-order{
position: fixed;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
}
.vacancy-header{
display: flex;
align-items: center;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
justify-content: space-between;
padding-top: 2rem;
padding-bottom: 2rem;
}
.vacancy-header__title{
font-size:1.6rem;
color: #838383;
display: block;
margin-bottom: 1rem;
}
.vacancy-header__desc{
font-size:1.8rem;
font-weight: 500;
}
.vacancy__list li{
margin-bottom: .6rem;
}
.vacancy-line__title{
margin-bottom: 1.5rem;
}
.vacancy-line{
margin-bottom: 3.5rem;
}
.vacancy-desc{
padding-top: 4rem;
}
.vakancy-trigger{
cursor: pointer;
}
.vacancy-line ul{
padding-left: 0;
list-style: none;
}
.vacancy-line ul li {
font-size: 1.6rem;
line-height: 1.7;
position: relative;
margin-bottom: .6rem;
padding-left: 3.7rem;
color: #828282;
}
.vacancy-line ul li:before {
position: absolute;
top: 7px;
left: 0;
width: 15px;
height: 13px;
content: '';
background: url(/local/templates/main/css/../images/listick-ico.png) no-repeat center;
}
@media(max-width:800px){
.vacancy-header{
flex-wrap: wrap;
}
.vacancy-header__item{
margin-bottom: 1.5rem;
width: 100%;
}
}
.tort-order__note {
margin-top: 10px;
padding: 5px;
border-radius: 5px;
background-color: #E1F2C2;
text-align: center;
font-size: 1.2rem;
color: #838383;
}
.tort-order__weight {
font-size: 1.3rem;
display: block;
text-align: center;
color: #838383;
margin-top:10px;
}
.section_card{
background: #f8f8f8;
}
.m-card{
position: absolute;
z-index: 9;
top: 5%;
left: 0;
}
.basil-b{
position: absolute;
right: 0;
top: -44%;
}
.index-slider__item_r{
padding-right: 0;
}
.index-slider__item{
min-height: inherit;
background: none!important;
}
.index-slider__img{
display: block;
border-radius: 22px;
}
@media(max-width:990px){
.card-b__img{
margin-bottom: 3rem;
}
}
.percetage__item_full{
width: 100%;
}
.footer__phone-ico{
width: 14px;
height: 14px;
margin-right: 1rem;
fill:#94c22b;
}
.watsup-ico{
width: 14px;
height: 14px;
margin-right: 1rem;
}
.footer-item__link{
display: flex;
margin-bottom: 1rem;
}
.footer-item__title{
margin-bottom: 1.5rem;
}
.footer-item_offset{
margin-bottom: 3rem;
}
.footer-item__mail{
margin-bottom: 2rem;
}
@media(max-width:1600px){
.index-slider .swiper-slide{
width: 100%;
}
.index-slider__item_r{
padding-right: 0!important;
}
.index-slider__item a{
min-height: inherit;
}
.index-slider__item{
min-height: inherit;
background: none!important;
}
.index-slider__img{
display: block;
}
}
@media(max-width:1400px){
.index-slider .swiper-pagination{
text-align: right;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets{
bottom: 2rem;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin-left: .5rem!important;
margin-right: .5rem!important;
}
}
@media(max-width:800px){
.new-tile{
height: 230px;
}
}
@media(max-width:768px){
.dev-widget-price {
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: -35px;
}
}
@media(max-width:700px){
.new-tile:before{
background: rgba(31, 33, 31, .6);
}
.new-tile__title{
font-size: 1.4rem;
padding-left: 15px;
padding-right: 15px;
}
.new-tile{
height: 150px;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
font-size: 1.2rem;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets{
bottom: 5px;
}
.index-slider .arrows-control{
display: none!important;
}
}
/*page*/
.page {
position: relative;
display: flex;
align-items: stretch;
}
.page-wrapper {
position: relative;
}
.page-wrapper .breadcrump {
position: relative;
}
.page-wrapper:before {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 55.5rem;
height: 100%;
content: '';
background: #fff;
}
.page__sidebar {
position: relative;
display: flex;
width: 55.5rem;
padding-top: 3rem;
padding-right: 4%;
transition: all .2s ease;
background: #fff;
align-items: flex-start;
justify-content: flex-end;
}
.page__content {
width: calc(100% - 55.5rem);
}
.main-dark_n-o {
padding-top: 0;
padding-bottom: 0;
}
.sidebar__content {
width: 31.2rem;
}
.lk-card-widget {
font-size: 0;
position: relative;
color: #fff;
}
.lk-card-widget__img {
width: 100%;
/* -webkit-box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, .26);
-moz-box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, .26);
box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, .26); */
object-fit: cover;
}
.lk-card-widget__number {
font-size: 1.6rem;
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
padding: 1.5rem;
}
.lk-card__user {
font-weight: 600;
}
.lk-card-widget_offset {
margin-bottom: 1rem;
}
.lk-card-info {
padding-bottom: 1.5rem;
border-bottom: 1px solid #e9e9e9;
}
.lk-card-info__item {
padding-top: 1rem;
padding-bottom: 1rem;
}
.lk-card-info__item_flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.lk-nav__ico {
display: inline-block;
width: 22px;
height: 22px;
margin-right: 2rem;
}
.lk-ball {
font-size: 1.4rem;
display: inline-block;
color: #93c22c;
}
.lk-nav__title {
font-family: 'Roboto Condensed';
font-size: 1.4rem;
font-weight: bold;
display: inline-block;
text-transform: uppercase;
}
.lk-nav__link {
display: flex;
width: 100%;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.lk-nav__link.active {
color: #b7d672;
}
.lk-nav__link.active svg {
fill: #b7d672;
}
.lk-nav__link.active .bag-ico {
stroke: #b7d672;
}
.lk-nav {
padding: 3rem 0 4rem;
border-bottom: 1px solid #e9e9e9;
}
.heart-ico {
width: 22px;
height: 22px;
fill: #b4b0b0;
}
.bag-ico {
width: 22px;
height: 22px;
fill: #b4b0b0;
stroke: #b4b0b0;
}
.logout-link {
font-size: 1.6rem;
display: block;
padding: 1.8rem 0 3rem;
color: #828282;
}
.lk-page-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.lk-page__title {
font-size: 2.8rem;
font-weight: 500;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
.coins-ico {
width: 21px;
height: 19px;
margin-right: 1.7rem;
fill: #aee946;
}
.content__section {
max-width: 1130px;
margin-right: auto;
margin-left: auto;
padding-right: 5rem;
padding-left: 20px;
}
.coin-widget__title {
font-family: 'Roboto Condensed';
font-size: 1.8rem;
font-weight: bold;
text-transform: uppercase;
}
.lk-page-header_offset {
margin-bottom: 3rem;
}
.lk-custom-select__bordered .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.lk-custom-select__bordered .select2-container.select2-container--default {
min-width: 200px;
}
.lk-custom-select__bordered .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
right: 2rem;
width: 20px;
height: 20px;
transform: translateY(-50%);
}
.lk-custom-select__bordered .select2-container--default .select2-selection--single .select2-selection__arrow:before {
position: absolute;
top: -5px;
right: 0;
bottom: 0;
left: 0;
width: 9px;
height: 9px;
margin: auto;
content: '';
transform: rotate(45deg);
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}
.lk-custom-select__bordered .select2-container .select2-selection--single .select2-selection__rendered {
padding-right: 5rem;
padding-left: 1.6rem;
}
.lk-custom-select__bordered .select2-container--default .select2-selection--single {
border: 2px solid #ebebeb;
background-color: transparent;
}
.lk-custom-select__bordered .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 54px;
}
.lk-custom-select__bordered .select2-container .select2-selection--single {
height: 60px;
}
.table-widget__title {
font-size: 1.6rem;
display: inline-block;
}
.table-widget__nav {
display: flex;
align-items: center;
justify-content: space-between;
}
.table-widget__control_offset {
margin-right: 2rem;
}
.table-widget__controls {
display: inline-flex;
align-items: center;
}
.lk-table {
display: table;
width: 100%;
}
.lk-table__tr {
display: table-row;
}
.lk-table__tr:last-child .lk-table__td {
border-bottom: none;
}
.content__section_offset {
padding-bottom: 8rem;
}
.lk-table__td {
display: table-cell;
padding: 1.8rem 0;
vertical-align: bottom;
border-bottom: 1px solid #e9e9e9;
}
.lk-mobile__title {
font-size: 1.5rem;
font-weight: bold;
display: none;
margin-bottom: 1.5rem;
}
.lk-table__th {
display: table-cell;
padding: 1.6rem 0;
color: #828282;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
.lk-table__title {
font-size: 1.7rem;
font-weight: bold;
display: block;
margin-bottom: .5rem;
}
.lk-table__desc {
display: block;
color: #838383;
}
.lk-table__hidden {
display: none;
}
.lk-table__hidden.active {
display: table-row-group;
animation: show .2s ease forwards;
}
.table-widget__nav_offset {
margin-bottom: 2rem;
}
.lk-table__title_green {
color: #93c22c;
}
.lk__btn-wrapper {
margin-top: 5rem;
}
.sidebar.active {
margin-left: 0rem;
}
.sidebar__trigger {
position: absolute;
top: 50%;
right: -10.6rem;
display: none;
padding: 1.0rem 2rem;
cursor: pointer;
transform: rotate(90deg);
color: #fff;
border: none;
border-radius: 3px;
background-color: #93c22c;
}
.mobile-header {
z-index: 12;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #93c22c !important;
}
.select2-results__option {
padding: 10px 6px 12px !important;
}
.popup-period {
position: relative;
max-width: 770px;
margin-right: auto;
margin-left: auto;
padding: 4rem 6rem;
background: #fff;
}
.popup-period__title {
font-size: 2.8rem;
font-weight: bold;
display: block;
margin-top: 0;
margin-bottom: 2rem;
text-align: center;
color: #000;
}
.period-widget {
display: flex;
align-items: center;
}
.period-widget__sep {
display: inline-block;
width: 12px;
height: 1px;
margin-right: 1rem;
margin-left: 1rem;
background: #000;
flex-shrink: 0;
}
.reset-btn__title {
font-family: 'Roboto Condensed';
font-size: 1.4rem;
font-weight: bold;
line-height: 1.4;
display: inline-block;
text-transform: uppercase;
}
.period-nav__submit {
margin-right: 2rem;
}
.period-error {
font-size: 13px;
margin-top: -1.5rem;
margin-bottom: 2rem;
transition: all .2s ease;
opacity: 0;
color: #ba2b2b;
}
.period-error.active {
opacity: 1;
}
.reset-btn {
padding: 0;
cursor: pointer;
border: none;
background: none;
}
.period-nav {
display: flex;
align-items: center;
}
.circle-close-ico {
width: 23px;
height: 23px;
margin-right: 1.4rem;
fill: #93c22c;
}
.period-widget__input {
flex: 1;
}
input[type='date']::-webkit-inner-spin-button {
display: none;
}
@media (max-width: 1450px) {
.page__sidebar {
width: 45rem;
}
.page-wrapper:before {
width: 45rem;
}
.page__content {
width: calc(100% - 45rem);
}
}
@media (max-width: 1230px) {
.lk-table__tr_hide {
display: none !important;
}
.lk-table_bonus {
display: flex;
flex-wrap: wrap;
}
.itog-empty {
display: none !important;
}
.content__section {
padding-right: 2rem;
}
.lk-table__td {
display: block;
width: 100%;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.lk-mobile__title {
display: block;
}
.lk-table__tr {
display: inline-flex;
width: 100%;
flex-wrap: wrap;
}
.lk-table__tr:nth-child(odd) {
background: #e9e9e9;
}
.lk-table__tr_itog {
display: flex;
flex-wrap: nowrap;
}
}
@media (max-width: 1200px) {
.page__sidebar {
width: 38rem;
}
.page__content {
width: calc(100% - 38rem);
}
.page-wrapper:before {
width: 38rem;
}
}
@media (max-width: 990px) {
.lk-page__title {
width: 100%;
margin-bottom: 2rem;
}
.lk-page-header {
flex-wrap: wrap;
}
.content__section {
padding-left: 4rem;
}
.lk .breadcrump {
margin-top: 0;
padding-top: 3rem;
padding-bottom: 3rem;
}
.pointered {
cursor: pointer;
}
.sidebar__trigger {
display: block;
}
.sidebar.page__sidebar {
position: fixed;
z-index: 9;
top: 0;
left: 0;
padding-top: 8rem;
padding-right: 0;
padding-left: 0;
}
.sidebar__content {
overflow: auto;
height: calc(100vh - 90px);
padding-right: 15px;
padding-left: 15px;
}
.page__content {
width: 100%;
}
.page-wrapper:before {
display: none;
}
.table-widget__nav {
flex-wrap: wrap;
}
.page__sidebar {
margin-left: -32rem;
}
.page-wrapper:before {
width: 32rem;
}
.page__sidebar {
width: 32rem;
padding-right: 2rem;
padding-left: 2rem;
}
}
@media (max-width: 650px) {
.page__sidebar {
width: 28rem;
margin-left: -28rem;
}
.lk-table__tr_itog {
flex-wrap: wrap;
}
.lk-table__tr_itog .lk-table__td {
padding-top: .6rem;
padding-bottom: .6rem;
}
.lk-mobile__title {
margin-bottom: 1rem;
}
.table-widget__nav {
width: 100%;
flex-wrap: wrap;
}
.table-widget__control {
width: 100%;
margin-right: 0;
margin-bottom: 1rem;
}
.table-widget__controls {
width: 100%;
flex-wrap: wrap;
}
.lk-custom-select__bordered .select2-container.select2-container--default {
width: 100% !important;
}
.table-widget__title {
width: 100%;
margin-bottom: 1.5rem;
}
}
.happy_display {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex !important;
}
.happy_box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin: 20px 0;
padding: 37px 0 37px 37px;
border: 2px dashed #e8e8e8;
border-radius: 10px;
background-color: #fff;
align-items: center;
}
.happy_box .happy_number {
font-size: 28px;
font-weight: 500;
line-height: 23px;
margin-left: 24px;
color: #3d3d2c;
}
.happy_content {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-end;
}
.happy_content .btn_happy {
padding: 2rem 2.5rem;
}
.happy-title {
font-family: Roboto;
font-size: 28px;
font-weight: 500;
line-height: 20px;
color: #000;
}
.happy__header {
display: flex;
padding-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
justify-content: space-between;
}
.happy__header_price {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
}
.happy__header_data {
display: flex;
align-items: center;
}
.happy__header_right {
margin-left: 28px;
}
.happy_title {
font-size: 18px;
font-weight: 700;
color: #000;
}
.happy_subtitle {
font-size: 16px;
font-weight: 400;
margin-top: 12px;
color: #838383;
}
.happy__middle {
margin-top: 23px;
}
.happy__middle ul {
margin: 0;
padding-left: 17px;
color: #93c22c;
}
.happy__middle ul li {
padding-top: 2px;
}
.happy__middle ul li:first-child {
padding-top: 0;
}
.happy__middle ul li span {
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 21px;
color: #000;
}
.happy__middle_left {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
justify-content: center;
}
.happy__middle_left .happy_subtitle {
font-size: 18px;
font-weight: 700;
opacity: .85;
color: #fff;
}
.happy__middle_left .happy_title {
font-size: 36px;
font-weight: 700;
line-height: 46px;
color: #3d3d2c;
}
.happy__middle_right img {
margin-bottom: -4px;
}
.happy__middle_bg {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 30px;
padding-top: 30px;
padding-right: 10px;
padding-left: 10px;
border-radius: 10px;
background: url('/local/templates/main/css/../images/bg_middle.png');
background-color: #92c22c;
background-repeat: no-repeat;
background-size: contain;
justify-content: space-around;
}
.happy__bottom {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 52px;
align-items: flex-end;
}
.happy__bottom_right {
margin-left: 20px;
}
.happy__bottom .happy_subtitle {
font-family: Roboto;
font-size: 18px;
font-weight: 300;
line-height: 36px;
color: #000;
}
.category_subtitle {
line-height: 25px;
width: 100%;
max-width: 268px;
margin-top: 0;
}
.category__content_text {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #000;
}
.category__content_boxing {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.category_box_data {
position: absolute;
top: 5px;
right: 5px;
padding: 12px 20px 9px 21px;
color: #fff;
border-radius: 10px 10px 0;
background-color: #93c22c;
}
.category_box {
position: relative;
margin-top: 30px;
}
.category_box img {
width: 100%;
}
.category_none {
opacity: 0;
}
.btn_rotate_one {
position: absolute;
top: 5px;
right: 5px;
opacity: 0;
color: #fff;
}
.btn_category {
padding: 12px 20px 9px 21px;
border: none;
border-radius: 10px 10px 0;
background-color: #93c22c;
}
.btn_rotate_two {
position: absolute;
bottom: 30%;
left: 50%;
transform: translate(-50%, 100%);
opacity: 0;
}
.button_category {
width: 200px;
height: 41px;
cursor: pointer;
color: #fff;
border: none;
border-radius: 10px;
background-color: #93c22c;
}
.category_text {
font-family: Roboto;
font-size: 16px;
font-weight: 500;
margin-top: 18px;
color: #000;
}
.category_flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
margin-top: 30px;
border: 2px dashed #e8e8e8;
border-radius: 10px;
background-color: #fff;
align-items: center;
justify-content: center;
}
.category_flex button {
margin-top: 20px;
}
.popup_categotion {
padding-right: 0;
padding-left: 0;
}
.categorion_slide {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding-top: 25px;
padding-right: 35px;
padding-bottom: 30px;
padding-left: 35px;
border-bottom: 1px solid #f3f3f3;
justify-content: space-between;
}
.categorion_title-slide {
font-family: Roboto;
font-size: 28px;
font-weight: 500;
line-height: 20px;
color: #93c22c;
}
.categorion-form select {
width: 338px !important;
}
.categorion_select {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 33px;
padding-right: 33px;
padding-left: 33px;
justify-content: space-between;
flex-wrap: wrap;
}
.btn_pop {
cursor: pointer;
color: #fff;
border-radius: 10px;
}
.button-popup {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 28px;
align-items: center;
justify-content: center;
}
.categorion_name {
font-size: 18px;
font-weight: 300;
line-height: 36px;
color: #000;
}
.btn_category {
color: #fff;
}
.category_paddind {
padding-top: 47px;
padding-bottom: 47px;
}
.category_text_disable {
font-family: Roboto;
font-size: 16px;
font-weight: 400;
margin-top: 20px;
opacity: .4;
color: #838383;
}
.btn_disable {
opacity: .36;
}
.bg-transparent {
display: none;
color: transparent;
}
.category_title {
font-size: 18px;
font-weight: 500;
line-height: 23px;
color: #000;
}
.category_spec ol {
padding-left: 0;
list-style: none;
counter-reset: myCounter;
}
.category_spec ol li {
font-size: 16px;
font-weight: 500;
display: flex;
color: #000;
align-items: center;
}
.category_spec ol li:before {
display: inline-flex;
width: 48px;
height: 47px;
margin: 5px 10px 0 0;
content: counter(myCounter);
counter-increment: myCounter;
text-align: center;
color: white;
border: 4px solid #e3eccd;
border-radius: 50%;
background-color: #93c22c;
align-items: center;
justify-content: center;
}
.category_spec ol li br {
display: none;
}
.happy-spec_block {
margin-top: 20px;
}
.happy-spec_top-line {
position: relative;
}
.happy-spec_line-left {
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: #93c22c;
}
.happy-spec_subtitle {
font-size: 16px;
font-weight: 400;
line-height: 21px;
padding-right: 55px;
padding-left: 55px;
text-align: center;
color: #838383;
}
.happy-spec_title {
font-size: 18px;
font-weight: 500;
line-height: 35px;
color: #000;
}
.happy-spec_line-left {
padding-top: 20px;
padding-left: 40px;
}
.happy-spec_line-left:before {
position: absolute;
bottom: 6px;
left: 15px;
width: 10px;
height: 10px;
content: url('/local/templates/main/css/../images/boxing-happy.png');
}
.happy-spec_block {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
padding-bottom: 43px;
border: 2px dashed #e8e8e8;
border-radius: 10px;
align-items: center;
}
.happy-spec_line-right .category_box_data {
top: 20px;
right: 20px;
}
.happy-spec_top-line {
position: relative;
width: 100%;
}
.happy-spec_images {
width: 229px;
height: 178px;
margin-top: 40px;
}
.happy-spec_disable {
opacity: .5;
}
.btn_gray {
background-color: #b4b0b0;
}
.happy-spec__boxing {
margin-top: 20px;
}
.happy-object_column {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.happy-object_inputs label {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.happy-object_inputs label input {
height: 59px;
margin-top: 15px;
padding-left: 15px;
border: 2px solid #ebebeb;
border-radius: 3px;
background-color: #fff;
}
.happy-object_subtitle {
font-size: 16px;
font-weight: 400;
margin-top: 35px;
margin-bottom: 21px;
color: #000;
}
.happy-object_subtitle-two {
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: #000;
}
.happy-object__content_block {
padding: 37px 40px 32px 37px;
border: 1px solid #ddd;
}
.happy-object_btn {
width: 215px;
}
.happy-object__content_title {
font-family: Roboto;
font-size: 20px;
font-weight: 500;
margin-top: 51px;
margin-bottom: 20px;
color: #000;
}
.happy-object__content_list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
max-width: 420px;
margin-bottom: 30px;
}
.happy-object__content_title {
margin-top: 20px;
margin-bottom: 20px;
}
.happy-object__content_block {
padding: 27px 20px 20px 27px;
}
.btn_product {
width: 176px;
height: 33px;
border-radius: 10px 10px 0;
background-color: #93c22c;
}
.category_product-block {
position: absolute;
top: 5px;
right: 5px;
}
.category_block_dark {
margin-top: 30px;
}
.btn_rotate_two_dark {
position: absolute;
bottom: 40px;
left: 50%;
transform: translate(-50%, 50%);
}
.btn_rotate_two_dark button {
cursor: pointer;
color: #fff;
border: none;
border-radius: 5px;
background-color: #93c22c;
}
.category_box_dark {
position: relative;
}
.category_product a {
margin-top: 17px;
padding-top: 10px;
padding-left: 25px;
}
/*page*/
/*effects*/
/*effects*/
/*components*/
.input_default {
width: 100%;
height: 59px;
padding-right: 18px;
padding-left: 18px;
border: 2px solid #ebebeb;
}
.form__label {
font-size: 1.6rem;
display: block;
margin-bottom: 1rem;
}
.form__label_middle {
font-size: 1.8rem;
}
.form__item_offset {
margin-bottom: 3.5rem;
}
.btn_green {
color: #fff;
background: #93c22c;
}
.btn {
cursor: pointer;
}
.btn_default {
font-size: 1.6rem;
display: inline-block;
padding: 1.2rem 2rem;
border: none;
border-radius: 5px;
}
.title {
display: inline-block;
}
.title_green {
color: #93c22c;
}
.form__item_sm-offset {
margin-bottom: 2.7rem;
}
.title_green {
color: #93c22c;
}
.title_cond {
font-family: 'Roboto Condensed';
}
.title_l-gray {
color: #ddd;
}
.wrapper {
width: 100%;
/* padding-right: 15px;
padding-left: 15px; */
}
.wrapper_default {
max-width: 1680px;
}
/*components*/
/*plugins*/
/*select*/
.select2-container {
position: relative;
display: inline-block;
box-sizing: border-box;
margin: 0;
vertical-align: middle;
}
.select2-container .select2-selection--single {
display: block;
box-sizing: border-box;
height: 28px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
overflow: hidden;
padding-right: 20px;
padding-left: 8px;
white-space: nowrap;
text-overflow: ellipsis;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
display: block;
box-sizing: border-box;
min-height: 32px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
white-space: nowrap;
text-overflow: ellipsis;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
font-size: 100%;
box-sizing: border-box;
margin-top: 5px;
padding: 0;
border: none;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
position: absolute;
z-index: 1051;
left: -100000px;
display: block;
box-sizing: border-box;
width: 100%;
border: 1px solid #aaa;
border-radius: 4px;
background-color: white;
}
.select2-results {
display: block;
}
.select2-results__options {
margin: 0;
padding: 0;
list-style: none;
}
.select2-results__option {
padding: 6px;
-webkit-user-select: none;
user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
box-sizing: border-box;
width: 100%;
padding: 4px;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
position: fixed;
z-index: 99;
top: 0;
left: 0;
display: block;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
margin: 0;
padding: 0;
opacity: 0;
border: 0;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
position: absolute !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
white-space: nowrap !important;
border: 0 !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
}
.select2-container--default .select2-selection--single {
border: 1px solid #aaa;
border-radius: 4px;
background-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 28px;
color: #444;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
font-weight: bold;
float: right;
cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 1px;
right: 1px;
width: 20px;
height: 26px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
margin-top: -2px;
margin-left: -4px;
border-width: 5px 4px 0 4px;
border-style: solid;
border-color: #888 transparent transparent transparent;
}
.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow {
right: auto;
left: 1px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
cursor: default;
background-color: #eee;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 0 4px 5px 4px;
border-color: transparent transparent #888 transparent;
}
.select2-container--default .select2-selection--multiple {
cursor: text;
border: 1px solid #aaa;
border-radius: 4px;
background-color: white;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0 5px;
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
font-weight: bold;
float: right;
margin-top: 5px;
margin-right: 10px;
cursor: pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
float: left;
margin-top: 5px;
margin-right: 5px;
padding: 0 5px;
cursor: default;
border: 1px solid #aaa;
border-radius: 4px;
background-color: #e4e4e4;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
font-weight: bold;
display: inline-block;
margin-right: 2px;
cursor: pointer;
color: #999;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
margin-right: auto;
margin-left: 5px;
}
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
margin-right: auto;
margin-left: 2px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
cursor: default;
background-color: #eee;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
border: none;
outline: 0;
background: transparent;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
overflow-y: auto;
max-height: 200px;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
color: white;
background-color: #5897fb;
}
.select2-container--default .select2-results__group {
display: block;
padding: 6px;
cursor: default;
}
.select2-container--classic .select2-selection--single {
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-color: #f7f7f7;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
line-height: 28px;
color: #444;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
font-weight: bold;
float: right;
margin-right: 10px;
cursor: pointer;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 1px;
right: 1px;
width: 20px;
height: 26px;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color: #ddd;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
margin-top: -2px;
margin-left: -4px;
border-width: 5px 4px 0 4px;
border-style: solid;
border-color: #888 transparent transparent transparent;
}
.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__arrow {
right: auto;
left: 1px;
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
border: none;
background: transparent;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 0 4px 5px 4px;
border-color: transparent transparent #888 transparent;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
cursor: text;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-color: white;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
margin: 0;
padding: 0 5px;
list-style: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
float: left;
margin-top: 5px;
margin-right: 5px;
padding: 0 5px;
cursor: default;
border: 1px solid #aaa;
border-radius: 4px;
background-color: #e4e4e4;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
font-weight: bold;
display: inline-block;
margin-right: 2px;
cursor: pointer;
color: #888;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-right: auto;
margin-left: 5px;
}
.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
margin-right: auto;
margin-left: 2px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
border: 1px solid transparent;
background-color: #fff;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
overflow-y: auto;
max-height: 200px;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
color: #fff;
background-color: #3875d7;
}
.select2-container--classic .select2-results__group {
display: block;
padding: 6px;
cursor: default;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
/*select*/
.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: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-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-right: auto;
margin-left: auto;
}
.slick-track:after,
.slick-track:before {
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;
}
/*# sourceMappingURL=slick.min.css.map */
/*fullpage*/
/*!
* fullPage 2.9.7
* https://github.com/alvarotrigo/fullPage.js
* MIT licensed
*
* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
*/
.fp-enabled body,
html.fp-enabled {
overflow: hidden;
margin: 0;
padding: 0;
-webkit-tap-highlight-color: transparent;
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide,
.fp-slidesContainer {
display: block;
height: 100%;
}
.fp-slides {
position: relative;
z-index: 1;
overflow: hidden;
height: 100%;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
display: table;
width: 100%;
table-layout: fixed;
}
.fp-tableCell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.fp-slidesContainer {
position: relative;
float: left;
}
.fp-controlArrow {
position: absolute;
z-index: 4;
top: 50%;
width: 0;
height: 0;
margin-top: -38px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border-style: solid;
-khtml-user-select: none;
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
position: relative;
overflow: hidden;
}
.fp-scroller {
overflow: hidden;
}
.iScrollIndicator {
border: 0 !important;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
top: 50%;
margin-top: -32px;
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
#fp-nav.right {
right: 17px;
}
#fp-nav.left {
left: 17px;
}
.fp-slidesNav {
position: absolute;
z-index: 4;
right: 0;
left: 0 !important;
margin: 0 auto !important;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.fp-slidesNav.bottom {
bottom: 17px;
}
.fp-slidesNav.top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
position: relative;
display: block;
width: 14px;
height: 13px;
margin: 7px;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
width: 12px;
height: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 4px;
height: 4px;
margin: -2px 0 0 -2px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
border: 0;
border-radius: 50%;
background: #333;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
width: 10px;
height: 10px;
margin: -5px 0 0 -5px;
}
#fp-nav ul li .fp-tooltip {
font-family: arial,helvetica,sans-serif;
font-size: 14px;
position: absolute;
top: -2px;
display: block;
overflow: hidden;
width: 0;
max-width: 220px;
cursor: pointer;
white-space: nowrap;
opacity: 0;
color: #fff;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
width: auto;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
left: 20px;
}
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
height: auto !important;
}
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
height: auto !important;
}
/*# sourceMappingURL=jquery.fullpage.min.css.map */
/*fullpage*/
.mfp-bg {
position: fixed;
z-index: 1042;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
opacity: .8;
background: #0b0b0b;
}
.mfp-wrap {
position: fixed;
z-index: 1043;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0 8px;
text-align: center;
}
.mfp-container:before {
display: inline-block;
height: 100%;
content: '';
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
z-index: 1045;
display: inline-block;
margin: 0 auto;
text-align: left;
vertical-align: middle;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
position: absolute;
z-index: 1044;
top: 50%;
right: 8px;
left: 8px;
width: auto;
margin-top: -.8em;
text-align: center;
color: #ccc;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
z-index: 1046;
display: block;
overflow: visible;
padding: 0;
cursor: pointer;
border: 0;
outline: 0;
background: transparent;
box-shadow: none;
-webkit-appearance: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
font-family: Arial,Baskerville,monospace;
font-size: 28px;
font-style: normal;
line-height: 44px;
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0 0 18px 10px;
text-align: center;
text-decoration: none;
opacity: .65;
color: #fff;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
right: -6px;
width: 100%;
padding-right: 6px;
text-align: right;
color: #fff;
}
.mfp-counter {
font-size: 12px;
line-height: 18px;
position: absolute;
top: 0;
right: 0;
white-space: nowrap;
color: #ccc;
}
.mfp-arrow {
position: absolute;
top: 50%;
width: 90px;
height: 110px;
margin: 0;
margin-top: -55px;
padding: 0;
opacity: .65;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 0;
height: 0;
margin-top: 35px;
margin-left: 35px;
content: '';
border: medium inset transparent;
}
.mfp-arrow:after {
top: 8px;
border-top-width: 13px;
border-bottom-width: 13px;
}
.mfp-arrow:before {
opacity: .7;
border-top-width: 21px;
border-bottom-width: 21px;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
margin-left: 31px;
border-right: 17px solid #fff;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
margin-left: 39px;
border-left: 17px solid #fff;
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
overflow: hidden;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: #000;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
img.mfp-img {
line-height: 0;
display: block;
box-sizing: border-box;
width: auto;
max-width: 100%;
height: auto;
margin: 0 auto;
padding: 40px 0 40px;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
position: absolute;
z-index: -1;
top: 40px;
right: 0;
bottom: 40px;
left: 0;
display: block;
width: auto;
height: auto;
content: '';
background: #444;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
.mfp-figure small {
font-size: 12px;
line-height: 14px;
display: block;
color: #bdbdbd;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: -36px;
cursor: auto;
}
.mfp-title {
line-height: 18px;
padding-right: 36px;
text-align: left;
word-wrap: break-word;
color: #f3f3f3;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-right: 0;
padding-left: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
position: fixed;
top: auto;
bottom: 0;
box-sizing: border-box;
margin: 0;
padding: 3px 5px;
background: rgba(0, 0, 0, .6);
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
top: 3px;
right: 5px;
}
.mfp-img-mobile .mfp-close {
line-height: 35px;
position: fixed;
top: 0;
right: 0;
width: 35px;
height: 35px;
padding: 0;
text-align: center;
background: rgba(0, 0, 0, .6);
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-right: 6px;
padding-left: 6px;
}
}
/*plugins*/
/*footer*/
.desctop-footer__link {
font-weight: 300;
display: block;
margin-top: 1.8rem;
margin-bottom: 1.8rem;
}
/*footer*/
/*fonts*/
@font-face {
font-family: 'PFBeauSansPro';
font-weight: 700;
font-style: normal;
src: url('/local/templates/main/css/../fonts/PFBeauSansPro-Bold.woff2') format('woff2'), url('/local/templates/main/css/../fonts/PFBeauSansPro-Bold.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'PFBeauSansPro';
font-weight: 300;
font-style: normal;
src: url('/local/templates/main/css/../fonts/PFBeauSansPro-Light.woff2') format('woff2'), url('/local/templates/main/css/../fonts/PFBeauSansPro-Light.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'PFBeauSansPro';
font-weight: 400;
font-style: normal;
src: url('/local/templates/main/css/../fonts/PFBeauSansPro-Regular.woff2') format('woff2'), url('/local/templates/main/css/../fonts/PFBeauSansPro-Regular.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'PFBeauSansPro';
font-weight: 600;
font-style: normal;
src: url('/local/templates/main/css/../fonts/PFBeauSansPro-SemiBold.woff2') format('woff2'), url('/local/templates/main/css/../fonts/PFBeauSansPro-SemiBold.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'ElegantIcons';
font-weight: 400;
font-style: normal;
src: url('/local/templates/main/css/../fonts/ElegantIcons.woff2') format('woff2'), url('/local/templates/main/css/../fonts/ElegantIcons.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'ruble';
font-weight: 400;
font-style: normal;
src: url('/local/templates/main/css/../fonts/rouble.woff2') format('woff2'), url('/local/templates/main/css/../fonts/rouble.woff') format('woff');
font-display: swap;
}
.font-icons {
font-family: 'ElegantIcons';
}
.icon_phone:before {
content: '\e090';
}
.icon_search:before {
content: '\55';
}
.icon_cart_alt:before {
content: '\e015';
}
.h2__title {
font-family: 'dinpro';
}
h1 {
font-size: 5rem;
font-weight: 700;
margin-top: 0;
}
h2 {
font-size: 3.8rem;
font-weight: 700;
margin-top: 0;
}
h3 {
font-size: 2.6rem;
font-weight: 700;
margin-top: 0;
}
h4 {
font-size: 2.2rem;
font-weight: 700;
margin-top: 0;
}
h5 {
font-size: 1.8rem;
font-weight: 500;
margin-top: 0;
}
h6 {
font-size: 1rem;
font-weight: 700;
margin-top: 0;
}
.sub-title {
font-size: 2.4rem;
font-weight: 700;
display: block;
margin-bottom: 1.5rem;
}
.title_gray {
color: #999;
}
.title_middle {
font-size: 1.8rem;
}
.title_bold {
font-weight: bold;
}
.title_small {
font-size: 1.4rem;
}
.title_nano {
font-size: 1.3rem;
}
.title_normal {
font-size: 1.5rem;
}
.h2_big {
font-size: 6rem;
line-height: 1;
margin-bottom: 4rem;
}
.h2_middle {
font-size: 4.8rem;
line-height: 1.2;
margin-bottom: 2rem;
}
.h4_uppercased {
text-transform: uppercase;
}
.h2_blue {
color: #4ea6d8;
}
/*fonts*/
/*media*/
@media (max-width: 1750px) {
.category_box img {
height: 220px;
}
.category_paddind {
height: 220px;
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 1706px) {
.page__sidebar {
width: 47.5rem;
}
.page-wrapper:before {
width: 47.5rem;
}
.content__section_offset {
padding-left: 5rem;
}
}
@media (max-width: 1603px) {
.category_box_dark img {
height: 220px;
}
}
@media (max-width: 1423px) {
.page__sidebar {
width: 45.5rem;
}
.page-wrapper:before {
width: 45.5rem;
}
}
@media (max-width: 120px) {
.page__sidebar {
width: 43.5rem;
}
.page-wrapper:before {
width: 43.5rem;
}
}
@media (max-width: 1272px) {
.happy__middle_left .happy_title {
font-size: 30px;
}
.button_category {
font-size: 12px;
width: 178px;
height: 36px;
}
.btn_rotate_one {
font-size: 12px;
width: auto;
}
.category_box_data {
font-size: 12px;
padding: 7px 10px 7px 10px;
}
.category_text {
font-size: 12px;
}
.category_flex {
padding: 10px;
}
}
@media (max-width: 1199px) {
.category_box_dark img {
width: 100%;
height: auto;
}
.bg-transparent {
display: block;
}
.category_box img {
height: auto;
}
.category_paddind {
height: auto;
padding-top: 47px;
padding-bottom: 47px;
}
.button_category {
font-size: 16px;
width: 200px;
height: 50px;
}
.btn_rotate_one {
font-size: 16px;
width: auto;
}
.category_box_data {
font-size: 16px;
padding: 12px 20px 12px 20px;
}
.category_text {
font-size: 16px;
}
.category_flex {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media (max-width: 1060px) {
.happy__bottom_right {
width: 100%;
max-width: 490px;
margin-top: 20px;
margin-left: 0;
}
}
@media (max-width: 1036px) {
.happy__middle_left .happy_title {
font-size: 23px;
}
.happy__middle_left .happy_subtitle {
font-size: 14px;
}
}
@media (max-width: 1091px) {
.happy_content {
flex-wrap: wrap;
}
}
@media (max-width: 1062px) {
.happy-spec_title {
line-height: 22px;
margin-bottom: 15px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
}
}
@media (max-width: 990px) {
.page__sidebar {
width: 32.5rem;
}
.category_box:hover:before {
height: 99%;
}
.happy__middle_left .happy_title {
font-size: 26px;
}
.happy__middle_left .happy_subtitle {
font-size: 16px;
}
.auth-form_reset {
max-width: 100%;
}
}
@media (max-width: 817px) {
.category_product {
height: 157px;
padding-top: 9px;
padding-bottom: 12px;
}
.category_product .button_category {
font-size: 14px;
width: 187px;
height: 42px;
}
}
@media (max-width: 760px) {
.categorion-form select {
width: 100% !important;
}
.lk-popup {
max-width: 90%;
padding-right: 2rem;
padding-left: 2rem;
}
.title_middle {
font-size: 1.6rem;
}
.form__item_sm-offset {
margin-bottom: 1.5rem;
}
.auth-widget .input_default {
height: 45px;
}
.auth-widget .form__label_middle {
font-size: 1.6rem;
}
.code-access {
flex-wrap: wrap;
}
.code-access__title {
width: 100%;
margin-bottom: 1rem;
}
.auth-form {
padding-right: 2rem;
padding-left: 2rem;
}
.auth-form {
padding-right: 0;
padding-left: 0;
}
.categorion_select {
flex-direction: column;
padding-right: 0;
padding-left: 0;
justify-content: center;
}
.category_spec ol li br {
display: block;
}
.category_spec ol li {
font-size: 12px;
}
.category_spec ol li:before {
width: 30px;
height: 30px;
}
.category__content_text {
font-size: 12px;
line-height: 23px;
}
.happy-title {
font-size: 24px;
line-height: 25px;
}
}
@media (max-width: 650px) {
.page__sidebar {
width: 28.5rem;
}
.happy__header {
flex-wrap: wrap;
}
.happy__header .happy__header_price {
width: 100%;
margin-top: 15px;
align-items: flex-start;
}
}
@media (max-width: 635px) {
.happy__middle_bg {
background-size: cover;
flex-wrap: wrap;
}
.happy__middle_bg .happy__middle_right {
display: flex;
width: 100%;
margin-top: 15px;
justify-content: center;
}
.happy__middle_left .happy_title {
line-height: 29px;
}
}
@media (max-width: 540px) {
.happy__bottom .happy_input input {
width: 100%;
}
.happy_content .btn_happy {
width: auto;
}
.link_retrive {
padding-left: 0;
}
.popup__title {
font-size: 2.4rem;
}
.page-header__title {
font-size: 2.2rem;
}
.tab-widget-nav {
margin-bottom: 2rem;
}
.tab-widget-nav__link {
width: 100%;
margin-top: .5rem;
margin-bottom: .5rem;
text-align: center;
}
.auth-widget .btn {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 10px;
text-align: center;
}
.auth-nav__btn {
display: block;
width: 100%;
margin-bottom: 1rem;
text-align: center;
}
}
@media (max-width: 474px) {
.category_box_dark {
width: 250px;
}
.btn_rotate_two {
bottom: 38%;
}
.button_category {
height: 46px;
}
.category_center {
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
.category_block {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.happy__header {
flex-wrap: wrap;
}
.happy__header .happy__header_price {
width: 100%;
margin-top: 20px;
}
.category_flex {
width: 250px;
}
.category_box {
width: 250px;
}
.popup-period__title {
font-size: 2rem;
}
.categorion_title-slide {
font-size: 2rem;
}
}
@media (max-width: 400px) {
.happy-spec_line-right .category_box_data {
font-size: 14px;
top: 10px;
right: 10px;
padding: 8px 14px 8px 14px;
}
.happy-spec_title {
font-size: 14px;
text-align: center;
}
.happy-spec_subtitle {
font-size: 14px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
}
}
@media (max-width: 360px) {
.category_spec ol li:first-child:before {
width: 35px;
}
}
/*media*/
.happy_box {
padding-right: 37px;
max-width: 320px
}
@media (max-width: 474px) {
.happy_box .happy_number {
font-size: 23px;
margin-left: 15px;
font-size: 19px;
}
}
.happy_box {
margin-right: 20px;
}
.happy_box_content {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.hidden_arrow{
opacity:0;
pointer-events: none;
}
#start_image_cat{
width: 100%;
}
.categorion_slide_arrow{
cursor: pointer;
}
.happy_box_grey {
background-color: #e4e4e4;
opacity: 0.6;
}
@media (max-width: 1099px) {
.category_spec ol li:first-child:before {
width: 54px;
}
}
@media (max-width: 1010px) {
.category_spec ol li:first-child:before {
width: 65px;
}
}
@media (max-width: 1020px) {
.category_spec ol li:first-child:before {
width: 60px;
}
}
@media (max-width: 990px) {
.category_spec ol li:first-child:before {
width: 48px;
}
}
@media (max-width: 635px) {
.category_spec ol li:first-child:before {
width: 30px;
}
}
@media (max-width: 360px) {
.category_spec ol li:first-child:before {
width: 35px;
}
}
@media (max-width: 760px) {
.category_spec ol li:first-child:before {
width: 30px;
}
}
@media (max-width: 330px) {
.category_spec ol li:first-child:before {
width: 38px;
}
}
/*LOYAL*/
/**/
.loyal-decorated{
position: absolute;
top: 0;
}
.loyal-decorated-1{
left: 0;
}
.loyal-decorated-2{
right: 0;
}
.loyal-preim__content{
position: relative;
}
.loyal-preim__title{
text-align: center;
}
.preims__title_offset{
margin-bottom: 1rem;
}
.loyal-preim-section{
overflow: hidden;
}
.loyal-info__pic{
width: 6rem;
height: 6rem;
border-radius: 50%;
border:4px solid #e3eccd;
background: #93c22c;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.loyal-info__ico{
fill:#fff;
}
.loyal-info__man{
width: 26px;
height:30px;
}
.loyal-info__item{
display: flex;
align-items: flex-start;
}
.loyal-info__content{
padding-top: 1.8rem;
flex: 1;
padding-left: 2.5rem;
}
.loyal-info__item_offset{
margin-bottom: 2rem;
}
.loyal-info__title_offset{
margin-bottom: 3rem;
}
.loyal-contacts_offset{
margin-top: 2rem;
}
.loyal-contact__title{
font-size: 1.5rem;
color: #828282;
font-family: 'Roboto Condensed';
}
.loyal-reg__item{
position: absolute;
}
.loyal-contact__phone{
margin-right: 2rem;
}
.loyal-contact_offset{
margin-bottom: .8rem;
}
.loyal-reg-card{
display: flex;
align-items:center;
justify-content: center;
min-height: 425px;
position: relative;
}
.loyal-reg__ico_confetti{
width: 68px;
height: 57px;
}
.loyal-reg__ico_discount{
width: 38px;
height: 38px;
}
.loyal-reg__discount{
position: absolute;
right: 28%;
top: 4%;
}
.loyal-reg-card:before{
content: '';
width: 42rem;
height: 42rem;
border-radius: 50%;
background: #f6f6f6;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.loyal-reg-card__content{
transform: translateX(20px);
transition: all .4s ease;
}
.animated .loyal-reg-card__content{
transform: translateX(-30px);
}
.loyal-reg__confetti{
position: absolute;
left: 8%;
bottom: 11%;
}
.loyal-reg__content{
position: relative;
}
.loyal-reg__speech{
position: absolute;
right: 18%;
top: 22%;
transform: rotate(10deg);
}
.prise__ico{
width:16px;
height: 16px;
}
.prise-pic{
max-width: 260px;
height: 218px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 2rem;
}
.section_gastronomy{
background-color: #f8f8f8;
background-image: url('/local/templates/main/css/../images/gastronomy.jpg');
background-repeat: no-repeat;
background-position: 104% top;
background-size: auto 100%;
}
.title_gray{
color: #828282;
}
.prise-header__title_green{
color: #93c22c;
}
.prise{
margin-bottom: 3rem;
padding: 2.2rem;
border: 2px dashed #e8e8e8;
border-radius: 10px;
}
.prise-header__pic{
font-size: 0;
margin-right: 1.4rem;
}
.loyal-prise__desc{
margin-bottom: 3rem;
}
.prise__title{
max-width:240px;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
font-size: 1.6rem;
font-weight: 500;
}
.q-block{
background: #f6f6f6;
padding:2rem 4.5rem ;
text-transform: uppercase;
font-size: 1.4rem;
}
.lk-widget__ico{
display: block;
width: 30px;
height: 30px;
}
.header-search{
display: inline-flex;
align-items: center;
}
.lk-widget{
position: relative;
margin-right: 1.5rem;
}
.lk-widget__settings{
width: 16px;
height: 16px;
}
.lk-widget__link{
color: #fff;
}
.lk-widget__content{
position: absolute;
top: 100%;
right: 0;
z-index: 4;
width: 206px;
opacity: 0;
transition: all .2s ease;
}
.lk-widget__controls{
background: #93c22c;
padding: 23px;
position: relative;
top: 10px;
right: 15px;
}
.lk-widget:hover .lk-widget__content{
opacity: 1;
}
.lk-widget__link_offset{
margin-bottom: 2rem;
}
.lk-widget__ico{
margin-right:13px;
}
.log-out__ico{
width: 19px;
height: 18px;
}
@media(max-width:1650px){
.loyal-reg{
padding-left: 3rem;
padding-right: 3rem;
}
.loyal-prise{
padding-left: 3rem;
padding-right: 3rem;
}
}
@media(max-width:1340px){
.loyal-reg{
padding-left: 0rem;
padding-right: 0rem;
}
.loyal-prise{
padding-left: 0rem;
padding-right: 0rem;
}
.prise-header__title{
font-size: 1.4rem;
}
.prise__title{
font-size: 1.4rem;
}
}
@media(max-width:790px){
.q-block{
padding-left: 1.5rem;
padding-right: 1.5rem ;
}
}
@media(max-width:760px){
.loyal-reg__item{
display: none;
}
.animated .loyal-reg-card__content{
transform: none;
z-index: 5;
}
}
@media(max-width:600px){
.loyal-reg-card:before{
width: 270px;
height: 270px;
}
}
.btn-with-arrow{
color: #252624;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.7px;
}
.btn:disabled{
background: grey;
cursor: default;
}
/*NEW FROM EGOR AKA VERSTKA 47*/
.popup-happy {
position: relative;
max-width: 490px;
margin-right: auto;
margin-left: auto;
}
.popup-happy__image {
display: flex;
padding-top: 5rem;
background-color: #93c22c;
align-items: center;
justify-content: center;
}
.popup-happy_img {
margin-bottom: -8rem;
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.popup-happy__text {
display: flex;
flex-direction: column;
padding-bottom: 5rem;
background-color: #fff;
align-items: center;
justify-content: center;
}
.popup-happy__title {
font-size: 2.8rem;
margin-top: 9rem;
margin-bottom: 2rem;
text-align: center;
}
.popup-happy__subtitle {
font-size: 1.6rem;
line-height: 2.3rem;
width: 100%;
max-width: 410px;
text-align: center;
}
.popup-happy__button {
margin-top: 5rem;
}
.happy-btn {
padding: 1.5rem 2.2rem;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
opacity: 0;
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
opacity: 0;
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
opacity: 0;
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
}
60% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
}
}
@keyframes zoomInDown {
from {
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
}
60% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
}
60% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
}
}
@keyframes zoomInLeft {
from {
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
}
60% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
}
60% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
}
}
@keyframes zoomInRight {
from {
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
}
60% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
}
60% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
}
}
@keyframes zoomInUp {
from {
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
}
60% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
opacity: 0;
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
opacity: 0;
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
}
to {
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
}
}
@keyframes zoomOutDown {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
}
to {
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
opacity: 1;
}
to {
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
opacity: 0;
}
}
@keyframes zoomOutLeft {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
opacity: 1;
}
to {
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
opacity: 0;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
opacity: 1;
}
to {
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
opacity: 0;
}
}
@keyframes zoomOutRight {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
opacity: 1;
}
to {
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
opacity: 0;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
}
to {
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
}
}
@keyframes zoomOutUp {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
}
to {
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
visibility: visible;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
visibility: visible;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
visibility: visible;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
visibility: visible;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
visibility: visible;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
visibility: visible;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
visibility: visible;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
visibility: visible;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/*EGORKA PATCHIT PEREPATCHIT*/
.manager {
text-align: left;
margin-top: 2.5rem;
margin-bottom: 2.7rem;
}
.manager__position {
color: #000000;
font-size: 16px;
margin-bottom: 1.8rem;
}
.manager__about {
display: flex;
align-items: center;
justify-content: space-between;
width: 310px;
max-width: 100%;
}
.manager__about-info:not(:last-child) {
margin-right: 3rem;
}
.manager__about picture {
width: 60px;
height: 60px;
min-width: 60px;
min-height: 60px;
border-radius: 50%;
overflow: hidden;
}
.manager__about picture img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.manager__name {
color: #000000;
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
}
.manager__contacts {
margin-top: 1.5rem;
position: relative;
}
.manager__contacts:before {
width: 44px;
bottom: -2.6rem;
content: '';
position: absolute;
height: 2px;
background-color: #93c22c;
}
.manager-step_offset-top {
margin-top: 3rem;
}
.box_offset {
margin-top: 6rem;
}
.manager__title {
max-width: 340px;
width: 100%;
color: #000000;
display: flex;
align-items: flex-end;
min-height: 69px;
height: 100%;
font-size: 20px;
font-weight: 500;
}
.manager_border-bottom {
padding-bottom: 2rem;
border-bottom: 1px solid #f1f1f1;
}
@media (max-width: 1315px) {
.manager__title {
min-height: 93px;
}
}
@media (max-width: 1200px) {
.manager__title {
min-height: 69px;
}
}
.select2-container--default .select2-results__option[aria-disabled=true]{
display: none!important;
}
/*редиз страницы подарочной корзины*/
.single-card__detail h3 {
font-size: 2.8rem;
margin-bottom: 0;
}
.single-card__row .box-btn {
max-width: 113px;
height: 4rem;
}
.default-paragraph {
padding: 3rem;
background-color: #f8f8f8;
}
.toggler__content {
display: none;
}
.card-desc__text {
padding-left: 0;
}
.card-desc__addr {
margin-top: 3.5rem;
}
.card-desc__addr h3 {
color: #000000;
font-size: 18px;
font-weight: 500;
margin-bottom: 3rem;
}
.default-paragraph__content {
margin-top: 2rem;
}
.default-paragraph__content.active .default-paragraph__link:before {
transform: rotate(180deg);
top: 0.8rem;
}
.default-paragraph h4 {
color: #000000;
font-size: 18px;
font-weight: 500;
}
.default-paragraph__link {
font-size: 14px;
font-weight: 700;
color: #1f211f;
text-transform: uppercase;
letter-spacing: 0.7px;
position: relative;
padding-left: 3rem;
}
.default-paragraph__link:before {
content: url('/local/templates/main/css/../images/arrow-bootom.svg');
position: absolute;
width: 11px;
height: 8px;
left: 0;
top: 0rem;
}
.card-desc__addr .card-desc__addr_col:last-child {
margin-right: 0;
}
.card-desc__title {
color: #000000;
font-size: 18px !important;
font-weight: 500;
margin-top: 3.5rem;
}
.card-desc__addr_col {
margin-right: 9rem;
}
.card-desc__addr_col a {
margin-bottom: 1.7rem;
}
.card-text p {
margin: 0;
}
.card-text {
margin-top: 2rem;
color: #838383;
font-size: 16px;
font-weight: 400;
}
.card-desc__addr_col h4 {
color: #000000;
font-size: 16px;
font-weight: 500;
margin-bottom: 2rem;
}
.default-paragraph ul{
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.default-paragraph li {
margin-bottom: 1rem;
}
.card-desc__add_col a {
display: flex;
align-items: center;
color: #838383;
font-size: 16px;
font-weight: 400;
}
.card-desc__addr_col {
display: flex;
flex-direction: column;
}
.default-paragraph__col ul {
margin-top: 0;
}
.righted-section tr > img {
height: 179px !important;
}
.righted-section tr:last-child > img {
height: 303px !important;
}
@media (max-width: 1300px) {
.card-desc__text {
max-width: 90%;
}
}
@media (max-width: 1200px) {
.single-card__detail h3 {
font-size: 2.4rem;
}
}
@media (max-width: 700px) {
.card-desc__text {
max-width: 100%;
}
}
@media (max-width: 660px) {
.righted-section tr {
display: flex;
flex-direction: column;
}
}
@media (max-width: 630px) {
.default-paragraph {
padding: 2rem 1.5rem;
}
}
.single-new__content th{
padding:10px 15px;
border: 1px solid #d8d8d8;
}
.single-new__content td{
padding:10px 15px;
border: 1px solid #d8d8d8;
}
.single-new__content table{
border: 1px solid #d8d8d8;
width: 100%;
border-collapse: collapse;
}
.responsive-table
{
width: 100%;
overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
}
/*PATCH 5*/
.cake-tech__title {
max-width: 20rem;
width: 100%;
}
.custom-file_res .fileuploader-input-button:before {
content: '' !important;
}
.custom-file_res .fileuploader-input .fileuploader-input-caption {
margin-left: 1.5rem !important;
}
.custom-file_res .fileuploader-input-button:before {
top: -7px;
}
.custom-file_res {
display: flex;
}
.custom-button:hover .custom__file-visible{
visibility: visible;
opacity: 1;
transition: all 0.5s ease;
}
.custom-button {
margin-top: 3rem;
}
.custom__item {
position: relative;
}
.custom__file-visible {
z-index: 999;
transition: all 0.5s ease;
visibility: hidden;
top: 21px;
left: 12rem;
opacity: 0;
position: absolute;
padding: 2rem 3rem 3rem 2rem;
border-radius: 0.3rem;
background-color: #f8f8f8;
max-width: 39rem;
width: 100%;
color: #828282;
font-size: 1.6rem;
font-weight: 400;
line-height: 2.1rem;
}
.custom__file-visible p {
margin: 0;
}
@media (max-width: 560px) {
.input__item {
max-width: 47rem;
width: 100%;
}
.custom-button img {
width: 2rem;
height: 2rem;
}
.custom__file-visible {
top: 0px;
left: 4rem;
}
}
@media (max-width: 540px) {
.input__item {
max-width: 33rem;
}
}
@media (max-width: 414px) {
.input__item {
max-width: 22rem;
}
.custom__file-visible {
left: 0rem;
}
.custom-file_res .fileuploader-input .fileuploader-input-caption {
margin-left: 0.5rem !important;
}
}
.want_to_change{
color:#93c22c;
font-size: 14px;
border-bottom: 1px dashed #93c22c;
margin-left: 15px;
}
.custom_weight{
display: none;
vertical-align: middle;
position: relative;
}
.cake-char__item-text-descr {
position: absolute;
left: 0;
bottom: -25px;
transform: translateY(100%);
color: #838383;
width: 100%;
min-width: 420px;
}
.label_small-descr {
width: 100%;
margin-top: 9px;
margin-bottom: 9px;
font-size: 1.35rem;
color: #828282;
}
@media (max-width: 991px) {
.cake-char__item-text-descr {
position: static;
padding-left: 10px;
margin-top: 20px;
line-height: 1.25;
left: 0;
bottom: 0px;
transform: translateY(0%);
color: #838383;
width: 100%;
min-width: unset;
display: block;
}
}
/*форма отклика на вакансию*/
.vacancy__list .checkbox {
margin-right: 4rem;
}
.vacancy__list .checkbox:last-child {
margin-right: 0rem;
}
.vacancy__list .checkbox__label {
color: #000000;
}
.vacanvy__subtitle {
margin-bottom: 2.4rem;
font-size: 1.8rem;
color: #000000;
}
.checkbox-row {
display: flex;
align-items: center;
height: 100%;
}
.checkbox-row .checkbox__label {
color: #000000;
}
.vacancy-width {
padding-bottom: 0;
max-width: 860px !important;
}
.checkbox-row .checkbox {
height: 59px;
display: flex;
align-items: center;
margin-right: 4rem;
}
.checkbox-row .checkbox:last-child {
margin-right: 0;
}
.vacancy__item_offset {
margin-top: 2.5rem;
}
.checkbox-vacanci-of {
margin-top: 3.5rem;
}
.vacancy__item-ver span {
display: block;
color: #000000;
font-size: 1.6rem;
line-height: 1.5;
}
.vacancy.section_single {
padding-top: 0;
}
.vacancy__line {
height: 2px;
background-color: #ebebeb;
margin-top: 4rem;
margin-bottom: 1.5rem;
}
.vacancy-title {
margin-top: 5rem;
margin-bottom: 3rem;
font-size: 2.8rem;
}
.vacancy__box_btn {
margin-top: 3.5rem;
}
.input_lk:focus {
border-color: #93c22c;
}
@media (max-width: 1370px) {
.vacancy-width .page-header__title {
font-size: 4rem;
}
}
@media (max-width: 990px) {
.checkbox-vacanci-of {
margin-top: 1.5rem;
}
.vacancy__list .checkbox {
margin-right: 2rem;
}
.vacancy-title {
margin-top: 3rem;
margin-bottom: 2rem;
font-size: 2.2rem;
}
.vacancy__line {
margin-top: 3rem;
margin-bottom: 0rem;
}
.vacancy__box_btn {
margin-top: 1.5rem;
}
}
/*страница покупателям-доставка готовых продуктов. правки по интервалам*/
.proj-resize ul {
margin: 0;
padding-left: 2rem;
}
.proj-resize ul li {
margin-bottom: 1.5rem;
font-size: 1.8rem;
}
.proj-resize ul li:last-child {
margin-bottom: 0;
}
.box__row {
display: flex;
flex-wrap: wrap;
align-items: flex-start
}
.box__row .footer-item {
margin-right: 4rem;
}
.box__row .footer-item:last-child {
margin-right: 0rem;
}
.clock-ico_green {
margin-right: 1.2rem;
fill: #94c22b;
}
.proj-resize .default-paragraph__header {
margin-bottom: 0;
}
.proj-resize .box_offset {
margin-bottom: 1.5rem;
margin-top: 0rem;
}
.proj-listing.box_offset {
margin-top: 0rem;
margin-bottom: 0;
}
.proj-listing .default-paragraph__header {
margin-bottom: 0;
}
.proj-listing .default-paragraph {
padding-top: 0rem;
}
.proj-listing ul {
padding-left: 2rem;
}
.proj-listing ul li {
list-style-type: disc;
}
.proj-lisiting .app-widget_offset {
margin-top: 0rem;
margin-bottom: 1rem;
}
.proj-resting .default-paragraph {
padding-top: 0;
}
.proj-resting {
margin-top: 4rem;
margin-bottom: 2rem;
}
.our_reset .page-header {
margin-top: 0;
margin-bottom: 0;
padding-left: 3rem;
padding-right: 3rem;
}
.our_reset {
padding-top: 2rem;
padding-bottom: 2rem;
max-width: 649px;
margin-left: 9rem;
width: 100%;
}
@media (max-width: 1640px) {
.desctop-header__logo {
margin-right: 2%;
}
}
@media (max-width: 1580px) {
.ru-en {
margin-right: 0rem;
}
}
@media (max-width: 1540px) {
.desctop-header-menu__link {
font-size: 1.3rem;
}
}
@media (max-width: 1420px) {
.desctop-header-menu__link {
font-size: 1.3rem;
}
.desctop-header-menu__item {
margin-right: 1%;
margin-left: 1%;
}
}
@media (max-width: 1370px) {
.desctop-header__logo {
margin-right: 1%;
}
.header-search {
margin-left: 8px;
}
}
@media (max-width: 1280px) {
.desctop-header__wrap {
padding-right: 2%;
padding-left: 2%;
}
}
@media (max-width: 1200px) {
.phone-ico {
width: 13px;
height: 19px;
}
.header-city_ico {
left: 1rem;
}
.header-city__label {
font-size: 1.5rem;
}
}
@media (max-width: 1170px) {
.ru-en__sepparator {
margin-right: 7px;
}
.breadcrump__item {
margin-right: 0.5rem;
}
.lk-widget__ico {
margin-right: 5px;
}
.desctop-header-menu__item {
margin-right: 0.5%;
margin-left: 0.5%;
}
}
@media (max-width: 990px) {
.our_reset {
max-width: 764px;
margin-left: 0;
}
}
@media (max-width: 500px) {
.our_reset .page-header {
padding-bottom: 1rem;
padding-top: 1rem;
font-size: 2rem !important;
}
}
.black_text {
color:black;
}
/*эко инициативы*/
.page-header__under {
display: flex;
align-items: center;
}
.page-header__under img {
width: 54px;
flex-shrink: 0;
height: 52px;
}
.page-header__under .image {
flex-shrink: 0;
}
.page-header__under .text {
font-size: 18px;
margin-left: 2.7rem;
line-height: 1.5;
font-weight: 700;
color: #333333;
}
.eko__item img {
width: 123px;
height: 120px;
}
.eko__item {
width: 100%;
height: 100%;
position: relative;
}
.eko__item .svg {
position: relative;
width: 123px;
display: flex;
justify-content: center;
align-items: center;
height: 120px;
}
.eko__item .svg .eko-svg {
width: 54px;
height: 59px;
position: relative;
z-index: 2;
}
.eko__item .name {
text-align: center;
font-size: 18px;
font-weight: 700;
margin-top: 3rem;
color: #404040;
}
.eko__item_offset-top {
margin-top: 7rem;
}
.eko_offset {
padding-top: 6.7rem;
padding-bottom: 9rem;
position: relative;
}
.eko_offset:before {
content: '';
position: absolute;
background-image: url('/local/templates/main/css/../img/r1.png');
height: 470px;
width: 260px;
top: -21rem;
right: 0;
}
.eko_offset:after {
content: '';
position: absolute;
background-image: url('/local/templates/main/css/../img/l1.png');
height: 358px;
width: 278px;
bottom: -5rem;
left: 0;
}
.eko-title {
margin-bottom: 5.5rem;
font-size: 24px;
line-height: 1;
text-align: center;
font-weight: 700;
color: #333333;
}
.eko-container {
max-width: 950px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.eko__item {
width: 100%;
flex-direction: column;
display: flex;
justify-content: center;
align-items: center;
}
.eko__center {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.eko-img {
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
position: absolute;
}
.togglers-container {
max-width: 1150px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.picture-height {
height: 500px;
}
.correctly_offset {
padding-top: 10rem;
padding-bottom: 10rem;
}
.correctly_offset .shop-detail {
padding-bottom: 0;
}
.correctly__title {
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #333333;
}
.page-header_color {
color: #6A9923 !important;
}
.correctly__text {
font-size: 16px;
line-height: 28px;
font-weight: 400;
margin-top: 4rem;
margin-left: 4rem;
margin-bottom: 4rem;
color: #525252;
}
.correctly__collumn p {
font-weight: bold;
font-size: 1.8rem;
}
.correctly__collumn {
margin-top: 4rem;
margin-bottom: 4rem;
margin-left: 4rem;
}
.correctly__collumn ul {
padding-left: 0;
list-style-type: none;
}
.correctly__collumn li {
margin-bottom: 1rem;
line-height: 1.7;
font-size: 16px;
font-weight: 400;
color: #525252;
position: relative;
padding-left: 1.5rem;
}
.correctly__collumn li:before {
content: '';
position: absolute;
left: 0;
top: 14px;
width: 0.6rem;
height: 0.1rem;
background-color: #525252;
}
.cerrectly_bg {
background-color: #f8f8f8;
}
.correctly__collumn li span {
font-weight: bold;
line-height: 1.4;
}
.shop-popup .mfp-close{
padding-top: 0;
padding-right: 0;
}
.collumn-width {
max-width: 870px;
width: 100%;
display: block;
}
.correctly__collumn span {
font-size: 16px;
line-height: 1.7;
font-weight: 400;
color: #525252;
}
.correctly__collumn {
max-width: 870px;
width: 100%;
}
.correctly__text p {
max-width: 870px;
width: 100%;
}
/* .shop-popup .swiper-slide{
background-size: contain!important;
} */
@media (max-width: 1460px) {
.catalog-col__link{
font-size: 14px;
}
}
@media (max-width: 1400px) {
.eko_offset:before {
display: none;
}
.eko_offset:after {
display: none;
}
}
@media (max-width: 1199px) {
.eko__item_offset-top {
margin-top: 0;
}
.eko__item {
margin-top: 2rem;
}
.eko__item .name {
margin-top: 1rem;
}
}
@media (max-width: 990px) {
.correctly__collumn p {
font-size: 1.8rem;
}
.eko-title {
margin-bottom: 2.5rem;
}
.correctly__text {
margin-top: 2rem;
margin-left: 0;
margin-bottom: 2rem;
}
.correctly__collumn {
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 0rem;
}
.correctly_offset {
padding-top: 6rem;
padding-bottom: 6rem;
}
.picture-height {
background-position: center;
}
.picture-height {
height: 350px;
}
.correctly__title {
font-size: 20px;
}
}
@media (max-width: 600px) {
.page-header__under .text {
font-size: 16px;
}
}
@media (max-width: 400px) {
.page-header__under .text {
font-size: 14px;
margin-left: 1.7rem;
}
}
/*эко инициативы патч*/
.correctly__collumn .block {
display: block;
margin-top: 1.5rem;
}
.correctly__collumn .bold {
font-weight: bold;
}
.correctly__collumn_offset-bottom {
margin-bottom: -1rem;
}
/*редиз меню шапки чтоб влез еще один элемент*/
.desctop-header__logo {
margin-right: 2%;
}
@media (max-width: 1770px) {
.desctop-header-menu__item {
margin: 0 3px;
}
}
@media (max-width: 1700px) {
.ru-en {
margin-right: 1.5rem;
}
.header-city__item {
margin-right: 1.6rem;
margin-left: 0.6rem;
padding-left: 2.2rem;
}
}
@media (max-width: 1645px) {
.desctop-header-menu__link {
font-size: 1.2rem;
}
}
@media (max-width: 1550px) {
.logo_pic {
width: 168px;
}
.ru-en {
margin-right: 0.5rem;
}
.desctop-header__logo {
margin-right: 1%;
}
.header-search {
margin-left: 11px;
}
}
@media (max-width: 1410px) {
.logo_pic {
width: 142px;
}
}
@media (max-width: 1381px) {
.desctop-header__wrap {
padding-right: 3%;
padding-left: 3%;
}
}
@media (max-width: 1300px) {
.header-city__label {
font-size: 1.4rem;
}
}
@media (max-width: 1260px) {
.ru-en {
margin-right: -0rem;
}
.header-city__phone {
font-size: 14px;
}
.phone-ico {
width: 14px;
height: 14px;
}
}
@media (max-width: 1240px) {
.desctop-header__wrap {
padding-right: 1%;
padding-left: 1%;
}
}
@media (max-width: 1200px) {
.header-city_ico {
left: 0rem;
}
.ru-en__sepparator {
margin-right: 5px;
}
}
@media (max-width: 1184px) {
.logo_pic {
width: 110px;
}
.breadcrump__item {
font-size: 1.1rem;
}
}
@media(max-width: 1140px) {
.header-search {
margin-left: 0;
}
}
@media (max-width: 1120px) {
.desctop-header-menu__item {
margin-right: 0.5%;
margin-left: 0.5%;
}
}
/* 25.05 */
@media (max-width: 990px) {
.tort-title-size {
font-size: 1.4rem;
}
}
/*форма отклика на вакансию. дополнительные поля если не выбрана конкретная вакансия*/
.vacancy__item .select2-container--default .select2-selection--single {
height: 59px;
}
.vacancy__item .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-top: 1.5rem;
}
.vacancy__item .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 15px;
right: 7px;
}
.vacancy__item .select2-container--default .select2-selection--single {
border: 2px solid #ebebeb;
}
/*страница списка вакансий- кнопка на общую анкету*/
.sidebar__button {
margin-top: 2rem;
}
.sidebar__button .box-btn {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1090px) {
.sidebar__button {
margin-bottom: 4rem;
}
}
@media(max-width:600px){
.cake-circle-wrapper{
top: 50%;
}
}
/*коллекция приборов zwilling*/
/**/
.new-baner{
background-size: cover;
background-repeat: no-repeat;
background-position-x: center;
height:54rem;
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
}
.new-baner--new {
display: block;
height: auto !important;
}
.new-baner__title{
font-size: 4.8rem;
font-weight: 500;
display: block;
}
.new-baner__title--new {
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 1.16;
color: #000000;
margin-bottom: 0;
}
.new-baner__desc--new {
margin-bottom: 22px;
}
.new-baner:before{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,0.1);
}
.new-baner--new::before {
display: none;
}
.single-new-wrapper{
max-width: 1430px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.new-eye-ico{
width:20px;
height: 18px;
fill:#fff;
}
.new-banner__picture {
display: block;
position: relative;
width: 100%;
padding-bottom: 32%;
border-radius: 16px;
margin-bottom: 25px;
overflow: hidden;
}
.new-banner__picture img {
position: absolute;
width: 100% !important;
height: 100% !important;
top: 0;
left: 0;
object-fit: contain;
object-position: center;
}
.new-baner__content{
color: #fff;
position: relative;
}
.new-baner__ico{
display: inline-block;
margin-right: .7rem;
}
.new-baner--new .new-baner-ico__title--new {
font-weight: 400 ;
font-size: 16px;
line-height: 1.2;
color: #000000;
}
.new-baner--new .new-baner__ico--new {
margin-right: 4px;
fill: #000000;
}
.new-baner-ico{
margin-right: 4rem;
display: inline-flex;
align-items: center;
}
.new-baner--new .new-baner-ico--new {
margin-right: 20px;
}
.new-comment-ico{
width: 18px;
height: 18px;
fill:#fff;
}
.single-new__content{
max-width:1010px;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-left: auto;
margin-right: auto;
}
.single-new__content p{
margin-bottom: 4rem;
line-height: 1.8;
}
.single-new__content h3{
font-size: 2.8rem;
margin-bottom: 2rem;
}
.new-baner__content{
width: 100%;
padding-bottom: 10rem;
max-width:1010px;
padding-left: 15px;
padding-right: 15px;
}
.new-baner__content--new {
padding: 0 !important;
}
.new-baner_offset{
margin-bottom: 4rem;
}
.collection-banner{
background-size: contain;
}
.new-doc-link__title{
display: inline-block;
font-size: 1.7rem;
color: #94c22b;
font-weight: 700;
}
.new-doc-ico{
width: 26px;
height: 33px;
fill:#6b8c26;
margin-right: 3rem;
}
.single-new__links{
margin-bottom: 4rem;
}
.soc-gray .ya-share2__badge{
background: transparent!important;
width: 60px;
height: 60px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border:1px solid #cbcbcb;
margin-right: .4rem;
}
.soc_w__title{
display: inline-block;
font-size: 1.8rem;
margin-left:3rem;
}
.soc_w-title{
display: flex;
align-items: center;
}
.soc_offset{
margin-bottom: 4rem;
}
.soc-gray .ya-share2__item_service_facebook .ya-share2__icon{
background: url('/local/templates/main/css/../images/facebook-logo.svg') no-repeat center center;
background-size: contain;
}
.soc-gray .ya-share2__item_service_twitter .ya-share2__icon{
background: url('/local/templates/main/css/../images/twitter.svg') no-repeat center center;
background-size: contain;
}
.soc-gray .ya-share2__item_service_vkontakte .ya-share2__icon{
background: url('/local/templates/main/css/../images/vk-social-network-logo.svg') no-repeat center center;
background-size: contain;
}
.soc-gray .ya-share2__icon:active{
box-shadow: none;
}
@media(max-width:990px){
.new-baner{
margin-top: 2rem;
height: 30rem;
}
.new-baner__content{
padding-bottom: 3rem;
}
}
@media(max-width:760px){
.soc_w__title{
font-size: 1.4rem;
}
.single-new__content h3{
font-size: 1.8rem;
}
.single-new__content .h4_posts{
font-size: 1.6rem;
}
.new-baner__title{
font-size: 2.4rem;
}
.new-baner-ico{
margin-right: 2rem;
}
.soc_w__title{
margin-bottom: 1.6rem;
margin-left: 0;
}
.soc-icons{
width: 100%;
}
.soc_w__title{
width: 100%;
}
.soc_w-title{
flex-wrap: wrap;
flex-direction: column-reverse;
}
}
@media(max-width:700px){
.single-new-wrapper {
padding-left: 0;
padding-right: 0;
}
.new-baner{
height: 23rem;
}
.new-banner__picture {
margin-bottom: 16px;
padding-bottom: 50%;
border-radius: 0;
}
.new-baner__desc--new {
margin-bottom: 12px;
}
.new-baner--new .new-baner-ico__title--new {
font-size: 14px;
}
}
/*покупателям-акции надпись о вреде алкоголя в разделе алкоголя*/
.tort-warning {
padding-left: 4rem;
padding-right: 4rem;
text-align: right;
}
.tort-order-section {
padding-bottom: 4rem;
}
.tort-order {
padding-bottom: 2rem;
}
@media (max-width: 990px) {
.tort-order-section {
padding-bottom: 1rem;
}
.tort-warning {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 600px) {
.section_b-offset {
padding-bottom: 3rem;
}
}
@media (max-width: 400px) {
.section_b-offset {
padding-bottom: 2rem;
}
}
/*попап для потверждения возраста при входе в раздел алкоголя в покупателям-акции*/
.popup-warning {
position: relative;
width:auto;
width: 100%;
max-width: 510px;
margin: 0 auto;
}
.popup-wraning__topline {
background-color: #94c22b;
height: 131px;
border-top-left-radius: 4rem;
border-top-right-radius: 4rem;
}
.popup-wraning__topline {
position: relative;
}
.popup-wraning__topline .circle {
position: absolute;
width: 105px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
height: 105px;
left: 50%;
transform: translateX(-50%);
top: 6.3rem;
background-color: #fff;
font-size: 38px;
line-height: 1;
font-weight: 700;
letter-spacing: -0.04em;
color: #333333;
box-shadow: 0px 0px 56px 0px rgba(0,0,0,0.07);
}
.popup-wraning__topline .circle:before {
position: absolute;
width: 195px;
content: '';
height: 194px;
border-radius: 50%;
border: 1.0px solid rgba(255, 255, 255, 0.2);
left: 50%;
transform: translateX(-50%);
top: -3.8rem;
}
.popup-wraning__topline .circle:after {
position: absolute;
width: 143px;
height: 140px;
content: '';
border: 1.0px solid #ffffff;
border-radius: 50%;
border: 1.0px solid rgba(255, 255, 255, 0.5);
left: 50%;
transform: translateX(-50%);
top: -1.7rem;
}
.popup-warning__botline {
background-color: #fff;
padding-top: 6.2rem;
border-bottom-left-radius: 0.4rem;
border-bottom-right-radius: 0.4rem;
padding-bottom: 5.5rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.popup-warning__subtitle {
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #333333;
max-width: 440px;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.popup-warning__text-green {
font-size: 18px;
text-align: center;
margin-top: 2.5rem;
margin-bottom: 2.2rem;
line-height: 1.2;
font-weight: 700;
color: #94c22b;
}
.btn-popup-green {
padding-left: 2rem;
padding-right: 2rem;
display: inline-flex;
justify-content: center;
align-items: center;
height: 38px;
background-color: #94c22b;
border-radius: 4.0px;
transition: all 0.4s ease;
font-size: 16px;
line-height: 1;
font-weight: 500;
color: #ffffff;
margin-right: 2.5rem;
}
.btn-popup-green:hover {
transition: all 0.4s ease;
background-color: #85b121;
}
.btn-popup-transparent {
font-size: 16px;
line-height: 1;
font-weight: 400;
text-decoration: underline;
color: #333333;
}
.popup-wraning__button {
display: flex;
align-items: center;
}
@media (max-width: 400px) {
.popup-warning__subtitle {
font-size: 14px;
}
.popup-warning__text-green {
font-size: 16px;
margin-top: 1.5rem;
}
.popup-warning__botline {
padding-bottom: 4.5rem;
}
.popup-wraning__topline .circle {
top: 4.3rem;
}
.popup-wraning__topline {
height: 106px;
}
.popup-wraning__topline .circle:before {
width: 160px;
height: 160px;
}
.popup-wraning__topline .circle:after {
width: 122px;
height: 122px;
}
.popup-wraning__topline .circle {
width: 84px;
height: 84px;
font-size: 27px;
}
.popup-wraning__topline .circle {
top: 6.3rem;
}
}
/*страница акции ссылка на пдф файл бокал впечатлений*/
.l-catalog {
padding-bottom: 30px;
margin-bottom: 25px;
position: relative;
}
.l-catalog:before {
content: '';
position: absolute;
max-width: 210px;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid #e9e9e9;
}
.l-catalog__list img {
width: 15px;
height: 15px;
margin-right: 16px;
}
.l-catalog__head {
font-size: 18px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 10px;
color: #B61012;
}
.l-catalog__container span {
font-size: 16px;
line-height: 1.2;
font-weight: 500;
color: #333333;
display: block;
margin-bottom: 20px;
}
.l-catalog__container a {
display: flex;
align-items: center;
}
.l-catalog__container a span {
margin-bottom: 0;
font-size: 16px;
line-height: 1;
font-weight: 400;
text-decoration: underline;
color: #333333;
}
.l-catalog__list {
display: flex;
align-items: center;
}
.l-catalog__list a:first-child {
margin-right: 40px;
}
@media (max-width: 990px) {
.l-catalog {
flex-direction: column;
}
.l-catalog__container span {
font-size: 14px;
}
.l-catalog__head {
font-size: 16px;
}
.l-catalog__container span {
font-size: 14px;
margin-bottom: 12px;
}
.l-catalog {
padding-left: 0;
padding-bottom: 15px;
margin-bottom: 15px;
}
.l-catalog__container a span {
margin-bottom: 0;
font-size: 14px;
}
.l-catalog__list img {
width: 11px;
height: 11px;
margin-right: 7px;
}
.l-catalog__list a:first-child {
margin-right: 21px;
}
}
/*редиз кнопки личного кабинета*/
.mobile-l__user {
width: 20px;
height: 20px;
}
.mobile-l__log {
width: 18px;
height: 18px;
}
.mobile-l__ico {
margin-right: 10px;
}
.mobile-l__title {
text-transform: uppercase;
font-size: 1.4rem;
color: #000;
}
.mobile-l {
border-bottom: 2px solid #f4f6ea;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 3rem;
padding-left: 3rem;
background: #fff;
padding-top: 2rem;
padding-bottom: 2rem;
}
.header-search .lk-widget__ico {
display: flex;
flex-direction: column;
align-items: center;
}
.zoom-ico {
width: 30px;
height: 20px;
}
.lk-widget__ico {
width: 35px;
height: 35px;
}
.header-search .lk-widget__ico span {
font-size: 14px;
}
@media (max-width: 990px) {
.catalog-col.l-catalog {
flex-direction: column;
}
}
/*лк доработка адапта*/
.lk-toggler {
width: 100%;
display: none;
background-color: #fff;
}
.lk-toggler__container {
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 2rem;
}
.lk-toggler__head.active {
padding-bottom: 2rem;
border-bottom: 1px solid #e8e8e8;
}
.lk-toggler__head.active .arrow {
transform: rotate(-45deg);
margin-top: 8px;
}
.lk-toggler__exit {
font-size: 16px;
font-weight: 400;
color: #818181;
}
@media (max-width: 990px) {
.lk .breadcrump {
padding-bottom: 1rem;
}
.sidebar__trigger {
display: none;
}
.lk-toggler__head {
padding: 2rem;
background-color: #94c22b;
display: flex;
justify-content: space-between;
align-items: center;
}
.lk-toggler {
margin-bottom: 3rem;
}
.lk-nav {
padding: 1rem 0 2rem;
}
.lk-toggler__head .head {
font-size: 16px;
font-weight: 400;
display: flex;
align-items: center;
color: #fff;
}
.lk-toggler__head .head img {
display: flex;
}
.sidebar.page__sidebar {
display: none;
}
.lk-toggler .arrow {
width: 12px;
height: 12px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(135deg);
margin-top: -4px;
}
.content__section_offset {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.lk-toggler {
flex-direction: column;
display: flex;
}
.lk-toggler__head img {
margin-right: 10px;
width: 25px;
height: 25px;
}
.lk-toggler__exit a {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: block;
}
.lk-toggler {
position: absolute;
z-index: 2;
}
.page_offset-top {
margin-top: 10rem;
}
.togglers__content {
display: none;
}
}
@media (max-width: 1280px) {
.lk-table.lk-table_bonus {
width: 800px;
}
.table-widget {
overflow: hidden;
}
}
@media (max-width: 1230px) {
.lk-table__tr_hide {
display: table-row !important;
}
.lk-table.lk-table_bonus {
width: 800px;
}
.lk-table_bonus {
display: table;
}
.lk-table__tr_itog {
display: table-row;
}
.lk-table__tr_itog {
display: table-row;
}
.lk-table__td {
display: table-cell !important;
width: auto !important;
}
.lk-table__tr:nth-child(odd) {
background: rgba(255, 255, 255, 0)
}
.lk-mobile__title {
display: none;
}
/*
.lk-table__content {
overflow: auto;
} */
}
@media (max-width: 1200px) {
.page-wrapper:before {
width: 39rem;
}
}
@media (max-width: 560px) {
.tort-order__import {
width: 65px !important;
}
}
/*покупателям - акции правка блока с печатным каталогом чтоб картинка была*/
.pechat {
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
align-items: center;
padding-bottom: 15px;
border-radius: 5px;
max-width: 215px;
width: 100%;
margin-bottom: 2rem;
background-color: #f9f9f9;
border: 1px solid #efefef;
}
.pechat-top {
padding-top: 9px;
padding-bottom: 14px;
font-weight: bold;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: absolute;
top: -3px;
background-size: contain;
left: 0;
color: #fff;
right: 0;
background-position: center;
background-repeat: no-repeat;
}
.pechat__image {
margin-top: 5rem;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
position: relative;
}
.pechat__image .loop {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.pechka__link a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.pechka__link a span {
text-align: center;
margin-right: 9px;
position: relative;
display: inline-flex;
transition: all 0.3s ease;
}
.pechka__link a span:hover {
color: #8ebd40;
transition: all 0.3s ease;
}
.pechka__link {
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
.pechka__link_offset {
padding-bottom: 15px;
margin-bottom: 15px;
}
.pechka__link_border {
border-bottom: 1px solid #EEEEEE;
}
.tort-order-item .tort-order__plash{
right: -1.2rem;
top: .5rem;
z-index: 99;
}
.tort-order-item .tort-order__import {
right: -4.5rem;
top: .5rem;
}
@media (max-width: 600px) {
.tort-order-item .tort-order__plash{
width: 35px;
top: 6px;
right: 0;
}
}
@media (max-width: 375px) {
.check-notif__popup{
right: auto;
left: 0;
}
}
/*в лк в управлении картами поле для ввода номера чека*/
.check-in .check-in__input{
flex: 1;
}
.check-in__dot{
font-size: 18px;
margin-left: 2px;
margin-right: 2px;
}
.check-in{
display: flex;
align-items: flex-end;
}
.check-in__input::-webkit-input-placeholder { color: #ccc; }
.check-in__input:-ms-input-placeholder { color: #ccc; }
.check-in__input::-ms-input-placeholder { color: #ccc; }
.check-in__input::placeholder { color: #ccc; }
@media(max-width:600px){
.happy-card_pic{
margin-top: 0;
}
}
.card-notif {
font-size: 13px;
color: #828282;
}
.check-notif {
position: relative;
cursor: pointer;
color: #94c22b;
text-decoration: underline;
}
.check-notif:hover .check-notif__popup {
opacity: 1;
pointer-events: all;
}
.check-notif__content {
background: #fff;
display: block;
border-radius: 5px;
padding: 5px;
}
.check-notif__popup {
position: absolute;
opacity: 0;
pointer-events: none;
transition: all .3s ease;
right: 0;
top: 0;
width: 252px;
height: 189px;
}
.card-notif p {
margin-bottom: 0;
}
.card-notif_middle{
font-size: 12px;
}
.super-banka{
max-width: 313px;
}
@media(max-width:1024px){
.super-banka{
max-width: 220px;
}
}
/*блок контактов и блок с тремя картинками в ряд в новости*/
.u-pic img:not(:last-child){
margin-right: 10px;
margin-bottom: 10px;
}
.page-contacts{
margin-top: 30px;
margin-bottom: 30px;
}
.u-pic img{
flex:1;
}
.u-pic-3 img{
width:calc(33.333% - 20px);
}
.u-pic{
display: flex;
align-items: flex-start;
margin-top: 2rem;
margin-bottom: 2rem;
}
@media(max-width:560px){
.u-pic-3 img{
width: 100%;
}
.u-pic{
flex-wrap: wrap;
width:100%;
}
}
@media(max-width:1490px){
.happy-card_box-list{
margin-top: 15px;
}
.happy-card_box-blocked button{
font-size: 11px;
}
.happy-card_popup{
font-size:11px;
}
.happy-card_box{
height: 215px;
}
.happy-card_box-list{
margin-bottom: 15px;
}
}
@media(max-width:1290px){
.happy-card__content .happy-card_text-gray{
margin-bottom: 15px;
margin-top: 10px;
}
.happy-card__content .col.col--xl-4.col--lg-6.col--md-4.col--sm-6{
width: 50%;
}
.happy-card__content .happy-card_box{
height: 230px;
}
.new-baner__content {
margin-left: -580px;
}
}
@media(max-width:990px){
.new-baner__title{
font-size: 3.4rem;
}
.document-link{
margin-bottom: 30px;
}
.new-baner__content {
margin-left: -260px;
}
}
@media(max-width:600px){
.happy-card__content .col.col--xl-4.col--lg-6.col--md-4.col--sm-6 {
width: 100%;
}
}
.mt-30{
margin-top: 30px!important;
}
/**/
.popup-mikro{
max-width: 480px;
background: #fff;
margin-left: auto;
margin-right: auto;
position: relative;
}
.popup-mikro_offset{
padding: 64px 40px;
}
.mail-pic{
margin-left: auto;
margin-right: auto;
width: 95px;
height: 95px;
margin-bottom: 34px;
}
.popup_center{
text-align: center;
}
.popup-mikro__desc{
line-height: 1.5;
margin-bottom: 40px;
font-size: 14px;
}
.popup-mikro__title{
font-size: 28px;
}
.popup-mikro__btn{
min-width: 140px;
}
.popup-mikro .mfp-close{
width: 38px;
height: 38px;
border-radius: 50%;
-webkit-box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.1);
box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.1);
top: -16px;
right: -16px;
padding: 0;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
}
.lk-cong-header{
position: relative;
background: #93c22c;
height: 148px;
}
.lk-cong__pic{
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transform: translateY(42%);
}
.lk-cong__content{
padding: 80px 50px 40px;
}
.active-child.active ~ .catalog-list{
display: block;
padding-top: 1px;
padding-bottom: 1px;
}
.catalog-col__link.active + .catalog-list >a{
font-weight: 600;
margin-bottom: 13px;
}
.catalog-col__link.active + .catalog-list >a.active{
color: #93c22c;
}
.active-child.active ~ .catalog-list a.active-child{
color: #93c22c;
}
.shop-link{
text-decoration: none;
display: inline-flex;
align-items: center;
}
.shop-link__ico{
width: 3.7rem;
height: 2.9rem;
margin-right: 1.4rem;
flex-shrink: 0;
}
.card-item__img{
text-align: center;
}
.item-option{
font-size: 1.6rem;
}
.card-item__img .card-item__pic{
width: auto;
}
.shop-link__title {
display: inline-block;
font-size: 1.6rem;
font-weight: 400;
}
@media(max-width:760px){
.kitchen__item_title{
margin-top: 12px!important;
}
}
@media (max-width: 700px){
.new-tile {
height: 232px;
}
}
@media (max-width: 560px){
/*.new-tile {
height: 170px;
}*/
.new-baner__title{
font-size: 2rem;
}
.new-baner__content {
margin-left: 80px;
}
.new-tile__bg {
height: 200px;
}
}
#result_block .error{
display: block;
}
.card-item__sticker {
z-index: 111;
top: 20px;
left: 20px;
position: absolute;
display: inline-block;
padding: 4px 15px;
border-radius: 15px 20px 0 15px;
text-align: center;
font-size: 15px;
font-weight: bold;
background: #aee946;
}
@media(max-width:600px){
.tort-order__img.img-height{
height: auto;
max-height: 300px;
padding-top: 15px;
padding-bottom: 15px;
}
}
@media(max-width:900px){
.tort-order__img.img-height{
margin-top: 20px;
margin-bottom: 20px;
}
}
/**/
.cake-footer{
margin-top: 3rem;
border-top: 1px solid #e9e9e9;
padding-top: 2rem;
text-align: left;
}
.cake-footer__title{
margin-bottom: 1rem;
}
.cake-footer__desc{
font-size: 1.8rem;
}
@media(max-width:660px){
.cake-footer .new-contact__items{
margin-bottom: 2rem;
}
}
/**/
.n-slider {
width: calc(100vw - 3rem - 30px);
max-width: 548px;
margin: 0 auto;
}
.n-slider__wr .swiper-button-next, .n-slider__wr .swiper-button-prev {
width: 66px;
height: 66px;
}
.n-slider__wr .swiper-container{
overflow: unset;
}
@media (min-width: 1100px) {
.n-slider__wr .swiper-container::before {
content: '';
width: 50vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-100%);
background: linear-gradient(90deg, #FFFFFF 1.26%, rgba(255, 255, 255, 0) 50%);
pointer-events: none;
z-index: 2;
}
.n-slider__wr .swiper-container::after {
content: '';
width: 50vw;
height: 100%;
position: absolute;
top: 0;
right: 50%;
transform: translateX(100%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #FFFFFF 100%);
pointer-events: none;
z-index: 2;
}
.n-slider__wr .swiper-slide-active {
z-index: 60;
}
}
.n-slider__wr .swiper-button-prev{
background-image: none;
}
.n-slider__wr .swiper-button-next{
background-image: none;
}
.n-slider__wr .n-slider-prev:before{
content: '';
width: 56px;
height: 56px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
/*border-top: 2px solid #000;*/
/*border-left: 2px solid #000;*/
/*transform: rotate(-45deg);*/
transition: all .3s ease;
display: none;
}
.n-slider__wr .n-slider-next:before{
content: '';
width: 18px;
height: 18px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(-45deg);
transition: all .3s ease;
display: none;
}
.n-slider__wr .n-slider-next:hover:before{
border-color:#7AA028;
}
.n-slider__wr .n-slider-prev:hover:before{
border-color:#7AA028;
}
.single-new__content img{
max-width: 100%;
}
.ai-icon.active .nav-text:before{
width: 100%;
}
.n-slider__wr{
margin-top: 30px;
margin-left: auto;
margin-right: auto;
position: relative;
}
/* .n-slider-next{
right: -30px;
}
.n-slider-prev{
left: -30px;
} */
.n-slider__wr .n-slider-next:before{
top: 10px;
}
.n-slider__wr .n-slider-prev:before{
top: 10px;
}
@media(max-width:1130px){
.n-slider__wr{
padding-left: 40px;
padding-right: 40px;
}
.n-slider-prev{
left: 0;
}
.n-slider-next{
right: 0;
}
}
@media(max-width:1090px){
.n-slider .n-slider-next{
right: 15px;
}
.n-slider .n-slider-prev{
left: 15px;
}
.n-slider .n-slider-next:before{
border-color:#fff;
}
.n-slider .n-slider-prev:before{
border-color:#fff;
}
.n-slider .swiper-wrapper{
padding-left: 0;
padding-right: 0;
}
}
@media(max-width:990px){
.n-slider__wr{
max-width: inherit;
}
}
@media(max-width:760px){
.n-slider__wr {
padding-left: 0px;
padding-right: 0px;
}
}
.single-new__content{
padding-bottom: 5rem;
max-width: 1010px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1290px){
.new-baner__content{
margin-left: 0;
}
}
.order-filter{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.order-filter__link{
display: inline-block;
border: 2px solid #D9D9D9;
/* text-transform: lowercase; */
padding: 11px 18px;
color: #BFBFBF;
text-align: center;
font-size: 14px;
margin-right: 15px;
border-radius: 30px;
transition: all .3s ease;
margin-bottom: 10px;
}
.order-filter__link:hover{
border-color: #94C22C;
color: #94C22C;
}
.order-filter__link.active{
border-color: #94C22C;
color: #94C22C;
}
.tort-order__sort_l{
justify-content: flex-start!important;
}
@media(max-width:990px){
.order-filter__link{
padding: 7px 14px;
margin-right: 8px;
}
}
#subacategories_list{
margin-top: 15px;
}
.bg{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.3);
z-index: 12;
display: none;
}
.bg.active{
display: block;
}
.tort-order__novinka{
left: 10px;
}
.category-form__toggle{
min-height: 136px;
}
/*цветные подложки для новинок и акций в каталоге*/
.pr-red{
background-color: #FFF6F8;
}
.pr-red .tort-order__desc{
background-color: #FFF6F8;
}
.pr-blue{
background-color: #F3F5FF;
}
.pr-blue .tort-order__desc{
background-color: #F3F5FF;
}
/**/
.t-business__title{
display: block;
font-size:20px;
margin-bottom: 20px;
font-weight: 600;
}
.t-business__pic{
display: block;
margin-bottom: 30px;
}
.view-item__desc{
margin-bottom: 40px;
}
.view-item__desc p{
margin-top: 0;
}
.t-business__desc .list__stick li{
margin-bottom: 1.5rem;
}
.video-contact {
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
padding-left: 0;
margin-left: -30px;
}
.video-contact__icon {
margin-top: 30px;
margin-bottom: 0;
}
.video-contact__icon .iconed-line__title_offset {
margin-right: 0.4rem;
}
.video-contact__icon .iconed-line__title_gray {
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #000000;
}
.grid--container--custom {
max-width: 100%;
padding-left: calc((100vw - 1680px) / 2);
}
@media (max-width: 1500px) {
.grid--container--custom .col--lg-offset-1 {
margin-left: 0;
}
}
.grid--container--custom .col--lg-7 {
max-width: 869px;
}
.video-contact__top {
padding-left: 79px;
}
.col---auto {
flex: 1;
}
.video-contact__bot {
padding: 42px 79px;
padding-right: 35px;
background: #F8F8F8;
display: flex;
flex-wrap: wrap;
width: calc(100% + 35px);
flex: 1 0 calc(100% + 35px);
max-width: calc(100% + 35px);
width: 100%;
flex: 1 0 100%;
margin-top: 51px;
margin-right: -35px;
margin-right: 0;
}
.video-contact__person {
width: 100%;
}
.video-contact__person:not(:last-of-type) {
/* margin-right: 51px; */
margin-right: 0;
}
.video-contact__person-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.video-contact__person-main:not(:last-child) {
margin-right: 32px;
}
.video-contact__person-row picture {
width: 60px;
height: 60px;
min-width: 60px;
min-height: 60px;
border-radius: 50%;
overflow: hidden;
}
.video-contact__person-row picture img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.video-contact__person-type {
font-size: 16px;
line-height: 19px;
color: #000000;
margin-bottom: 14px;
}
.video-contact__person-name {
font-weight: 500;
font-size: 20px;
line-height: 23px;
/* identical to box height */
color: #000000;
margin-bottom: 14px;
}
.video-contact__person-email {
font-size: 16px;
line-height: 19px;
color: #7F7F7F;
margin-bottom: 28px;
}
.video-contact__person-line {
width: 44px;
height: 2px;
background: #9ABB48;
}
@media (max-width: 1260px) {
.video-contact__top {
padding-left: 30px;
}
.video-contact__bot {
padding: 20px 30px;
padding-right: 15px;
margin-top: 21px;
}
}
@media (max-width: 1199px) {
.grid--container--custom .col--lg-7 {
max-width: 100%;
width: 100%;
flex: 1 0 100%;
margin-left: 0;
padding-right: 0;
}
.grid--container--custom .col---auto {
max-width: 100%;
width: 100%;
flex: 1 0 100%;
padding-left: 30px;
}
}
@media (max-width: 760px) {
.video-contact__person {
margin-bottom: 15px;
}
.circle-widget img{
max-width: 50px!important;
}
.assort-img{
display: block;
}
.asort-section__img{
display: block;
position: relative;
top: -20px;
transform: none;
object-position: -267px;
}
}
.about-nav__circle{
width: 100px;
height: 100px;
display: none;
}
.about-circle-info_vine {
display: none;
}
/*slider o nas*/
.js-years-slider-o-nas {
overflow: unset !important;
/*padding-left: calc((100vw - 790px) / 2);*/
transform: translateX(-20.5%);
/*width: 50%;*/
}
.js-years-slider-o-nas .swiper-slide {
width: 204px !important;
}
.about-nav::before {
display: none;
}
.js-years-slider-o-nas .swiper-slide {
position: relative;
}
.js-years-slider-o-nas .swiper-slide::before {
position: absolute;
z-index: -1;
top: calc(50% + 12px);
left: 0;
width: 100%;
height: 1px;
content: '';
transform: translateY(-50%);
background-image: linear-gradient(90deg, #ccc, #ccc 60%, transparent 40%, transparent 100%);
background-size: 10px 2px;
opacity: 0;
}
.js-years-slider-o-nas .swiper-slide:last-of-type::before {
width: 50%;
}
/******* CUSTOM LK - V.Mironenko, developer */
.check-ico {
width: 20px;
height: 22px;
}
.check-ico:before {
content: '';
display: block;
width: 20px;
height: 22px;
background: url("data:image/svg+xml;charset=utf8, %3Csvg width='20' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16:8)' fill='%23AEAEAE' stroke='%23AEAEAE' stroke-width='.5' stroke-miterlimit='10'%3E%3Cpath d='M.12 21.875V.125h1.739a1.055 1.055 0 011.1.737.65.65 0 00.611.402.622.622 0 00.596-.421 1.067 1.067 0 011-.709 1.06 1.06 0 011.002.709.647.647 0 00.58.446.641.641 0 00.509-.21.685.685 0 00.155-.265A1.056 1.056 0 018.689.168a1.038 1.038 0 01.691.636.651.651 0 00.622.468.646.646 0 00.622-.468 1.063 1.063 0 01.99-.685 1.055 1.055 0 01.988.685.651.651 0 00.62.46.646.646 0 00.62-.46 1.062 1.062 0 01.991-.691 1.055 1.055 0 01.992.691.636.636 0 00.624.45.641.641 0 00.615-.44 1.024 1.024 0 01.953-.685h1.845V21.88h-1.75a1.06 1.06 0 01-1.077-.727.637.637 0 00-.61-.417.618.618 0 00-.605.421 1.12 1.12 0 01-.996.723 1.069 1.069 0 01-1.001-.708.65.65 0 00-.61-.431.646.646 0 00-.61.43 1.062 1.062 0 01-1 .712 1.055 1.055 0 01-.998-.711.645.645 0 00-.745-.434.641.641 0 00-.28.137c-.106.106-.189.233-.243.373a.957.957 0 01-.757.604 1.021 1.021 0 01-1.183-.704.65.65 0 00-.607-.425.646.646 0 00-.608.425 1.063 1.063 0 01-.657.65 1.053 1.053 0 01-.916-.114 1.048 1.048 0 01-.42-.522.65.65 0 00-.617-.452.646.646 0 00-.617.452 1.061 1.061 0 01-1.077.68H.896l-.777.034zm18.779-.99V1.114h-.71a.223.223 0 00-.253.168 1.635 1.635 0 01-2.443.654 1.66 1.66 0 01-.57-.716.616.616 0 00-.085-.125.536.536 0 00-.105.125 1.623 1.623 0 01-2.097.914 1.596 1.596 0 01-.954-.957.405.405 0 00-.085-.096.567.567 0 00-.086.096c-.048.086-.081.182-.133.263a1.572 1.572 0 01-1.488.81A1.573 1.573 0 018.49 1.24a.694.694 0 00-.09-.12.478.478 0 00-.096.115A1.636 1.636 0 016.806 2.26a1.615 1.615 0 01-1.563-1.03.478.478 0 00-.095-.11.478.478 0 00-.086.11 1.627 1.627 0 01-.5.685 1.631 1.631 0 01-2.512-.68.163.163 0 00-.182-.12h-.767v19.77h.72a.219.219 0 00.248-.159 1.642 1.642 0 011.182-.953 1.628 1.628 0 011.453.432c.17.169.303.37.391.593 0 .034.053.053.077.082l.076-.082a.24.24 0 000-.057 1.645 1.645 0 011.51-1.008 1.634 1.634 0 011.512 1.008.723.723 0 00.095.134.603.603 0 00.1-.125 1.645 1.645 0 011.514-1.013 1.634 1.634 0 011.513 1.013.567.567 0 00.1.125.653.653 0 00.086-.125 1.64 1.64 0 011.188-.985 1.628 1.628 0 011.476.444c.144.178.272.369.381.57a.794.794 0 00.086.091l.081-.096a.194.194 0 000-.043 1.645 1.645 0 011.514-1.013 1.634 1.634 0 011.513 1.013c0 .048.076.115.114.12.315.038.587.033.868.033z'/%3E%3Cpath d='M7.007 6.67H3.14a.479.479 0 01-.6-.321.485.485 0 01.319-.604.575.575 0 01.276-.076h7.75a.475.475 0 01.477.43.48.48 0 01-.343.537.63.63 0 01-.181 0l-3.832.033zM7.007 9.063H3.14a.48.48 0 01-.6-.32.485.485 0 01.319-.604.575.575 0 01.276-.076h7.75a.475.475 0 01.477.43.48.48 0 01-.343.537.63.63 0 01-.181 0l-3.832.033zM7.007 11.457H3.14a.48.48 0 01-.6-.32.485.485 0 01.319-.604.574.574 0 01.276-.076h7.75a.475.475 0 01.477.43.48.48 0 01-.343.537.632.632 0 01-.181 0l-3.832.033zM14.962 11.457h-1.43a.49.49 0 01-.491-.493.494.494 0 01.491-.493h2.831a.483.483 0 01.56.395.488.488 0 01-.574.563l-1.387.028zM14.971 5.745h1.392a.475.475 0 01.507.349c.02.072.022.148.008.221a.48.48 0 01-.477.421h-2.85a.475.475 0 01-.52-.478.508.508 0 01.52-.48l1.42-.033zM14.98 14.703h1.43a.499.499 0 01.477.374.481.481 0 01-.271.56c-.125.04-.256.057-.386.053h-2.703a.49.49 0 01-.49-.493.495.495 0 01.49-.494h1.463-.01zM14.972 8.14h1.406a.492.492 0 01.493.495.496.496 0 01-.493.495h-2.86a.492.492 0 01-.494-.495.497.497 0 01.494-.496h1.454z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16:8'%3E%3Cpath fill='%23fff' d='M0 0h20v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 0 0;
background-size: contain;
}
/* BUTTONS */
.c-but {
cursor: pointer;
background: transparent;
outline: none;
border: 1px solid #93C331;
border-radius: 100px;
padding: 10px 20px;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
color: #93C331;
transition: .2s ease-out;
}
.c-but:hover {
background-color: #93C331;
color: white;
}
/******* LINKS */
.c-link {
cursor: pointer;
background: none;
border: none;
display: inline-flex;
align-items: center;
transition: .2s ease-out;
text-transform: uppercase;
font-size: 13px;
color: #A8A8A8;
white-space: nowrap;
}
.c-link--icon:before {
content: '';
display: block;
width: 22px;
min-width: 22px;
height: 16px;
background: url("data:image/svg+xml;charset=utf8, %3Csvg width='60' height='44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.727.906H5.273A5.28 5.28 0 000 6.18v31.64a5.28 5.28 0 005.273 5.274h49.454A5.28 5.28 0 0060 37.82V6.18A5.28 5.28 0 0054.727.906zm-.81 3.516L31.362 27.05c-.687.69-2.037.69-2.724 0L6.083 4.422h47.834zM3.516 37.174V6.826L18.64 22 3.516 37.174zm2.567 2.404l15.04-15.088 5.025 5.042c2.06 2.066 5.645 2.065 7.704 0l5.026-5.042 15.039 15.088H6.083zm50.401-2.404L41.36 22 56.484 6.826v30.348z' fill='%23A2B960'/%3E%3C/svg%3E") no-repeat 0 0;
background-size: contain;
margin-right: 8px;
}
.c-link--icon:hover:before {
background: url("data:image/svg+xml;charset=utf8, %3Csvg width='60' height='44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.727.906H5.273A5.28 5.28 0 000 6.18v31.64a5.28 5.28 0 005.273 5.274h49.454A5.28 5.28 0 0060 37.82V6.18A5.28 5.28 0 0054.727.906zm-.81 3.516L31.362 27.05c-.687.69-2.037.69-2.724 0L6.083 4.422h47.834zM3.516 37.174V6.826L18.64 22 3.516 37.174zm2.567 2.404l15.04-15.088 5.025 5.042c2.06 2.066 5.645 2.065 7.704 0l5.026-5.042 15.039 15.088H6.083zm50.401-2.404L41.36 22 56.484 6.826v30.348z' fill='%23A8A8A8'/%3E%3C/svg%3E") no-repeat 0 0;
background-size: contain;
}
.c-link:hover {
color: #93C331;
}
.c-link--green {
color: #93C331;
}
.c-link--green:hover {
color: #A8A8A8;
}
/******* GRAY */
.c-but--gray {
border-color: #A8A8A8;
color: #A8A8A8;
}
.c-but--gray:hover {
background-color: #A8A8A8;
color: white;
}
/* LK MENU */
.lk-nav-item {
display: flex;
align-items: center;
justify-content: space-between;
}
.lk-nav-item .c-but {
margin-left: 15px;
}
.lk-nav--status-include .check-ico {
width: 22px;
}
.lk-nav__link.lk-nav--status-include {
width: auto;
}
.lk-nav--status-include .check-ico:before {
width: 22px;
background: url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.42 12.67v-.585c0-2.105-.01-4.211.007-6.315 0-.393-.109-.513-.504-.504-1.119.025-2.24 0-3.358.013-.405.005-.577-.159-.564-.554.013-.417-.01-.837.011-1.254.07-1.402 1.163-2.462 2.569-2.465 4.3-.008 8.6-.008 12.901 0 1.512.003 2.617 1.12 2.617 2.641.01 2.807 0 5.613 0 8.422v.593c.225-.156.39-.26.545-.379.402-.309.806-.62 1.199-.938.204-.165.405-.21.588.006.182.215.076.41-.122.567-.937.739-1.872 1.48-2.812 2.216-1.668 1.306-3.341 2.605-5.008 3.913-.883.693-1.632.707-2.509.015a12755.68 12755.68 0 01-7.684-6.082c-.082-.065-.207-.12-.23-.204a2.66 2.66 0 01-.051-.518c.173-.013.397-.1.509-.024.465.321.896.692 1.343 1.041.155.112.31.218.552.394zM5.413 1.755c.717.79.747 1.627.743 2.492a825.817 825.817 0 000 8.6c0 .21.09.496.239.618a470.733 470.733 0 005.186 4.121c.448.359.85.345 1.304-.009a857.249 857.249 0 005.209-4.089.752.752 0 00.24-.521c.014-3.106.017-6.212.01-9.318 0-1.153-.769-1.895-1.922-1.895H6.168l-.754.001zm.022 2.786c-.026-.485-.01-.903-.077-1.307C5.23 2.466 4.74 1.974 4 1.8c-.759-.174-1.414.064-1.899.696-.425.555-.383 1.205-.34 1.844.005.075.236.188.365.192.73.019 1.46.009 2.19.01l1.12-.001z' fill='%23AEAEAE' stroke='%23AEAEAE' stroke-width='.4'/%3E%3Cpath d='M12.186 22.998H3.944c-1.613 0-2.58-.971-2.582-2.598 0-2.986.013-5.97-.01-8.96-.007-.85.285-1.494.97-1.993.56-.396 1.086-.832 1.622-1.263.208-.165.426-.263.628-.022.201.241.035.44-.164.6-.56.447-1.114.9-1.687 1.329a1.457 1.457 0 00-.628 1.261c.01 3.06 0 6.12.009 9.18 0 1.036.667 1.711 1.709 1.712 5.614.006 11.227.006 16.837 0 1.041 0 1.707-.68 1.709-1.715V11.21a1.344 1.344 0 00-.561-1.152c-.56-.424-1.105-.864-1.656-1.298-.2-.158-.37-.343-.164-.598.207-.255.417-.148.627.016.585.462 1.18.914 1.76 1.382a1.863 1.863 0 01.728 1.516c0 3.18.013 6.362 0 9.539 0 1.366-1.055 2.374-2.445 2.376-2.818.008-5.638.01-8.46.006z' fill='%23AEAEAE' stroke='%23AEAEAE' stroke-width='.4'/%3E%3Cpath d='M3.34 19.607c-.119-.106-.289-.187-.31-.295a.531.531 0 01.137-.422c.35-.32.732-.607 1.103-.907l2.398-1.932c.218-.18.459-.358.693-.066.218.27 0 .465-.203.628-1.135.913-2.271 1.826-3.409 2.738a4.227 4.227 0 01-.41.256zM17.37 15.794c.13.07.255.147.377.232 1.14.912 2.279 1.827 3.417 2.744.208.167.419.358.213.627-.23.307-.468.12-.687-.056-1.148-.927-2.3-1.847-3.437-2.788-.12-.1-.188-.318-.189-.48 0-.088.19-.178.305-.279zM12.31 6.921h3.585c.134 0 .292-.031.396.028.124.07.278.222.28.34.004.119-.147.274-.268.347-.102.061-.26.033-.394.033H8.652c-.275 0-.592.006-.597-.369-.004-.374.3-.383.583-.383 1.225.003 2.45.005 3.673.004zM12.317 9.489H8.6c-.269 0-.554-.01-.555-.358 0-.348.283-.37.551-.37h7.437c.26 0 .55.007.552.363.002.357-.285.363-.549.363l-3.719.002zM12.266 5.829H8.772c-.12 0-.264.039-.352-.014-.145-.09-.254-.236-.379-.359.125-.124.258-.24.396-.35.05-.036.145-.01.22-.01h7.299c.09 0 .203-.03.263.013.136.11.262.23.38.358-.13.118-.245.262-.394.346-.09.052-.234.014-.353.014l-3.586.002zM10.442 10.586h1.784c.253 0 .505.035.52.352.016.346-.25.405-.519.406H8.525c-.274 0-.515-.116-.465-.397.025-.14.295-.326.464-.337.637-.04 1.278-.016 1.918-.016v-.008z' fill='%23AEAEAE' stroke='%23AEAEAE' stroke-width='.4'/%3E%3C/svg%3E") no-repeat 0 0;
background-size: contain;
}
.lk-nav-included {
display: flex;
align-items: center;
font-weight: bold;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #93C331;
}
.lk-nav-included:before {
content: '';
display: block;
width: 22px;
min-width: 22px;
height: 16px;
background: url("data:image/svg+xml;charset=utf8, %3Csvg width='60' height='44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.727.906H5.273A5.28 5.28 0 000 6.18v31.64a5.28 5.28 0 005.273 5.274h49.454A5.28 5.28 0 0060 37.82V6.18A5.28 5.28 0 0054.727.906zm-.81 3.516L31.362 27.05c-.687.69-2.037.69-2.724 0L6.083 4.422h47.834zM3.516 37.174V6.826L18.64 22 3.516 37.174zm2.567 2.404l15.04-15.088 5.025 5.042c2.06 2.066 5.645 2.065 7.704 0l5.026-5.042 15.039 15.088H6.083zm50.401-2.404L41.36 22 56.484 6.826v30.348z' fill='%23A2B960'/%3E%3C/svg%3E") no-repeat 0 0;
background-size: contain;
margin-right: 20px;
}
/******* PAGE BONUS */
.table-widget__controls--long {
width: 100%;
}
.table-widget__controls--long .table-widget__control {
width: 100%;
}
.table-widget__controls--long .select2 {
width: 100% !important;
}
/******* PAGE MAIN */
.section-header-link__title {
font-size: 1.2rem;
}
.section-header h2 {
margin-bottom: 0;
}
/* RU EN */
@media(min-width: 1090px) {
.ru-en {
display: flex;
flex-wrap: wrap;
position: relative;
padding-right: 15px;
}
.ru-en .ru-en__sepparator {
display: none;
}
.breadcrump__item.ru-en__item {
position: relative;
z-index: 10;
}
.breadcrump__item.ru-en__item.ru-en__item_active:before {
content: "";
width: 7px;
height: 5px;
position: absolute;
right: -12px;
top: 4px;
transform: rotate(180deg);
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAUUlEQVQImTWNsQ3AIBADjxSpGIKBGCJ15sgMWQIGoMpE1CmokJH55mSfpQ/Xx74TuIEXGCoOG4kKPKbykltEIJlrIFlcZKCbykWyufj9QsxAm3uhDZIuGKvdAAAAAElFTkSuQmCC') no-repeat center;
}
.breadcrump__item.ru-en__item:not(.ru-en__item_active) {
display: none;
position: absolute;
bottom: 12px;
transform: translateY(100%);
}
.ru-en:hover::before {
content: '';
position: absolute;
left: -20%;
top: 20%;
height: 100%;
width: 150%;
background: #fff;
box-shadow: 0px 0px 4.7px 0.3px rgba(33, 21, 21, 0.2);
border-radius: 8px;
}
.ru-en:hover .breadcrump__item.ru-en__item:not(.ru-en__item_active) {
display: block;
}
.ru-en:hover .breadcrump__item.ru-en__item.ru-en__item_active:before {
transform: rotate(0);
}
}
/**/
.about-slider-wrapper {
width: 100%;
background: linear-gradient(90deg, #FAFAFA 0%, rgba(250, 250, 250, 0) 100%);
border-top: 1px solid #F5F5F5;
border-bottom: 1px solid #F5F5F5;
position: relative;
}
.about-slider-wrapper::before {
content: '';
width: 144px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(90deg, #FAFAFA 0%, rgba(250, 250, 250, 0) 100%);
z-index: 5;
opacity: .9;
}
.about-slider-wrapper::after {
content: '';
width: 144px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: linear-gradient(90deg, #D6D6D6 0%, rgba(214, 214, 214, 0) 100%);
z-index: 5;
opacity: .22;
transform: rotate(180deg);
}
.about-nav__year {
border-left: 1px solid #F5F5F5;
font-size: 50px;
line-height: 60px;
background: linear-gradient(270deg, #D6D6D6 0%, rgba(214, 214, 214, 0.5) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-left: 30px;
padding-right: 30px;
padding-top: 9px;
padding-bottom: 6px;
transform: translateY(0px);
}
.about-nav__item_active .about-nav__year {
font-size: 50px;
line-height: 60px;
font-weight: bold;
position: relative;
transform: translateY(0px) translateX(0px);
color: #6A9923;
-webkit-text-fill-color: unset;
background: unset
}
.about-nav__slider-line--parrent {
position: relative;
}
.about-nav__slider-line {
width: 11px;
height: 75px;
position: absolute;
top: 0;
left: 23.1%;
z-index: 100;
}
.about-nav__slider-line.is-active::before, .about-nav__slider-line.is-active::after {
transition: all 0.5s ease;
}
.about-nav__slider-line::before {
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg width='11' height='89' viewBox='0 0 11 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0L5 89' stroke='url(%23paint0_linear_401_10)'/%3E%3Ccircle cx='5.5' cy='44.5' r='5.5' fill='url(%23paint1_radial_401_10)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_401_10' x1='4.00003' y1='0' x2='4.00003' y2='89' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F5F5F5'/%3E%3Cstop offset='0.5' stop-color='%236A9923'/%3E%3Cstop offset='1' stop-color='%23F2F3F0'/%3E%3C/linearGradient%3E%3CradialGradient id='paint1_radial_401_10' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(7 43) rotate(124.992) scale(6.10328)'%3E%3Cstop stop-color='%238DCC2F'/%3E%3Cstop offset='0.510817' stop-color='%2384BF2C'/%3E%3Cstop offset='1' stop-color='%2373A626'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 0;
left: 0;
transform: translateY(0%);
}
.about-nav__slider-line::after{
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg width='11' height='89' viewBox='0 0 11 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0L5 89' stroke='url(%23paint0_linear_401_10)'/%3E%3Ccircle cx='5.5' cy='44.5' r='5.5' fill='url(%23paint1_radial_401_10)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_401_10' x1='4.00003' y1='0' x2='4.00003' y2='89' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F5F5F5'/%3E%3Cstop offset='0.5' stop-color='%236A9923'/%3E%3Cstop offset='1' stop-color='%23F2F3F0'/%3E%3C/linearGradient%3E%3CradialGradient id='paint1_radial_401_10' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(7 43) rotate(124.992) scale(6.10328)'%3E%3Cstop stop-color='%238DCC2F'/%3E%3Cstop offset='0.510817' stop-color='%2384BF2C'/%3E%3Cstop offset='1' stop-color='%2373A626'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
transform: translateY(-100%);
opacity: 0;
}
.about-nav__slider-line.is-active::before {
transform: translateY(100%);
opacity: 0;
}
.about-nav__slider-line.is-active::after{
transform: translateY(0%);
opacity: 1;
}
@media (max-width: 1440px) {
.about-nav__slider-line {
left: 22.1%;
}
}
@media (max-width: 1300px) {
.about-nav__slider-line {
left: 21.55%;
}
}
@media (max-width: 1200px) {
.js-years-slider-o-nas {
transform: translateX(-32.8%)
}
.about-nav__slider-line {
left: 9.1%;
}
}
@media (max-width: 1100px) {
.js-years-slider-o-nas {
transform: translateX(calc((9rem + 6px) - 40.2%));
}
.about-nav__slider-line {
left: calc(9rem + 15px)
}
}
@media (max-width: 990px) {
.js-years-slider-o-nas {
transform: translateX(0);
}
.about-nav {
display: block !important;
}
.about-nav__slider-line {
left: calc(50% - 102px)
}
}
@media (max-width: 576px) {
.about-nav__item_active .about-nav__year, .about-nav__year {
font-size: 32px;
line-height: 1.26;
}
.js-years-slider-o-nas .swiper-slide {
width: 135px !important;
}
.about-nav__slider-line {
width: 7px;
height: 55px;
left: calc(50% - 68.5px);
}
.about-nav__slider-line::before {
background-image: url("data:image/svg+xml,%3Csvg width='7' height='55' viewBox='0 0 7 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.08984 0L3.08984 55' stroke='url(%23paint0_linear_401_10)'/%3E%3Ccircle cx='3.39888' cy='27.5' r='3.39888' fill='url(%23paint1_radial_401_10)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_401_10' x1='2.08988' y1='-1.66983e-08' x2='2.08987' y2='55' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F5F5F5'/%3E%3Cstop offset='0.5' stop-color='%236A9923'/%3E%3Cstop offset='1' stop-color='%23F2F3F0'/%3E%3C/linearGradient%3E%3CradialGradient id='paint1_radial_401_10' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(4.32584 26.573) rotate(124.992) scale(3.77169)'%3E%3Cstop stop-color='%238DCC2F'/%3E%3Cstop offset='0.510817' stop-color='%2384BF2C'/%3E%3Cstop offset='1' stop-color='%2373A626'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.about-nav__slider-line::after{
background-image: url("data:image/svg+xml,%3Csvg width='7' height='55' viewBox='0 0 7 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.08984 0L3.08984 55' stroke='url(%23paint0_linear_401_10)'/%3E%3Ccircle cx='3.39888' cy='27.5' r='3.39888' fill='url(%23paint1_radial_401_10)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_401_10' x1='2.08988' y1='-1.66983e-08' x2='2.08987' y2='55' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F5F5F5'/%3E%3Cstop offset='0.5' stop-color='%236A9923'/%3E%3Cstop offset='1' stop-color='%23F2F3F0'/%3E%3C/linearGradient%3E%3CradialGradient id='paint1_radial_401_10' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(4.32584 26.573) rotate(124.992) scale(3.77169)'%3E%3Cstop stop-color='%238DCC2F'/%3E%3Cstop offset='0.510817' stop-color='%2384BF2C'/%3E%3Cstop offset='1' stop-color='%2373A626'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.about-slider-wrapper:before, .about-slider-wrapper:after {
display: none;
}
.about-slider-wrapper {
margin-bottom: 15px;
}
.js-years-slider-o-nas {
height: 55px;
}
}
.fancybox-content{
padding: 0;
border-radius: 38px 38px 0 0 ;
}
/*eco new*/
.page-header__banner {
text-align: center;
}
.eko_offset_new {
padding-top: 35px;
}
.page-header.eco__header {
margin-bottom: 0;
}
.eco__title {
margin-bottom: 28px;
font-weight: bold;
font-size: 40px;
line-height: 47px;
color: #000000;
}
h3.eco__title {
font-size: 32px;
line-height: 37px
}
.eco__title--short {
max-width: 485px;
width: 100%;
}
.eco__desc {
max-width: 650px;
width: 100%;
font-size: 18px;
line-height: 21px;
color: #000000;
}
.eco__tabs {
margin-bottom: 100px
}
.eco__explanation {
margin-top: 60px;
margin-bottom: 100px;
}
.eco__questions {
margin-bottom: 100px;
}
.eco__course {
margin-bottom: 93px;
}
.e-tabs__header {
display: flex;
align-items: center;
margin-bottom: 35px;
font-size: 18px;
line-height: 21px;
color: #000000;
}
.e-tabs__header-mobile {
display:none
}
.e-tabs__header span {
margin-right: 15px;
}
.e-tabs__header-item {
margin: 0 2px;
padding: 2px 5px;
background-color: transparent;
transition: .3s ease-in-out;
}
.e-tabs__header-item:not(.e-tabs__header-item--active):hover {
cursor: pointer;
background-color: #E1F2C2;
}
.e-tabs__header-item--active {
background-color: #E1F2C2;
border-radius: 2px;
}
.e-tabs__content {
display: none;
}
.e-tabs__content.e-tabs__content--active {
display: block;
}
.tab-content__wrapper {
display: flex;
justify-content: space-between;
}
.tab-content__note {
display: flex;
font-size: 16px;
line-height: 16px;
color: #6D9D24;
opacity: 0.8;
}
.tab-content__note img {
margin-right: 10px;
}
.tab-content__left {
flex: 0 1 420px;
max-width: 420px;
width: 100%;
display: flex;
flex-direction: column;
margin-right: 20px;
}
.tab-content__right {
flex: 0 1 100%;
max-width: 642px;
width: 100%;
}
.eco-address {
flex: 0 1 100%;
}
.eco-address__item {
text-decoration: underline;
text-decoration-color: transparent;
transition: .3s ease-in-out;
font-size: 20px;
color: #919191;
line-height: 40px;
}
.eco-address__item--active {
color: #000;
}
.eco-address__item--active.hovered {
color: #919191;
}
.eco-address__item--exist {
text-decoration-color: #000;
color: #000!important;
}
.eco-address__item:not(:last-child) {
margin-bottom: 3px;
}
.eco-address__item:hover {
cursor: pointer;
text-decoration-color: #000;
color: #000;
}
.waste__wrapper {
display: flex;
flex-wrap: wrap;
margin-left: -12px
}
.waste__item {
/*max-width: 206px;*/
max-width: calc(33.32% - 12px);
width: 100%;
height: 180px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-left: 12px;
margin-bottom: 12px;
transition: .3s ease-in-out;
border-radius: 3px;
background: radial-gradient(67.45% 67.45% at 50% 50%, #7AB324 0%, #6A9923 100%);
}
.waste__item:not(.waste__item--disabled):hover {
cursor: pointer;
}
.waste__title {
margin-bottom: 15px;
transition: .3s ease-in-out;
font-weight: 300;
font-size: 16px;
line-height: 21px;
text-align: center;
color: #FFFFFF;
}
.waste__img svg path {
transition: .3s ease-in-out;
}
.waste__item--disabled {
background: radial-gradient(67.45% 67.45% at 50% 50%, #B3B3B3 0%, #999999 100%);
}
.waste__item--disabled .waste__title {
color: #FFFFFF;
opacity: 0.5;
}
.waste__item--disabled .waste__img svg path {
fill: #E9E9E9;
}
.waste__img{
height: 50px;
}
.waste__img svg{
height: 100%;
}
.e-explanation-item:not(:last-child) {
margin-bottom: 48px;
}
.e-explanation-item__header {
display: flex;
margin-bottom: 35px;
}
.e-explanation-item__icon {
flex: 0 0 49px;
display: flex;
align-items: flex-start;
justify-content: center;
margin-right: 40px;
}
.e-explanation-item__header-title {
color: #000000;
}
.e-explanation-item__title {
margin-bottom: 17px;
font-weight: bold;
font-size: 24px;
line-height: 28px;
}
.e-explanation-item__desc {
max-width: 648px;
width: 100%;
font-size: 18px;
line-height: 21px;
}
.e-explanation-item__desc ul {
padding: 0 0 0 18px;
margin: 0;
}
.e-explanation-item__body {
display: flex;
}
.e-explanation-item__col {
flex: 0 1 50%;
display: flex;
flex-direction: column;
}
.e-explanation-item__col-header {
display: flex;
align-items: center;
margin-bottom: 23px;
font-weight: bold;
font-size: 34px;
line-height: 40px;
}
.e-explanation-item__col-header:before {
content: '';
width: 37px;
height: 37px;
display: block;
margin-right: 8px;
border-radius: 50%;
}
.e-explanation-item__col--yes .e-explanation-item__col-header:before {
background-image: url('/local/templates/main/css/../images/yes.svg');
}
.e-explanation-item__col--no .e-explanation-item__col-header:before {
background-image: url('/local/templates/main/css/../images/no.svg');
}
.e-explanation-item__col--yes .e-explanation-item__col-header {
color: #6D9D24;
}
.e-explanation-item__col--no .e-explanation-item__col-header {
color: #F25430;
}
.e-explanation-item__col--yes .e-explanation-item__row {
background-color: #E1F2C2;
}
.e-explanation-item__col--no .e-explanation-item__row {
background-color: #F2CBC2;
}
.e-explanation-item__row {
flex: 0 1 100%;
border-radius: 2px;
font-weight: 300;
font-size: 18px;
line-height: 21px;
color: #000000;
}
.e-explanation-item__row div {
display: flex;
padding: 15px 20px;
}
.e-explanation-item__row div:before {
content: '';
position: relative;
top: 8px;
flex: 0 0 4px;
width: 4px;
height: 4px;
margin-right: 6px;
border-radius: 50%;
background-color: #000;
}
.e-explanation-item__row div:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.e-question {
padding: 20px 0;
border-top: 1px dashed #ABE749;
}
.e-question:last-child {
border-bottom: 1px dashed #ABE749;
}
.e-question__header {
display: flex;
}
.e-question__header:hover {
cursor: pointer;
}
.e-question__btn {
position: relative;
flex: 0 0 30px;
width: 30px;
height: 30px;
margin-right: 27px;
border-radius: 50%;
border: 1px solid #ABE749;
background-color: #ABE749;
transition: .3s ease-in-out;
}
.e-question__btn:before,
.e-question__btn:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 2px;
background-color: #FFFFFF;
transition: .3s ease-in-out;
}
.e-question__btn:before {
transform: translate(-50%, -50%);
}
.e-question__btn:after {
transform: translate(-50%, -50%) rotate(90deg);
}
.e-question__title {
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #000000;
}
.e-question__answer {
display: none;
padding-left: 57px;
font-weight: 300;
font-size: 18px;
line-height: 21px;
color: #404040;
}
.e-question--expanded .e-question__btn {
border-color: #8EBD61;
background-color: transparent;
}
.e-question--expanded .e-question__btn:before {
background-color: #8EBD61;
}
.e-question--expanded .e-question__btn:after {
opacity: 0;
}
.e-course {
margin-bottom: 20px;
}
.e-course__wrapper {
min-height: 143px;
display: flex;
align-items: center;
padding: 30px 60px 30px 70px;
border-radius: 2px;
background-color: #F4FCE5;
}
.e-course__img {
flex: 0 0 59px;
margin-right: 50px;
text-align: center;
}
.e-course__title {
max-width: 210px;
width: 100%;
margin-right: 50px;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #000000;
}
.e-course__desc {
flex: 0 1 100%;
max-width: 100%;
width: 100%;
font-size: 18px;
line-height: 21px;
color: #404040;
}
.e-tabs.delivery .e-tabs__header {
margin-bottom: 35px;
}
.e-tabs.delivery .e-tabs__header span {
font-weight: bold;
font-size: 16px;
line-height: 26px;
}
.e-tabs.delivery .e-tabs__header-item {
margin: 0;
padding: 3px 20px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
font-size: 16px;
line-height: 26px;
color: #4C4C4C;
}
.e-tabs.delivery .e-tabs__header-item:first-of-type {
border-left: 1px solid #CCCCCC;
}
.e-tabs.delivery .e-tabs__header-item--active {
background-color: #ADEA44;
border-radius: 0;
}
.e-tabs.delivery .e-tabs__header-item:not(.e-tabs__header-item--active):hover {
background-color: #ADEA44;
}
.e-tabs.delivery .default-paragraph {
padding: 0;
}
@media screen and (max-width: 991px) {
.page-header__banner {
display: none;
}
.e-course__wrapper {
padding: 30px;
}
}
@media screen and (max-width: 768px) {
.eco__title {
font-size: 30px;
line-height: 37px;
}
h3.eco__title {
margin-bottom: 15px;
font-size: 22px;
line-height: 27px;
}
.eco__tabs {
margin-bottom: 50px;
}
.eco__explanation {
margin-top: 50px;
margin-bottom: 50px;
}
.eco__questions {
margin-bottom: 50px;
}
.e-tabs__header {
display:none;
}
.e-tabs__header-mobile {
display: block;
}
.e-tabs.delivery .e-tabs__header-mobile {
margin-bottom: 20px;
}
.e-tabs__header-mobile .select2-container {
width: 150px !important;
}
.e-tabs__header-mobile .select2-container--default .select2-selection--single {
border: none;
border-radius: 2px;
background-color: #E1F2C2;
}
.e-tabs__header-mobile .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0 24px 0 8px;
color: #000;
}
.e-tabs__header-item {
flex: 0 1 50%;
margin: 0;
}
.e-tabs__header span {
flex: 0 1 100%;
}
.eco-address {
margin: 0 -15px;
}
.eco-address__wrapper {
display: flex;
overflow-x: auto;
}
.eco-address__item {
margin-right: 20px;
white-space: nowrap;
}
.eco-address__item:first-child {
margin-left: 15px;
}
.eco-address__item:not(:last-child) {
margin-bottom: 0;
}
.tab-content__wrapper {
flex-wrap: wrap;
}
.tab-content__left, .tab-content__right {
flex: 0 1 100%;
max-width: 100%;
width: 100%;
margin-right: 0;
}
.tab-content__left {
margin-bottom: 30px;
}
.tab-content__note {
display: none;
}
.waste__wrapper {
margin-left: 0;
}
.waste__item {
max-width: 100%;
height: auto;
flex-direction: row-reverse;
justify-content: flex-end;
margin-left: 0;
margin-bottom: 1px;
padding: 14px 22px;
}
.waste__title {
margin-bottom: 0;
text-align: left;
}
.waste__img {
flex: 0 0 71px;
margin-right: 15px;
text-align: center;
}
.e-course__img {
margin-right: 30px;
}
.e-course__title {
max-width: 120px;
margin-right: 30px;
font-size: 20px;
line-height: 24px;
}
.e-course__wrapper {
min-height: unset;
flex-wrap: wrap;
}
.e-course__title {
max-width: 200px;
margin-right: 0;
}
.e-course__desc {
margin-top: 10px;
}
.e-explanation-item__title {
margin-bottom: 10px;
font-size: 20px;
line-height: 24px;
}
.e-explanation-item__col-header {
font-size: 24px;
line-height: 30px;
}
.e-question__title {
font-size: 20px;
line-height: 24px;
}
.e-course__desc,
.e-question__answer {
font-size: 16px;
line-height: 20px;
}
.section_jornal .page-header {
padding-bottom: 2rem;
}
}
@media screen and (max-width: 540px) {
.eco__title {
font-size: 22px;
line-height: 37px;
}
h3.eco__title {
font-size: 20px;
line-height: 24px;
}
.eco__desc {
font-size: 16px;
line-height: 20px;
}
.waste__item {
padding: 5px 22px;
}
.waste__img {
flex: 0 0 32px;
}
.waste__img svg {
width: 100%;
}
.e-explanation-item:not(:last-child) {
margin-bottom: 20px;
}
.e-explanation-item__header {
margin-bottom: 20px;
}
.e-explanation-item__icon {
margin-right: 10px;
}
.e-explanation-item__desc {
font-size: 16px;
line-height: 20px;
}
.e-explanation-item__body {
flex-wrap: wrap;
}
.e-explanation-item__col {
flex: 0 1 100%;
}
.e-explanation-item__col:not(:last-child) {
margin-bottom: 10px;
}
.e-explanation-item__col-header {
margin-bottom: 10px;
font-size: 20px;
line-height: 26px;
}
.e-explanation-item__col-header:before {
width: 27px;
height: 27px;
background-size: cover;
}
.e-explanation-item__row {
font-size: 16px;
line-height: 20px;
}
.e-question__btn {
margin-right: 10px;
}
.e-question__answer {
padding-left: 40px;
}
.e-course__wrapper {
padding: 20px;
}
.e-course__img {
flex: 0 0 49px;
margin-right: 10px;
}
.delivery .app-widget__link:first-child {
flex: 0 1 100%;
}
}
/*eko new*/
.single-card__pic--second {
max-width: 700px;
width: 100%;
margin-top: 15px;
}
/*
*/
.aside-back:hover {
filter: invert(69%) sepia(25%) saturate(1274%) hue-rotate(36deg) brightness(102%) contrast(77%);
}
.scroll-top {
z-index: 222;
top: unset !important;
right: calc((100vw - 1100px) / 2) !important;
position: fixed !important;
bottom: 14rem !important;
}
@media (max-width: 1400px) {
.scroll-top {
right: 233px !important;
width: 3.2rem !important;
height: 3.2rem !important;
}
}
@media (max-width: 1170px) {
.scroll-top {
right: 20px !important;
width: 3.2rem !important;
height: 3.2rem !important;
bottom: 85px !important;
z-index: 1000;
}
}
/* about */
.about-item .default-paragraph p .default-paragraph, .about-item .default-paragraph.black_text {
line-height: 1.2;
font-size: 1.6rem;
}
.about-item .default-paragraph.black_text {
padding: 3rem;
}
.title.title_green img {
width: 26px;
height: 32px;
margin-right: 10px;
position: relative;
left: -3px;
}
.d-if-link {
display: inline-flex;
align-items: center;
}
/*NEW HEADER*/
.desctop-header-menu__link {
font-family: 'Roboto Condensed', Arial, sans-serif;
display: flex;
}
.desctop-header-menu__item {
display: flex;
align-items: center;
}
.desctop-header-menu {
display: flex;
flex-wrap: wrap
}
.lk-widget__city-link {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 16px;
text-align: center;
color: rgba(35, 35, 33, 0.4);
}
.lk-widget__city-name {
color: #333;
font-weight: 500;
}
.lk-widget__city-link .lk-widget__ico {
margin-right: 0;
}
.lk-widget__city-link:hover,
.lk-widget__city-link:hover .lk-widget__city-name {
color: #94C22C;
}
.lk-widget__city-link:hover svg circle {
fill: #94C22C;
}
.header-search > .lk-widget__ico {
height: auto;
}
.popup-city-choise .mfp-close {
opacity: 0 !important;
}
.new-tile__title-custom {
font-weight: bold;
font-size: 30px;
line-height: 35px;
color: #FFFFFF;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
text-transform: none;
max-width: 336px;
padding-left: 49px;
padding-right: 10px;
text-align: left;
box-sizing: content-box;
margin-left: 0;
}
.new-tile-custom {
align-items: flex-start;
padding-top: 38%;
}
.text-black {
color: #000000 !important;
}
.popup-city-choise .mfp-close {
opacity: 0 !important;
}
.new-tile__title-custom {
font-weight: bold;
font-size: 30px;
line-height: 35px;
color: #FFFFFF;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
text-transform: none;
max-width: 336px;
padding-left: 49px;
padding-right: 10px;
text-align: left;
box-sizing: content-box;
margin-left: 0;
}
.new-tile-custom {
align-items: flex-start;
padding-top: 38%;
}
.text-black {
color: #000000 !important;
}
.popup-city-choise .mfp-close {
opacity: 0 !important;
}
.new-tile__title-custom {
font-weight: bold;
font-size: 30px;
line-height: 35px;
color: #FFFFFF;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
text-transform: none;
max-width: 336px;
padding-left: 49px;
padding-right: 10px;
text-align: left;
box-sizing: content-box;
margin-left: 0;
}
.new-tile-custom {
align-items: flex-start;
padding-top: 38%;
}
.text-black {
color: #000000 !important;
}
.popup.popup-city-choise {
max-width: 100%;
}
.popup-city-choise__inner {
margin: 0 auto;
background: #FFFFFF;
border: 1px solid #F4F4F4;
box-sizing: border-box;
box-shadow: 0px 60px 30px -10px rgba(0, 0, 0, 0.05);
border-radius: 6px;
/*padding: 29px 15px;*/
padding: 30px 45px;
position: relative;
/*max-width: 400px;*/
max-width: 450px;
width: 90%;
padding-bottom: 38px;
}
.popup-city-choise {
background: transparent!important;
}
.popup-city-choise__inner .btn_green {
background: #AFE947
}
.popup-city-choise--gap-h {
padding: 0;
}
.popup-city-choise__head {
padding-bottom: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
/*justify-content: center;*/
}
.popup-city-choise__head > *:not(:last-of-type) {
margin-right: 10px;
}
.popup-city-choise__body {
width: 100%;
display: flex;
flex-wrap: wrap;
/*justify-content: center;*/
}
.popup-city-choise__body .btn {
width: 135px;
display: flex;
justify-content: center;
}
.popup-city-choise__body .btn {
/*font-weight: 500;
font-size: 16px;
line-height: 19px;*/
text-align: center;
min-width: 125px;
/*padding: 10px 22px;
border-radius: 20px;*/
font-size: 1.6rem;
padding: 1.2rem 2rem;
border-radius: 5px;
}
.popup-city-choise__body .btn.btn_green {
/*background: #EFF7DF;*/
background-color: #93c22c;
color: #404040;
}
.popup-city-choise__body .btn.btn_green:hover {
/*background: #EBF7D2;*/
background-color: #7BA028;
box-shadow: 0px 12px 10px -5px rgba(0, 0, 0, 0.05);
}
.popup-city-choise__body .btn.btn_green:active {
/*background: #E7F7C6;*/
background-color: #7BA028;
box-shadow: 0px 6px 5px -5px rgba(0, 0, 0, 0.03);
}
.popup-city-choise__body .btn.btn_gray {
/*background: #F7DFDF;*/
background-color: #b4b0b0;
color: #fff;
}
.popup-city-choise__body .btn.btn_gray:hover {
/*background: #F7D2D2;*/
background-color: #919191;
box-shadow: 0px 12px 10px -5px rgba(0, 0, 0, 0.05);
}
.popup-city-choise__body .btn.btn_gray:active {
/*background: #F7C6C6;*/
background-color: #919191;
box-shadow: 0px 6px 5px -5px rgba(0, 0, 0, 0.03);
}
.popup-city-choise__body .btn:not(:last-of-type) {
margin-right: 16px;
}
.popup-city-choise__close {
position: absolute;
right: 0;
top: 0;
border-radius: 50%;
transform: translate(50%, -50%);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
background: #F8F8F8;
border: 1px solid #F4F4F4;
box-sizing: border-box;
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
width: 26px;
height: 26px;
}
.popup-city-choise__close svg path {
fill: #A1A1A1;
}
.popup-city-choise__close:hover svg path {
fill: #626262;
}
.popup-city-choise__close:active svg path {
fill: #4D4B4B;
}
.popup-city-choise__close:hover {
background: #F8F8F8;
border: 1px solid #F4F4F4;
box-sizing: border-box;
box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);
}
.popup-city-choise__close:active {
background: #F8F8F8;
border: 1px solid #F1F1F1;
box-sizing: border-box;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03);
}
.popup-city-choise__sm {
font-size: 22px;
line-height: 26px;
/* identical to box height */
text-align: center;
letter-spacing: 0.02em;
color: #404040;
}
.popup-city-choise__bold {
font-size: 22px;
line-height: 26px;
/* identical to box height */
font-weight: 700;
text-align: center;
letter-spacing: 0.02em;
color: #404040;
}
.popup-city-choise__list {
margin-top: 16px;
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.popup-city-choise__link {
margin: 0 auto;
display: inline-flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
text-decoration: none;
/* font-size: 16px;
font-weight: 500;
line-height: 19px;*/
/* identical to box height */
text-align: center;
/* color: #404040;
padding: 10px 15px;
min-width: 187px;
border-radius: 20px;
background: #F7F7F7;*/
min-width: 150px;
font-size: 1.6rem;
padding: 1.2rem 2rem;
border-radius: 5px;
background-color: #b4b0b0;
color: #fff;
}
.popup-city-choise__link:not(:last-of-type) {
margin-bottom: 16px;
}
.popup-city-choise__link:hover {
/*background: #EBF7D2;*/
background-color: #919191;
box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.05);
}
.popup-city-choise__link:active {
/*background: #E7F7C6;*/
background-color: #919191;
box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.03);
}
.popup-city-choise__link--current {
background-color: #93c22c;
color: #404040 !important;
}
.popup-city-choise__link--current:hover,
.popup-city-choise__link--current:active {
background-color: #7BA028;
}
@media (max-width: 576px) {
.popup-city-choise__head {
padding-bottom: 35px;
}
.popup-city-choise--gap-h {
padding: 0;
}
.new-tile-custom {
align-items: flex-start;
padding-top: 32px;
}
.new-tile__title-custom {
padding-left: 30px;
}
}
.ru-en {
margin-left: 15px;
}
@media (min-width: 1090px) {
.header-city__item {
margin-bottom: 0;
}
}
.header-user-nav {
align-items: center;
}
.header-left {
display: flex;
align-items: center;
flex: 1;
}
.d-flex-center {
display: flex;
align-items: center;
}
@media (min-width: 1090px) {
.header-city__label {
display: inline-block;
margin-left: 12px;
font-size: 14px;
line-height: 16px;
color: #A9A9A9;
}
}
.desctop-header__wrap {
align-items: center;
}
@media (max-width: 576px) {
.popup-city-choise__head {
padding-bottom: 35px;
}
.popup-city-choise--gap-h {
padding: 0 20px;
}
.new-tile-custom {
align-items: flex-start;
padding-top: 32px;
}
.new-tile__title-custom {
padding-left: 30px;
}
}
@media (max-width: 576px) {
.popup-city-choise__sm, .popup-city-choise__bold {
font-size: 20px;
line-height: 23px;
}
.popup-city-choise__body .btn {
width: auto;
min-width: 100px;
}
.popup-city-choise--gap-h {
margin-top: 0px;
}
.popup-city-choise {
max-width: 100%;
padding: 0;
}
.popup-city-choise__inner {
padding: 24px;
}
.popup-city-choise__head {
margin-bottom: 23px;
}
.popup-city-choise__link {
padding: 10px 15px;
}
}
@media (max-width: 330px) {
.popup-city-choise__sm, .popup-city-choise__bold {
font-size: 18px;
line-height: 23px;
}
}
.popup-city-choise__body .btn {
min-width: 80px;
}
@media (max-width: 1645px) {
.desctop-header-menu__link {
font-size: 1.3rem;
line-height: 1.25;
}
}
@media (max-width: 1550px) {
.header-search {
margin-left: 21px;
}
}
.mobile-footer__item .header-city__item {
margin-top: 4px;
margin-bottom: 9px;
}
.mobile-header-content {
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.app-city-link {
padding: 10px 0;
}
.pechat-new {
max-width: 215px;
width: 100%;
margin-bottom: 2rem;
}
.catalog-print-new:not(:last-child) {
margin-bottom: 28px;
}
.catalog-print-new__wrap {
position: relative;
margin-bottom: 10px;
border: 1px solid #D8D8D8;
border-radius: 10px;
background-color: #FFF;
}
.catalog-print-new__wrap:after {
content: '';
z-index: 2;
position: absolute;
bottom: 32px;
left: -13px;
width: 25px;
height: 158px;
background: url(/local/templates/main/css/../images/book-lines.png) no-repeat;
}
.catalog-print-new__title {
display: none;
height: 60px;
/*display: flex;*/
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 20px;
line-height: 20px;
color: #101010;
}
.catalog-print-new__body {
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
border-radius: 0 0 10px 10px;
}
.catalog-print-new__date {
font-size: 16px;
line-height: 20px;
color: #747474;
}
.catalog-popup-book {
position: relative;
max-width: 1590px;
width: 100%;
height: 100%;
margin: 50px auto 0;
}
.catalog-popup-book__close {
position: absolute;
width: 30px;
height: 30px;
top: -40px;
right: 0;
}
.catalog-popup-book__close:hover {
cursor: pointer;
}
.catalog-popup-book__close:before,
.catalog-popup-book__close:after {
content: '';
width: 2px;
height: 20px;
background-color: #BDBDBD;
position: absolute;
top: 50%;
left: 50%;
}
.catalog-popup-book__close:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.catalog-popup-book__close:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.catalog-popup-book--magnific {
overflow: hidden !important;
}
.catalog-popup-book--magnific .mfp-content {
height: 100%;
}
.catalog-popup-book .ipgs {
height: calc(100% - 60px) !important;
}
.catalog-popup-book .ipgs-theme-default .ipgs-toolbar {
background-color: #b1b1b1;
border-color: #b1b1b1;
}
.ipgs-theme-default .ipgs-icon-download, .ipgs-theme-default .ipgs-icon-fullscreen, .ipgs-theme-default .ipgs-icon-gotofirst, .ipgs-theme-default .ipgs-icon-gotolast, .ipgs-theme-default .ipgs-icon-next, .ipgs-theme-default .ipgs-icon-optional, .ipgs-theme-default .ipgs-icon-outline, .ipgs-theme-default .ipgs-icon-prev, .ipgs-theme-default .ipgs-icon-share, .ipgs-theme-default .ipgs-icon-sound, .ipgs-theme-default .ipgs-icon-thumbnails, .ipgs-theme-default .ipgs-icon-zoom-default, .ipgs-theme-default .ipgs-icon-zoom-in, .ipgs-theme-default .ipgs-icon-zoom-out {
padding: 12px 5px;
}
.imgwrap {
position: relative;
background-image: url('/local/templates/main/css/../images/cat-page-1.png');
background-position: bottom right;
background-repeat: no-repeat;
}
.imgwrap:before {
position: absolute;
content: ' ';
bottom: 0;
right: 0;
display: block;
width: 0;
height: 0;
background-image: url('/local/templates/main/css/../images/intersect.png');
background-position: bottom right;
background-size: contain;
z-index: 2;
}
.imgwrap:hover:before {
-webkit-animation: corner .5s;
animation: corner .5s;
width: 54px;
height: 50px;
}
.imgwrap:hover .catalog-print-new__pdf {
opacity: 0;
}
.imgwrap:hover img {
-webkit-animation: polygon .5s;
animation: polygon .5s;
-webkit-clip-path: polygon(100% 0, 100% 77%, 75% 100%, 0% 100%, 0 100%, 0% 0%);
clip-path: polygon(100% 0, 100% 77%, 75% 100%, 0% 100%, 0 100%, 0% 0%);
}
@-webkit-keyframes polygon {
0% {
-webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 0 100%, 0% 0%);
clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 0 100%, 0% 0%);
}
100% {
-webkit-clip-path: polygon(100% 0, 100% 77%, 75% 100%, 0% 100%, 0 100%, 0% 0%);
clip-path: polygon(100% 0, 100% 77%, 75% 100%, 0% 100%, 0 100%, 0% 0%);
}
}
@keyframes polygon {
0% {
-webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 0 100%, 0% 0%);
clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 0 100%, 0% 0%);
}
100% {
-webkit-clip-path: polygon(100% 0, 100% 77%, 75% 100%, 0% 100%, 0 100%, 0% 0%);
clip-path: polygon(100% 0, 100% 77%, 75% 100%, 0% 100%, 0 100%, 0% 0%);
}
}
@-webkit-keyframes corner {
0% {
width: 0;
height: 0;
}
100% {
width: 54px;
height: 50px;
}
}
@keyframes corner {
0% {
width: 0;
height: 0;
}
100% {
width: 54px;
height: 50px;
}
}
.popup_ul_without_marks {
list-style: none;
text-align: left;
line-height: 35px;
}
@media screen and (max-width: 750px) {
.ipgs-theme-default .ipgs-next-page, .ipgs-theme-default .ipgs-prev-page {
width: 30px;
height: 40px;
background-color: #b1b1b1;
border-color: #b1b1b1;
border-radius: 5px;
}
.wrap_e962 {
z-index: 999 !important;
}
}
@media (max-width: 767px) {
.dev-swiper__item {
height: 210px;
}
}
@media (max-width: 666px) {
.loyal-contact {
display: flex;
flex-direction: column;
}
.loyal-info__title {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.loyal-info__title .box-btn_green {
margin-bottom: 5px;
}
}
.page-header-gray {
font-size: 1.6rem;
color: #7e7e7e;
}
.card-item-descript {
font-size: 1.6rem;
color: #7e7e7e;
line-height: 1.4;
}
.card-item-descript span {
display: block;
}
.page-header-offset-bottom {
padding-bottom: 0;
}
@media (max-width: 1360px) {
.page-header-gray {
font-size: 1.4rem;
}
.page-header-offset-bottom {
padding-bottom: 2rem;
}
.card-item-descript {
font-size: 1.6rem;
color: #7e7e7e;
}
}
.imgwrap {
overflow: hidden;
}
.imgwrap:after {
position: absolute;
content: '';
bottom: 0px;
right: -3px;
background-image: url('/local/templates/main/css/../images/pdf.png');
width: 107px;
height: 112px;
transition: all 0.5s ease;
}
.imgwrap:before {
bottom: -1px;
right: -1px;
}
.imgwrap:hover:after {
animation: polygon2 .5s forwards;
transition: 0.5s ease;
}
.imgwrap:hover:before {
width: 55px;
height: 51px;
}
@keyframes polygon2 {
0% {
clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 0 100%, 0% 0%);
}
100% {
clip-path: polygon(100% 0, 100% 54%, 47% 100%, 0% 100%, 0 100%, 0% 0%);
}
}
@keyframes polygon {
0% {
clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 0 100%, 0% 0%);
}
100% {
clip-path: polygon(103% 0, 100% 77%, 73% 100%, 0% 100%, 0 100%, 0% 0%);
}
}
/* bonus */
.preims__wrap {
display: flex;
align-items: flex-start;
}
.preims__width {
width: 20%;
}
.preims__desc .default-paragraph {
padding-top: 1.5rem;
}
.preims__desc .default-paragraph p {
margin-bottom: 0;
margin-top: 0;
}
@media (max-width: 1380px) {
.preims__wrap {
flex-wrap: wrap;
}
.preims__width {
width: 33.3%;
}
.preims__item {
margin-top: 3rem;
}
}
@media (max-width: 990px) {
.preims__item {
margin-bottom: 0;
}
}
@media (max-width: 750px) {
.preims__width {
width: 50%;
}
}
@media (max-width: 550px) {
.preims__width {
width: 100%;
}
}
@media (max-width: 768px) {
.waste__item {
margin-left: 2px;
margin-bottom: 2px;
max-width: calc(50% - 2px);
}
.waste__wrapper {
margin-left: 2px;
}
.waste__title {
font-size: 14px;
}
.waste__item--disabled {
opacity: 0.5;
}
.e-tabs__header-mobile {
margin-bottom: 10px;
}
}
@media (max-width: 540px) {
.waste__img {
margin-right: 5px;
}
.waste__img svg {
height: 30px;
width: 33px;
}
.waste__item {
padding-left: 12px;
padding-right: 12px;
}
.eco__title {
font-size: 25px;
line-height: 29px;
font-weight: 900;
}
}
.section_jornal {
background-color: #fff;
}
@media (max-width: 540px) {
.tort-order-slider__note {
height: 70px;
}
}
.waste__item--disabled {
opacity: 0.5;
}
.des-l {
display: block;
}
@media (max-width: 768px) {
.waste__item {
margin-left: 2px;
margin-bottom: 2px;
max-width: calc(50% - 2px);
}
.waste__wrapper {
margin-left: 2px;
}
.waste__title {
font-size: 14px;
}
.waste__item--disabled {
opacity: 0.5;
}
.e-tabs__header-mobile {
margin-bottom: 10px;
}
.waste__title span {
display: block;
}
}
@media (max-width: 540px) {
.waste__img {
margin-right: 0;
}
.waste__img svg {
height: 24px;
width: 18px;
}
.waste__item {
padding-left: 6px;
padding-right: 6px;
}
.eco__title {
font-size: 25px;
line-height: 19px;
font-weight: 900;
}
}
.section_jornal {
background-color: #fff;
}
@media (max-width: 540px) {
.tort-order-slider__note {
height: 70px;
}
.eco__title {
line-height: 1.3;
}
.waste__item {
height: 54px;
}
}
.cake.easter .tort-order-slider__img {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cake.easter .tort-order-slider__img img {
max-width: 250px;
}
.easter-order-item {
height: calc(100% - 30px);
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.easter-order-item .tort-order__img {
flex: 1;
padding: 20px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.easter-order-item .tort-order__pic {
max-width: 120px;
}
#bx_3218110189_4473 .easter-order-item .tort-order__pic {
max-width: 150px;
}
#bx_3218110189_4474 .easter-order-item .tort-order__pic {
max-width: 170px;
}
/* .ester-cakes-order {
background-image: url(/local/templates/main/images/cake-list-1.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
background-color: #fff;
} */
.ester-cake-section .default-paragraph,
.ester-cakes-order .default-paragraph {
background-color: transparent;
}
.ester-cake-section.cake-3 {
background-position: center bottom;
background-size: 110%;
}
@media (max-width: 1660px){
.ester-cakes-order {
background-position: 110% bottom;
}
}
@media (max-width: 1580px){
.ester-cakes-order {
background-position: 125% bottom;
}
}
@media (max-width: 1500px){
.ester-cakes-order {
background-position: 178% bottom;
}
}
@media (max-width: 1400px){
.ester-cakes-order {
background-position: 270% bottom;
}
}
@media (max-width: 1300px){
.ester-cakes-order {
background-position: 310px bottom;
}
}
@media (max-width: 1200px){
.ester-cakes-order {
background: none;
}
}
@media (max-width: 768px){
.easter-order-item .tort-order__pic {
margin: 0;
}
}
@media (max-width: 450px){
.cake.easter .tort-order-slider__img img {
max-width: 180px;
}
.ester-cakes-order {
padding-bottom: 0;
}
.ester-cake-section {
padding-top: 1rem;
}
.ester-cake-section .artichok-widget {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
/* registration */
.register-page .register-page__title {
margin-bottom: 44px;
}
.register-page__desc {
margin-bottom: 16px;
font-size: 18px;
line-height: 21px;
color: #2E2E2E;
}
.register-page__btn {
display: flex;
margin-bottom: 42px;
}
.register-btn {
padding: 8px 16px;
border: none;
outline: none;
font-size: 18px;
line-height: 21px;
color: #6C6C6C;
background-color: #EBEBEB;
cursor: pointer;
}
.register-btn:first-child {
border-radius: 2px 0px 0px 2px;
}
.register-btn:last-child {
border-radius: 0px 2px 2px 0px;
}
.register-btn--active {
color: #FFFFFF;
background-color: #9DBF44;
}
.register-page__content {
display: none;
}
.register-page__content--active {
display: block;
}
.btn_dark_gray {
color: #fff;
background-color: #808080;
}
.desctop-header-menu__item {
margin-left: 1%;
margin-right: 1%;
}
.ru-en {
margin-right: 0;
}
.header-search {
margin-left: 20px;
}
.header-city__phone {
font-size: 12px;
}
.desctop-header__logo {
max-width: 200px;
}
.loyal-reg__content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
#bx_3218110189_2870 .loyal-info__content {
padding-top: 0;
}
#bx_3218110189_2870 .loyal-info__title {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #666666;
}
#bx_3218110189_2870 .loyal-info__contacts {
margin-top: 6px;
}
#bx_3218110189_2870 .loyal-contact__phone {
font-weight: 700;
font-size: 26px;
line-height: 30px;
color: #343434;
}
@media (max-width: 350px) {
#bx_3218110189_2870 .loyal-contact__phone {
font-size: 22px;
line-height: 26px;
}
}
@media (max-width: 1170px) {
.catalog-print-new__date {
margin-top: 5px !important;
}
}
/*
*/
.checkbox-filter__inside {
border-left: 1px solid #E7E7E7;
width: calc(100% - 26px);
margin: 13px 0;
margin-left: 26px;
display: none;
}
.checkbox-filter__inside .checkbox.checkbox-filter {
padding-left: 15px;
}
.checkbox-filter__inside .checkbox.checkbox-filter:last-of-type .a-item__checkbox {
margin-bottom: 0;
}
.checkbox-filter__inside .checkbox__label {
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #8B8B8B;
}
.checkbox__label-arrow {
padding-left: 6px;
flex: 1;
min-width: 0;
}
.checkbox__label-arrow svg {
position: relative;
}
.js-drop-checkboxes-cat .a-item__checkbox{
display: flex;
flex-wrap: wrap;
}
.js-drop-checkboxes-cat.is-active + .checkbox-filter__inside {
display: block;
}
.js-drop-checkboxes-cat.is-active > .checkbox .checkbox__label {
color: #94C22C;
}
.js-drop-checkboxes-cat.is-active .checkbox__label-arrow svg {
transform: scale(-1);
}
.js-drop-checkboxes-cat.is-active .checkbox__label-arrow svg path {
fill: #94C22C;
}
.checkbox__input:indeterminate + .checkbox__label::after {
border: unset;
width: 7px;
height: 2px;
border-radius: 2px;
background-color: #94c22b;
transform: unset;
top: 7px;
}
.checkbox-filter__inside .checkbox.checkbox-filter {
width: 100%;
}
@media (max-width: 990px) {
.n-catalog .n-aside {
display: block;
}
}
.small_h1{
font-size: 2.6rem;
}
.fw700{
font-weight: 700;
}
.page-header-date {
position: static;
transform: unset;
}
.page-header__desc.page-header__desc_offset.page-header__desc_gray {
padding-left: 0;
}
.photo-page-section {
position: relative;
z-index: 7;
}
.proj-listing .inline-flex-links {
display: inline-flex;
margin-right: 25px;
}
/**/
.single-new__content .n-slider__wr .swiper-slide {
position: relative;
height: 0;
padding-top: 100%;
}
.single-new__content .n-slider__wr .swiper-slide img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
border-radius: 10px;
}
@media (max-width: 576px) {
.shop_offset {
margin-bottom: 0;
}
.shop-content {
height: auto;
}
}
/*NEWBANNER*/
.new-baner__desc--mb-mid {
margin-bottom: 11px;
}
.article-tile__descr {
width: 100%;
margin-top: -8px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #343434 !important;
}
.article-tile__pic {
object-fit: cover;
}
.article-tile__pic--mid {
height: 215px;
}
.article-tile__pic--mid img {
object-fit: cover;
}
.swiper-sobstv-proizv .swiper-slide {
width: 314px !important;
}
.swiper-sobstv-proizv .swiper-slide .widget-width {
width: 100% !important;
padding-left: 0;
padding-right: 0;
}
.swiper-sobstv-proizv .swiper-slide .tort-order__pic-none {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-sobstv-proizv .swiper-slide .tort-order__img {
display: flex;
justify-content: center;
}
.banner-vipechka {
position: relative;
width: 100%;
background: #94C22B;
padding: 27px 59px;
display: flex;
flex-wrap: wrap;
align-items: center;
border-radius: 20px;
overflow: hidden;
}
.banner-vipechka__bg {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.banner-vipechka__bg img {
height: 100%;
object-fit: cover;
}
.banner-vipechka__content {
flex: 1;
min-width: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
z-index: 5;
}
.banner-vipechka__ico {
display: flex;
align-items: center;
}
.banner-vipechka__text {
margin-left: 52px;
padding-right: 10px;
flex: 1;
min-width: 0;
}
.banner-vipechka__title {
font-weight: 600;
font-size: 30px;
line-height: 35px;
color: #FFFFFF;
}
.banner-vipechka__descr {
margin-top: 9px;
font-weight: 400;
font-size: 16px;
line-height: 19px;
/* identical to box height */
color: #FFFFFF;
}
.banner-vipechka__arrow {
display: flex;
align-items: center;
position: relative;
z-index: 5;
}
.banner-vipechka__link {
display: inline-flex;
align-items: center;
font-weight: 600;
font-size: 18px;
line-height: 21px;
/* identical to box height */
text-transform: uppercase;
color: #FFFFFF;
}
.banner-vipechka__link-text {
margin-right: 14px;
}
.new-actions-main {
width: 100%;
margin-top: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: -30px;
}
.new-actions-main__col {
width: calc(50% - 15px);
flex: 1 0 calc(50% - 15px);
max-width: calc(50% - 15px);
margin-bottom: 30px;
}
.new-actions-main__item {
position: relative;
width: 100%;
padding: 55px;
padding-bottom: 50px;
background: #F8F8F8;
border-radius: 20px;
height: 290px;
overflow: hidden;
}
.new-actions-main__title {
margin-bottom: 17px;
font-weight: 600;
font-size: 24px;
line-height: 28px;
text-shadow: 1px 1px 0px rgba(248, 248, 248, 1), -1px -1px 0px rgba(248, 248, 248, 1);
color: #45452D;
}
.new-actions-main__descr {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #343434;
text-shadow: 1px 1px 0px rgba(248, 248, 248, 1), -1px -1px 0px rgba(248, 248, 248, 1);
}
.new-actions-main__content {
height: 100%;
display: flex;
flex-direction: column;
position: relative;
z-index: 5;
}
.new-actions-main__btn {
padding-top: 15px;
margin-top: auto;
}
.new-actions-main__img {
position: absolute;
right: 0;
top: 0;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: -3.7rem;
font-size: 0;
position: static;
margin-top: 23px;
display: flex;
justify-content: center;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
background: #E7E7E7 !important;
border-radius: 50px;
width: 21px;
height: 4px;
transition: width .25s ease;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child) {
margin-right: 6px !important;
margin-left: 0;
}
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #94C22B !important;
width: 75px;
}
.header-top__telegram {
margin-right: 15px;
}
.header-top__telegram-item {
display: flex;
align-items: center;
border: 2px solid rgba(0, 0, 0, 0.08);
border-radius: 40px;
padding-right: 0;
overflow: hidden;
}
.header-top__telegram-ico {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.08);
border-radius: 50%;
}
.header-top__telegram-ico svg {
position: relative;
left: -2px;
}
.header-top__telegram-text {
margin-left: 0;
padding: 5px 15px;
padding-left: 8px;
font-size: 12px;
transform: unset;
text-transform: uppercase;
font-weight: 600;
color: #818181;
}
.img-desctop img{object-fit: cover;}
@media (min-width: 701px) {
.index-slider .arrows-control {
position: absolute;
z-index: 9;
top: auto !important;
bottom: unset;
display: flex;
transition: all .2s ease-in;
border: unset;
border-radius: 0%;
align-items: center;
justify-content: center;
margin-top: 0;
z-index: 5;
}
.index-slider .arrows-control.arrows-control__left {
z-index: 15;
right: unset;
left: 10px;
width: 46px;
height: 20px;
margin-left: 0px;
bottom: unset;
top: 50% !important;
transform: translate(0, -50%);
background: none;
}
.index-slider .arrows-control.arrows-control__right {
z-index: 15;
right: 10px;
left: unset;
width: 46px;
height: 20px;
margin-left: 0px;
bottom: unset;
top: 50% !important;
transform: translate(0, -50%);
background: none;
}
.index-slider .arrows-control:hover svg path {
stroke: #94C22B;
}
.index-slider .arrows-control__ico {
width: 100%;
height: 100%;
}
.index-slider .swiper-container {
max-width: 1768px;
padding-left: 99px;
padding-right: 99px;
position: relative;
}
.index-slider .swiper-container:before {
content: '';
width: 99px;
height: 100%;
background: #fff;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.index-slider .swiper-container:after {
content: '';
width: 99px;
height: 100%;
background: #fff;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
}
@media (max-width: 1250px) {
.new-actions-main__col {
width: 100%;
flex: 1 0 100%;
max-width: 100%;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.banner-vipechka__bg {
display: none;
}
.banner-vipechka {
flex-direction: column;
}
.banner-vipechka__content {
margin-bottom: 46px;
}
}
@media (max-width: 700px) {
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
font-size: 0;
}
.index-slider__img {
border-radius: 0px;
}
}
@media (max-width: 576px) {
.banner-vipechka {
padding: 25px;
}
.banner-vipechka__title, .banner-vipechka__descr {
text-align: center;
}
.banner-vipechka__content {
flex-direction: column;
}
.banner-vipechka__text {
margin-left: 0;
margin-top: 20px;
}
.banner-vipechka__ico {
width: 46px;
height: 46px;
margin: 0 auto;
}
.banner-vipechka__ico svg {
width: 100%;
height: 100%;
}
.new-actions-main__item {
padding: 25px;
}
.new-actions-main__img {
position: absolute;
right: 0;
top: unset;
width: 155px;
bottom: 0;
}
}
.personal-offer__left {
flex: 0 0 32%;
width: 32%;
max-width: 32%;
}
.personal-offer__left .offers-item {
display: flex;
flex-direction: column;
justify-content: center;
}
.personal-offer__left .offers-item__img {
height: auto;
}
.offers-item__img {
padding-top: 75%;
}
@media (max-width: 1500px) {
.personal-offer__left {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
}
.personal-offer__left .offers-item__img {
height: auto;
}
}
@media (max-width: 767px) {
.personal-offer__left {
flex: 1 0 100%;
width: 100%;
max-width: 100%;
}
}
/* detailed news slider */
.new-year-offer {
display: inline-flex;
align-items: center;
justify-content: space-between;
padding: 18px 20px 18px 0;
border-radius: 8px;
position: relative;
}
.new-year-offer::before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background: #D9E9B4;
border-radius: 8px;
left: 0;
top: -5px;
z-index: 1;
}
.new-year-offer::after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #E7F1CF 0%, #D7E8B0 100%);
border-radius: 8px;
left: 0;
top: 0;
z-index: 2;
}
.new-year-offer:not(:first-child) {
margin-top: 50px;
}
.new-year-offer:not(:last-child) {
margin-bottom: 50px;
}
.page-header__desc-buttons {
display: flex;
gap: 44px;
margin-top: 50px;
margin-bottom: 70px;
/* width: 200%; */
}
@media screen and (max-width: 767px) {
.page-header__desc-buttons {
gap: 22px;
margin-bottom: 50px;
}
}
@media screen and (max-width: 1249px) {
.page-header__desc-buttons {
flex-direction: column;
width: 100%;
}
.page-header__desc-buttons .new-year-offer {
min-width: 429px;
}
.page-header__desc-buttons .new-year-offer img:last-child {
margin-left: auto;
}
}
.page-header__desc-buttons .new-year-offer {
padding: 14px 16px 14px 0;
}
@media screen and (max-width: 767px) {
.page-header__desc-buttons .new-year-offer {
min-width: 274px;
}
.page-header__desc-buttons .new-year-offer img:first-child {
max-height: 60px;
margin-right: 16px !important;
}
}
.page-header__desc-buttons .new-year-offer span {
font-size: 23px;
}
@media screen and (max-width: 767px) {
.page-header__desc-buttons .new-year-offer span {
font-size: 14px;
}
}
.page-header__desc-buttons .new-year-offer span:not(:last-child) {
margin-right: 24px;
}
@media screen and (max-width: 767px) {
.page-header__desc-buttons .new-year-offer span:not(:last-child) {
margin-right: 10px;
}
}
.page-header__desc-buttons .new-year-offer:not(:last-child) {
margin-bottom: 0;
}
.new-year-offer img,
.new-year-offer span {
position: relative;
z-index: 3;
}
.new-year-offer img:first-child {
margin-top: -42px;
margin-bottom: -50px;
margin-right: 6px;
}
.new-year-offer span {
font-weight: 400;
font-size: 20px;
/* letter-spacing: 0.02em; */
text-decoration-line: underline;
/* line-height: 1.2; */
line-height: 1;
color: #65783A;
}
.new-year-offer span:not(:last-child) {
margin-right: 12px;
}
@media (max-width: 767px) {
.new-year-offer {
padding: 10px 10px 12px 1px;
}
.new-year-offer::before {
top: -2px;
}
.new-year-offer:not(:first-child) {
margin-top: 28px;
}
.new-year-offer:not(:last-child) {
margin-bottom: 28px;
}
.new-year-offer span {
font-size: 14px;
margin-left: -6px;
}
.new-year-offer span:not(:last-child) {
margin-right: 10px;
}
.new-year-offer img:first-child {
max-height: 86px;
margin-right: 0;
}
.new-year-offer img:last-child {
max-width: 16px;
max-height: 16px;
}
}
.single-new-wrapper .single-new__content,
.single-new-wrapper .single-new__content {
padding-left: 30px;
padding-right: 30px;
}
.single-new-wrapper .col .single-new__content,
.single-new-wrapper .col .single-new__content {
padding-left: 15px;
padding-right: 15px;
}
.preloader-catalog{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
height: 100%;
background-color: rgb(232, 232, 232, .6);
background-image: url(/local/templates/main/images/preloader.svg);
background-position: center;
background-repeat: no-repeat;
}
.n-catalog--new .order-filter__link.active{
color: #8ebd40;
border-color: #8ebd40;
}
.tort_weight_unit{
margin-left: 10px;
}
@media (max-width: 1024px) {
.p-pizza-line .p-pizza-line-col,
.p-pizza-line .p-pizza-line-col:last-child {
display: none !important;
}
.p-pizza-line .p-pizza-line-col--middle {
display: block !important;
width: 100% !important;
flex: 1 1 100% !important;
}
.p-pizza-line-col--middle .p-pizza-line__title {
padding-left: 0;
padding-right: 0;
}
.p-pizza-line-col--middle:before {
content: none !important;
}
}
@media (max-width: 470px) {
.pizza__img {
display: block;
position: relative;
width: 110px;
padding-bottom: 110px;
}
.pizza__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: top center;
}
}
@media (max-width: 414px) {
.p-pizza-line-col--middle .p-pizza-line__title {
font-size: 20px !important;
}
}
/*NEW AUHT*/
.is-hide {
display: none !important;
}
.form__label--alt {
margin-bottom: 0;
margin-top: 5px;
font-size: 1.3rem;
}
.form__label--alt-grey {
color: #838383;
}
.form__timer {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 1.5rem;
font-weight: bold;
color: #94C22B;
}
.form__timer svg {
width: 24px;
height: 24px;
}
.form__timer svg path {
fill: #94C22B;
}
.form__timer-icon {
margin-right: 5px;
display: flex;
}
.form__get-code-sms {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 1.5rem;
font-weight: bold;
color: #94C22B;
cursor: pointer;
opacity: 0.95;
}
.catalog-new-special--new {
height: 300px;
}
@media (min-width:1500px) {
.catalog-new-special--new {
height: 370px;
}
}
.catalog-new-special--new-arrow {
position: absolute;
right: 35px;
bottom: 35px;
fill: #fff !important;
}
.manager_border-bottom-full {
max-width: 100%;
}
.manager--grid .row {
row-gap: 65px
}
@media (min-width: 768px) {
.scrolled-popup {
display: none !important;
}
}
.scrolled-popup {
width: 100vw;
/*height: var(--vh);*/
/*min-height: 100%;*/
position: fixed;
left: 0;
bottom: 0;
z-index: 9999999999;
pointer-events: none;
align-items: flex-end;
overflow-y: auto;
visibility: hidden;
display: flex;
transition: visibility 1s;
padding-top: 10px;
}
.scrolled-popup__content {
width: 100%;
background-color: #fff;
padding: 16px 16px 13px;
padding-left: 0;
padding-right: 0;
position: relative;
box-shadow: 0 4px 10px rgb(0 0 0 / 56%);
transform: translate3d(0,100%,0);
transition: transform 1s ease;
}
.scrolled-popup.is-active {
visibility: visible;
pointer-events: auto;
}
.scrolled-popup.is-active .scrolled-popup__content {
transform: translate3d(0,0%,0);
}
.scrolled-popup__close-btn{
font-family: Arial,Baskerville,monospace;
font-size: 44px;
font-style: normal;
line-height: 44px;
position: absolute;
top: 0px;
right: 10px;
width: 44px;
height: 44px;
padding: 0 0 18px 10px;
text-align: center;
text-decoration: none;
opacity: .65;
cursor: pointer;
color: #333;
}
.scrolled-popup__close-btn:hover {
opacity: 1;
}
.scrolled-popup__head {
margin-bottom: 0px;
padding-right: 0px;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 10px;
}
.scrolled-popup__text h3 {
text-transform: uppercase;
margin-bottom: 0;
padding-top: 10px;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.08em;
text-transform: uppercase;
padding-top: 0;
}
.scrolled-popup__text {
flex: 1;
min-width: 0;
}
.scrolled-popup__body {
display: block;
}
.scrolled-popup__body p, .scrolled-popup__body a {
font-size: 14px;
line-height: 1.5;
letter-spacing: 0.05em;
margin-top: 0;
text-align: center;
display: inline-flex;
align-items: baseline;
margin: 0 auto;
font-weight: bold;
text-transform: uppercase;
}
.scrolled-popup__body svg {
position: relative;
top: 4px;
}
.scrolled-popup__footer .animated-arrow-box {
position: relative;
height: 54px;
}
.scrolled-popup__footer .animated-arrow {
position: absolute;
width: 21px;
height: 30px;
left: 50%;
margin-left: -11.5px;
top: 0;
animation: downarrow 0.6s alternate ease-in-out infinite;
}
@keyframes downarrow {
from {
transform: translateY(0);
}
to {
transform: translateY(24px);
}
}
.scrolled-popup__logo {
width: 18vw;
margin-right: 0.5vw;
}
.scrolled-popup__text {
width: 5vw;
}
.scrolled-popup__body{
width: 31vw;
display: flex;
align-items: flex-end;
}
.scrolled-popup__logo svg, .scrolled-popup__text svg, .scrolled-popup__body svg {
width: 100%;
}
.n-catalog--new .n-aside .catalog-col__back + .catalog-col__link {
margin-bottom: 0;
}
@media (max-width: 767px) {
.mob-popup-is-active #jivo-iframe-container + jdiv{
display: none;
}
}
@media (max-width: 1169px) {
.n-catalog--new .n-aside .catalog-drop-filter + *,
.n-catalog--new .n-aside .catalog-col__link.active ~ .catalog-list {
/* display: none; */
}
}
/*
каталоги для мобильного меню
*/
.catalog-col__back {
margin-bottom: 25px;
}
.catalog-col__bakc-link {
display: flex;
flex-wrap: wrap;
font-weight: 500;
font-size: 16px;
line-height: 19px;
/* identical to box height */
color: #000000;
transition: all 0.3s ease;
}
.catalog-col__back-text {
flex: 1;
min-width: 0;
padding-left: 8px;
}
.catalog-col__bakc-link:hover {
color: #8ebd40;
}
.dropen-cats-catalog {
margin-left: 0;
margin-right: 0;
}
.dropen-block-select__item .catalog-col__link {
padding: 0;
font-weight: 500;
font-size: 16px;
line-height: 19px;
/* identical to box height */
color: #000000;
}
.dropen-block-select__item .catalog-col__link span + span {
opacity: 0.3;
padding-left: 8px;
}
.dropen-cats-catalog .dropen-block-select__label {
padding-left: 0;
padding-right: 0;
}
.d-none {
display: none;
}
@media (min-width: 1199px) {
.dropen-cats-catalog {
display: none;
}
}
@media (max-width: 1199px) {
.catalog-col__back {
/* display: none; */
margin-bottom: 0px;
}
.n-catalog--new .order-filter {
flex-wrap: wrap!important;
}
.dropen-cats-catalog-wrapper {
width: 100%;
flex: 1 0 100%;
max-width: 100%;
/* margin-top: 16px; */
}
}
@media (max-width: 767px) {
.dropen-cats-catalog-wrapper .dropen-block-select {
margin-top: 0;
}
}
.dropen-block-select.is-open {
z-index: 16;
}
.dropen-cats-catalog-wrapper .dropen-block-select__body-inner {
max-height: calc(100vh - 150px);
overflow-y: auto;
}
.main.scrollme {
overflow: unset;
}
@media (max-width: 767px) {
.hide-on-mobile{
display: none!important;
}
}
.section.section_single.view-item {
overflow: hidden;
}
/**
AWARDS
*/
.about-awards {
max-width: 1138px;
margin: 0 auto;
margin-top: 52px;
}
.about-awards__head {
margin-bottom: 56px;
}
.about-awards__title-main {
font-weight: 700;
}
.about-awards__body {
display: flex;
flex-wrap: wrap;
}
.about-awards__block {
padding-top: 24px;
padding-bottom: 24px;
display: flex;
align-items: center;
justify-content: center;
flex: 1 0 50%;
width: 50%;
max-width: 50%;
position: relative;
}
.about-awards__block:before, .about-awards__block:after {
content: '';
position: absolute;
background-color: #787878;
opacity: .4;
}
.about-awards__block .about-awards__block-inner:before {
content: '';
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='27' height='22' viewBox='0 0 27 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='27' height='22' fill='white'/%3E%3Cpath opacity='0.4' d='M14.6432 10.152C15.2699 10.5437 15.2699 11.4563 14.6432 11.848L1.53 20.0438C0.863947 20.46 -1.66416e-06 19.9812 -1.62983e-06 19.1958L-9.13331e-07 2.80425C-8.78999e-07 2.01881 0.86395 1.53997 1.53 1.95625L14.6432 10.152Z' fill='%23535353'/%3E%3C/svg%3E%0A");
background-position: center;
width: 27px;
height: 22px;
mix-blend-mode: multiply;
}
.about-awards__block-hidden {
display: none;
}
@media (min-width: 1161px) {
.about-awards__block .about-awards__block-inner{
max-width: 470px;
}
.about-awards__block.about-awards__block--order-mob-7:before {
/* display: none !important; */
}
.about-awards__block-hidden {
display: block;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.about-awards__block--order-mob-9::before{
height: 50%!important;
width: 6px!important;
top: -70px!important;
left: 50%!important;
transform: translateX(-50%)!important;
}
.about-awards__block:nth-child(4n + 2) .about-awards__block-inner:before {
left: 1px;
top: 50%;
transform: translate(-100%, -50%);
}
.about-awards__block:nth-child(4n + 3) .about-awards__block-inner:before {
right: 1px;
top: 50%;
transform: translate(100%, -50%) scaleX(-1);
}
.about-awards__block:nth-child(4n + 4) .about-awards__block-inner:before {
left: 50%;
top: 1px;
transform: translate(-50%, -100%) rotate(90deg);
display: block !important;
}
.about-awards__block:nth-child(4n + 5) .about-awards__block-inner:before {
left: 50%;
top: 1px;
transform: translate(-50%, -100%) rotate(90deg)
}
.about-awards__block:nth-child(2n + 1)::before {
width: 50%;
height: 6px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.about-awards__block:nth-child(2n + 2)::before {
width: 50%;
height: 6px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.about-awards__block:nth-child(4n + 4)::after {
height: 50%;
width: 6px;
top: 0;
left: 50%;
transform: translateX(-50%);
display: block !important;
}
.about-awards__block:nth-child(4n + 2)::after {
height: 50%;
width: 6px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.about-awards__block:nth-child(4n + 4)::after {
height: 50%;
width: 6px;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.about-awards__block:nth-child(3n + 3)::after {
height: 50%;
width: 6px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.about-awards__block:nth-child(5n + 5)::after {
height: 50%;
width: 6px;
top: 0;
left: 50%;
transform: translateX(-50%);
}
}
.about-awards__block:last-child::after {
display: none;
}
.about-awards__block-inner {
z-index: 5;
padding: 29px 40px;
background-color: #fff;
border: 1px solid rgba(121, 163, 57, 0.35);
border-radius: 20px;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
position: relative;
}
.about-awards__block-inner::after {
content: "";
border-radius: 20px;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0px 32px 13px rgba(0, 0, 0, 0.01), 0px 18px 11px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.09), 0px 0px 0px rgba(0, 0, 0, 0.09);
opacity: 0;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.about-awards__block-inner:hover {
border-color: #fff;
}
.about-awards__block-inner:hover::after {
opacity: 1;
}
.about-awards__block-head {
margin-bottom: 10px;
}
.about-awards__title {
font-weight: 900;
font-size: 56px;
line-height: 140%;
/* or 78px */
letter-spacing: 0.04em;
color: #78A338;
}
.about-awards__item:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 19px;
border-bottom: 1px solid rgba(121, 163, 57, 0.1);
}
.about-awards__item-title {
margin-bottom: 8px;
font-weight: 600;
font-size: 20px;
line-height: 140%;
/* identical to box height, or 28px */
letter-spacing: 0.04em;
color: #79A339;
}
.about-awards__item-descr {
font-size: 13px;
line-height: 140%;
/* or 18px */
letter-spacing: 0.02em;
color: #787878;
}
.about-awards__block:nth-child(1) .about-awards__block-inner::before {
display: none;
}
.border-bottom-green:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 2px;
background-color: #93c22c;
opacity: .357;
}
.header-bot .desctop-header__wrap {
display: flex;
}
.header-bot .desctop-header__wrap .header-bot__main-nav {
width: 100%;
}
.header-bot .desctop-header__wrap .header-bot__main-nav .header-bot__main-nav__list {
justify-content: space-between;
}
.list--2-col .list.list__stick {
columns: 2;
}
.list--2-col .list.list__stick li {
page-break-inside: avoid;
break-inside: avoid;
}
/*.inner-list-2-cols li {*/
/* page-break-inside: avoid;*/
/* break-inside: avoid;*/
/*}*/
@media (max-width: 1160px) {
.about-awards__block .about-awards__block-inner::before {
left: 50%;
top: 1px;
transform: translate(-50%, -100%) rotate(90deg);
}
.about-awards {
max-width: 100%;
}
.about-awards__block {
padding-top: 18px;
padding-bottom: 18px;
flex: 1 0 100%;
width: 100%;
max-width: 100%;
}
.about-awards__block--order-mob-1 {
order: 1;
}
.about-awards__block--order-mob-2 {
order: 2;
}
.about-awards__block--order-mob-3 {
order: 3;
}
.about-awards__block--order-mob-4 {
order: 4;
}
.about-awards__block--order-mob-5 {
order: 5;
}
.about-awards__block--order-mob-6 {
order: 6;
}
.about-awards__block--order-mob-7 {
order: 8;
}
.about-awards__block--order-mob-8 {
order: 7;
}
.about-awards__block-inner {
width: 100%;
}
.about-awards__block:before {
width: 6px;
height: 36px;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
}
.about-awards__block:last-child {
padding-bottom: 0;
}
.about-awards__block:last-child::before {
display: none;
}
}
@media(max-width: 640px) {
.about-awards__body{
display: block;
}
.list--2-col {
columns: 1;
}
.about-awards__block-inner {
padding: 20px;
}
.about-awards__title {
font-size: 44px;
}
.about-awards__item-title {
font-size: 15px;
margin-bottom: 6px;
}
.about-awards__item-descr {
font-size: 11px;
}
.about-awards__item:not(:last-child) {
margin-bottom: 9px;
padding-bottom: 9px;
}
}
/*FOOTER*/
.footer-item--alt-block + .footer-item--alt-block {
border-top: 1px solid #f3f3f3;
padding-top: 3rem;
}
.subtitle-footer {
opacity: 1;
font-size: 1.7rem;
font-weight: 600;
text-transform: none;
display: flex;
flex-wrap: wrap;
align-items: baseline;
text-transform: uppercase;
color: #7AA028;
}
.footer__phone-ico--big {
width: 20px;
height: 20px;
margin-right: 0.9rem;
position: relative;
top: 2px;
}
.footer__phone-ico--big path {
fill: #7AA028;
}
.footer-item--alt-block ~ .footer-item_offset {
margin-bottom: 2rem;
}
.title-footer-item--alt {
margin-bottom: 1.8rem !important;
}
.title-footer-item--alt ~ .phone-widget__number .iconed__title {
font-size: 1.8rem;
}
.footer-item--alt-block ~ .footer-item_offset .footer-item__title {
margin-bottom: .7rem !important;
}
.new-baner__title--new-center {
text-align: center;
margin: 0 auto;
}
.new-baner__content--new2 {
max-width: 100%;
margin-top: 2rem;
}
.text-content {
font-size: 1.6125rem; }
.text-content > *:first-child {
margin-top: 0; }
.text-content > *:last-child {
margin-bottom: 0; }
.text-content ul, .text-content ol {
margin-left: 0;
padding-left: 0;
margin-bottom: 2.1875rem;
margin-top: 1.5625rem;
list-style: none; }
.text-content p {
margin: 1.5625rem 0;
font-size: 1.6rem;
line-height: 150%;}
.text-content p:first-child {
margin-top: 0;
}
.text-content p:last-child {
margin-bottom: 0;
}
.text-content p + ul {
margin-top: -1.0625rem; }
.text-content ul li {
padding-left: 1.25rem;
position: relative; }
.text-content ul.cirle-li-point li:not(:last-child) {
margin-bottom: 0.75rem; }
.text-content ul.cirle-li-point li::before {
background-image: unset;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: #94C22B;
top: 8px; }
.text-content ol {
list-style: none;
counter-reset: li; }
.text-content ol > li {
position: relative;
padding: 0;
margin: 0;
--gap-left-li: 25px;
padding-left: var(--gap-left-li); }
.text-content ol > li:not(:last-child) {
margin-bottom: 1.5625rem; }
.text-content ol > li::before {
counter-increment: li;
content: counters(li, ".");
position: absolute;
left: 0;
top: 2px;
font-size: 1.9125rem;
color: #94C22B;
font-weight: 700; }
.text-content ol > li ol li:before {
font-size: 1.2rem;
}
.text-content ol > li > ol li::before {
left: calc(var(--gap-left-li) * -.2); top: 4px}
.text-content ol > li > ol li > ol li::before {
left: calc(var(--gap-left-li) * -1.2); }
.text-content ol > li > ol li > ol li > ol li::before {
left: calc(var(--gap-left-li) * -.3); }
.text-content ol > li ol, .text-content ol > li ul {
margin-top: 6px;
margin-bottom: 6px; }
.text-content ol > li li:not(:last-of-type) {
margin-bottom: 0.375rem; }
.text-content ol > li ul li {
padding-left: 1.25rem;
position: relative; }
.text-content ol > li ul li:not(:last-child) {
margin-bottom: 0.5rem; }
.text-content ol > li ul li::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 4px;
height: 4px;
background-color: #94C22B;
border-radius: 50%;
}
.text-content table {
padding: 0;
margin: 0;
margin-top: 20px;
border-collapse: collapse;
}
.text-content table td, .text-content table th {
padding: 12px 16px;
font-size: 16px;
border: 1px solid #f3f3f3;
}
.text-content table thead th {
background: #FDFFF9;
border-color: #FDFFF9;
}
.table-scroller {
max-width: calc(100vw - 32px);
overflow-y: auto;
}
@media (max-width: 640px) {
.text-content ol > li::before {
left: 2px;
}
.text-content ol > li > ol li > ol li::before {
left: calc(var(--gap-left-li) * -.6);
top: 5px;
}
}
.d-flex-wrap-center {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.present-card__img {
position: relative;
overflow: hidden;
}
.present-card__img:hover .tort-order__mask
{
transform: scale(1);
opacity: 1;
}
.cake-more__title--big {
width: 187px;
}
.present-card__order {
display: flex;
flex-wrap: wrap;
gap: 32px 64px;
align-items: center;
}
.present-card__order .present-card {
margin-bottom: 0;
max-width: 419px;
}
.present-card__name {
color: #333;
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28.8px; /* 120% */
}
.iconed__title p:first-child {
margin-top: 0;
}
.iconed__title p:last-child {
margin-bottom: 0;
}
.iconed--large-text .iconed__ico {
position: relative;
top: -3px;
}
.iconed--large-text {
max-width: 698px;
}
.mt-20 {
margin-top: 20px;
}
.block-slider-in-news .n-slider__wr{overflow: hidden;}
@media(min-width:768px) {
.row.row_macro .col-pizza .pizza{
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.row.row_macro .col-pizza{
padding-left: 15px;
padding-right: 15px;
margin: 15px 0;
}
}
.fixed-menu{display: none;
opacity: 0;
/* animation: ani 0.3s forwards; */
}
@keyframes ani {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fixed-menu.active{
position: fixed;
top: 0;
left: 0;
width: 100%;
display: block;
z-index: 101;
background: #ffffff;
opacity: 1;
}
.fixed-menu .header-bot__bot{padding-top: 0px;}
.fixed-menu .header-bot__top{padding-top: 5px; padding-bottom: 5px;}
@media (max-width: 1090px) {
.fixed-menu.active{
display: none;;
}
}
.header-close-main__btn{
display: flex;
background: transparent;
border: unset;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
justify-content: flex-start;
align-items: center;
height: 46px;
width: 40px;
cursor: pointer;
}
.header-close-main__btn.none{
display: none!important;
}
.header-close-main__btn img{
height: 25px;
width: 25px;
}
.fixed-left-menu-title{display:none;}
.fixed-left-menu-title.active{display:block;}
.swal2-popup-pizza.active{
display:flex!important;
z-index: 1000000;}
.swal2-popup-pizza.active .swal2-icon.swal2-error{border-color: #776b6b;}
.swal2-popup-pizza.active .swal2-icon.swal2-error [class^=swal2-x-mark-line],.swal2-popup-pizza.active .swal2-icon.swal2-error [class^=swal2-x-mark-line]{
background-color: #776b6b;
top: 1.4125em;
width: 1.5375em;
height: 0.3125em;}
.swal2-popup-pizza.active .swal2-icon{
width: 3em;
height: 3em;
}
.swal2-popup-pizza.active .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left: 0.7em;}
.swal2-popup-pizza.active .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right: 0.7em;}
.error.none{display: none!important;}
.click_more{
background: #94c22b;
border-color: #94c22b;
color: #fff;
font-size: 18px;
width: 100%;
display: flex;
padding: 8px 15px;
text-align: center;
border-radius: 4px;
border: none;
cursor: pointer;
grid-column: 2;
justify-content: center;
align-items: center;
}
#loaderr{display:none;}
#loaderr.active {
border: 5px solid #f3f3f3;
border-top: 5px solid #7aa028;
border-radius: 50%;
width: 18px;
display: block;
height: 18px;
animation: spin 2s linear infinite;
margin-left:15px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@media(max-width:991px){
.click_more{
grid-column: 1;
}
}
@media(max-width:500px){
.click_more{
font-size: 15px;
}
}
.sorttext.dropdown {
position: relative;
cursor: pointer;
}
.sorttext .dropdown-content {
display: none;
position: absolute;
background-color: #fff;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
min-width: 120px;
text-align: center;
padding: 8px 0;
}
.sorttext .dropdown-content a {
color: #333;
padding: 8px 12px;
text-decoration: none;
display: block;
}
.sorttext .dropdown-content a:hover {
background-color: #f9f9f9;
}
.sorttext.dropdown:hover .dropdown-content {
display: block;
}
.flex-pagination{
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px 0;
grid-column: 1/4;
width: 100%;
}
b.pageRound{
background: #7aa028;
color: #fff;
padding: 4px 9px;
border-radius: 16px;
}
a.pageRound{
background: #eff0f1;
padding: 4px 9px;
color: #444;
border-radius: 16px;
}
.pageRoundBig{
/* background: #eff0f1; */
/* padding: 4px 9px; */
color: #444;
border-radius: 16px;}
.kol-tovar,.first-tovar,.show-no{
display: none;
}
.result-kol-tovar
{font-weight: normal;}
/* НОВЫЙ Р”РЗАЙН ДЕТАЛЬНОЙ РЎРўР РђРќРЦЫ КАТАЛОГА */
.detail-title h1{
font-size: 24px;
padding-right: 30px;
padding-top: 50px;
}
.card-item-detail{
text-align: left;
margin-bottom: 15px;
}
.card-item__sticker_detail{
padding: 4px 10px;
border-radius: 15px;
text-align: center;
font-size: 20px;
font-weight: bold;
background: #aee946;
color: white;
}
.card-item__line.sale{
text-decoration: line-through;
margin-right: 15px;
padding-bottom: 2px;
}
.flex-price-sale .price{
font-size:24px;
}
.flex-price-sale{
display: flex;
align-items: baseline;
/* align-items: flex-end; */
}
.gr{
color: #A1A1A1;
margin-bottom: 10px;
display: block;
}
.data-sale{
color: #A1A1A1;
}
.card-item__title.card-item__title_bm{
margin-top: 20px;
font-size: 20px;
}
.select-default .select2-container .select2-selection--single{
border: 1px solid #aee946;
border-radius: 25px;
}
.card-item__select.detail{
width: 100%!important;
max-width: 440px;
}
.card-item__section.detail{padding-top: 0px;padding-bottom: 0px;}
.catalog-new-item__tags.detail .catalog-new-item__tags-row{
display: flex;
margin-bottom: 18px;
margin-top: 5px;
flex-wrap: wrap;
}
.catalog-new-item__tags.detail .catalog-new-item__tags-row .catalog-new-item__tags-col{
margin-right: 10px;
}
.catalog-new-item__tags-row::after {
content: '';
flex: 0 0 auto; /* Не растягивать */
width: 0; /* Ширина 0, чтобы не занимать место */
display: block; /* Блок для управления отображением */
}
.catalog-new-item__tags span {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 2px 8px;
border-radius: 9px;
font-weight: 500;
font-size: 14px;
line-height: 1.14;
color: #FFFFFF;
}
.card-item__title.card-item__title_b-no{
font-weight: 400;
font-size: 1.6rem;
}
.select2-selection__rendered b{font-weight: 400;}
.card-item .select2-selection__rendered b{
color: #94C22B;
margin-left: 10px;
float: right;
margin-right: 15px;
font-size: 20px;
font-weight: 600;
}
.select-default .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 40px;
display: flex;
justify-content: space-between;
align-items: baseline;
}
@media(max-width:550px){
.select-default .select2-container--default .select2-selection--single .select2-selection__rendered{
font-size: 14px;
}
.select2-selection__rendered b{
margin-left: 5px;
margin-right: 10px;
}
.card-item__img[data-detailed-fancybox] .card-item__pic{
height: 200px;
}
}
@media(max-width:450px){
.select-default .select2-container--default .select2-selection--single .select2-selection__rendered{
font-size: 13px;
}
.select2-selection__rendered b{
margin-left: 0px;
margin-right: 5px;
}
}
.card-item .detail-title h1{
white-space: pre-wrap;
word-break: keep-all;
overflow-wrap: normal;
margin-left: 16px;
}
.card-item__img[data-detailed-fancybox] .card-item__pic{
display: flex!important;
height: 300px;
align-items: center;
justify-content: center;
}
.card-item__img.js-detailed-gallery picture img{
max-height: -webkit-fill-available;
}
/* КОНЕЦ Р”РЗАЙН ДЕТАЛЬНОЙ РЎРўР РђРќРЦЫ КАТАЛОГА */
.fancybox-is-modal .fancybox-bg{
background: #e3e3e3!important;
}
.fancybox-is-modal #warning{
border-bottom-left-radius: 4rem;
border-bottom-right-radius: 4rem;}
.fancybox-bg{
background: #ffffff!important;
opacity: .7!important;
}
.td-detail-vacancy{
padding: 0;
}
.td-detail-vacancy-data{
display: block;
width: 100%;
height: 100%;
padding: 2rem 2rem;
font-size: 1.4rem;
}
.td-detail-vacancy a{
display: block;
width: 100%;
height: 100%;
padding: 2rem 2rem;
}
.box-btn_green.table-mobile-title{
margin: 1rem 1rem;
padding: 10px 10px;
width: auto;
text-align: center;
}
.text-dont-padding{
padding: 0;
}
.vacancy__box.col--xl-4{
/* margin: 0 auto; */
}
.vacancy__box.vacancy__box_btn{
text-align: center;
}
.filter_vakansii_form .checkbox__input {
display: none;
}
.filter_vakansii_form .checkbox__label:before{
display: none;
}
.filter_vakansii_form .checkbox__input:checked + .checkbox__label:after{
display: none;
}
.filter_vakansii_form .checkbox__label {
display: inline-block;
padding: 8px 16px;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
.filter-item__header{
margin-bottom: 15px;
}
.filter_vakansii_form .checkbox__input:checked + .checkbox__label {
background-color: #93c22c;
color: white;
}
.checkbox-style {
display: inline-block;
padding: 8px 16px;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
color: #ffffff;
font-weight: 400;
font-size: 16px;
background: #93c22c;
}
.select-period{
display: inline-block;
padding: 8px 16px;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
color: #838383;
}
@media(min-width:769px){
.tr-header {
position: sticky;
top: 150px;
background-color: #fff; /* Цвет фона, чтобы видеть, что элементы зафиксированы */
z-index: 100; /* Убедитесь, что элементы зафиксированы поверх других элементов */
}
.tr-header {
width: 100%;
}
.tr-header .th {
display: table-cell;
}
.tr-header .th:nth-child(1) {
width: 10%;
}
.tr-header .th:nth-child(2) {
width: 20%;
}
.tr-header .th:nth-child(3){
width: 25%;
}
.tr-header .th:nth-child(4) {
width: 30%;
}
.tr-header .th:nth-child(5) {
width: 15%;
}
}
@media(max-width:768px){
.td-detail-vacancy a{
display: block;
width: 100%;
height: auto;
padding: 2rem 2rem;
}
.tr.tr_body {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.checkbox-style,.filter_vakansii_form .checkbox__label{
font-size: 13px;
}
}
@media(min-width:1540px){
.page-header-info {
right: -4rem;
left: auto;
transform: translateX(100%);
}
}
.chernika-right{
transform: translate3d(0px, 92px, 0px) rotateX(0deg) rotateY(180deg) rotateZ(0deg) scale3d(1, 1, 1)!important;
right: 0;
left: auto;
}
@media(min-width:1091px){
.tr-header {
top: 200px;
}
.page-header__nav {
transition: all 0.3s ease;
}
.page-header__nav.fixed {
position: fixed;
top: 113px;
width: 100%;
display: block;
z-index: 101;
background-color: white;
}
aside {
transition: all 0.3s ease;
}
aside.fixed {
position: sticky;
top: 150px;
padding-top: 10px;
background-color: #fff;
z-index: 101;
}
.sidebar.fixed .filter-item__header{display: none;}
}
@media(max-width:1090px){
.tr-header {
top: 150px;
}
.page-header__nav {
transition: all 0.3s ease;
}
.page-header__nav.fixed {
position: fixed;
top: 57px;
width: 100%;
display: block;
z-index: 101;
background-color: white;
}
.circle-btn_default {
width: auto!important;
padding: 10px 10px;
margin: 0px;
font-size: 13px;
}
aside {
transition: all 0.3s ease;
}
aside.fixed {
position: sticky;
top: 90px;
padding-top: 10px;
background-color: #fff;
z-index: 101;
}
.sidebar.fixed .filter-item__header{display: none;}
}
@media(max-width:420px){
aside.fixed{
top: 125px;
}
.background-tovar{
width: 100%!important;
}
}
.vacancy-phone-section__img .phone-section__img{
background-position: center;
}
.section_map{
margin-top: 30px;
}
.karera-flex{
display: flex;
justify-content: center;
}
.cake-form__item.errors-data {
margin-top: 0;
margin-bottom: 3rem;
}
.cake-form__item_mw.errors-data {
display: block;
margin-left: 0;
margin-right: 0;
}
.errors-data {
margin: 10px;
color: red;
font-size: 14px;
font-style: italic;
display: none;
position: relative;
}
.cake-form__item_mw.errors-data .input_default {
height: 55px;
color: #eb5635;
}
.errors-data .input {
color: #eb5635;
border-color: #eb5635;
background: #ffeeea;
}
.background-tovar{
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.background-tovar-flex{
width: 50%;
position: fixed;
top: 0;
height: 100%;
left: 50%;
transform: translateX(-50%);
}
.fancybox-content-background{
text-align: center;
width: 100%;
}
.ester-cakes-order {
background-image: url(/local/templates/main/images/cake-list-2.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
background-color: #fff;
}
.cake-form__item_time {
width: 90%;
}
.cake-form__item_time.error {
display: block;
margin-left: 0;
margin-right: 0;
}
.cake-form__item.error .time-wrapper{
background: #ffeeea;
}
@media(min-width:1171px){
.aside-menu .catalog-col__item{
overflow-y: scroll;
height: 70vh;
width: 100%;
}
.aside-menu .catalog-list-scroll-menu{
overflow-y: scroll;
height: 70vh;
width: 100%;
}
.aside-menu .catalog-col__item::-webkit-scrollbar {
width: 1px;
width: 10px;
background: grey;
height: 10px;
border-radius: 10px;
border: solid transparent;
background-clip: padding-box;
background-color: transparent;
}
.aside-menu .catalog-list-scroll-menu::-webkit-scrollbar {
width: 1px;
width: 10px;
background: grey;
height: 10px;
border-radius: 10px;
border: solid transparent;
background-clip: padding-box;
background-color: transparent;
}
.aside-menu .catalog-col__item:hover::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: transparent;
}
.aside-menu .catalog-list-scroll-menu:hover::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: transparent;
}
.aside-menu .catalog-list-scroll-menu:hover::-webkit-scrollbar-thumb {
width: 10px;
height: 10px;
background-color: #f5f5f5;
border-radius: 10px;
}
.aside-menu .catalog-col__item:hover::-webkit-scrollbar-thumb {
width: 10px;
height: 10px;
background-color: #f5f5f5;
border-radius: 10px;
}
}
.error .select2-selection--single{
border-color: #eb5635!important;
background: #ffeeea;
}
.logout-button {
cursor: pointer;
font-size: 20px;
color: red;
}
.logout-button:hover {
color: #bd001a; /* Цвет крестика при наведении */
}
.button-center{
text-align: center;
margin: 40px;
}
.old-menu{
display: none;
}
/* End */
/* Start:/local/templates/main/css/faq.css?16602203142553*/
/**/
.faq__item:last-child{
border-bottom:2px solid #f1f3e7;
}
.faq__item:last-of-type {
border-bottom:2px solid #f1f3e7;
}
.faq__item {
max-width: 1023px;
margin-left: auto;
}
.faq__title{
font-size: 1.8rem;
}
.faq__header{
padding: 2.2rem;
padding-right: 6rem;
position: relative;
border-top:2px solid #f1f3e7;
}
.faq__ico{
transition: all .2s ease;
display: inline-block;
width: 30px;
height: 30px;
position: absolute;
right: 20px;
top: 18px;
}
.faq__ico:before{
content: '';
width: 2px;
height: 30px;
background: #333;
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.faq__ico:after{
content: '';
width: 30px;
height: 2px;
background: #333;
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.faq__content{
display: none;
padding-bottom: 2rem;
line-height: 1.6;
}
.faq__item.active .faq__ico{
transform: rotate(45deg);
}
.faq__desc{
padding-top: 1.5rem;
}
.faq__content{
padding-left: 2.2rem;
padding-right: 2.2rem;
}
.faq__cat-title {
font-weight: 600;
font-size: 20px;
line-height: 32px;
/* identical to box height, or 160% */
color: #000000;
padding-bottom: 20px;
border-bottom: 2px solid #A2C247;
margin-bottom: 20px;
}
.faq__cat-title:not(:first-child) {
margin-top: 50px;
padding: 20px 0;
}
.faq__cat-title + .faq__item .faq__header {
border-top: unset;
}
.faq__content {
font-weight: 400;
font-size: 16px;
line-height: 32px;
/* or 200% */
color: #444446;
}
.faq__content a {
color: #94C22C;
}
.faq__content img {
width: 100%;
object-fit: cover;
}
@media(max-width:640px){
.faq__content{
padding-left: 0;
padding-right: 0;
}
.faq__ico{
right: 0;
top: 13px;
}
.faq__header{
padding:1.4rem 0rem;
padding-right: 4rem;
}
.faq__title{
font-size: 1.4rem;
}
.faq__content{
font-size: 1.4rem;
}
.faq__ico{
width: 20px;
height: 20px;
}
.faq__ico:before{
height: 20px;
}
.faq__ico:after{
width: 20px;
}
.faq__cat-title:not(:first-child) {
margin-top: 30px;
padding: 10px 0;
}
.faq__cat-title {
font-size: 1.6rem;
line-height: 1.25;
padding-bottom: 10px;
margin-bottom: 10px;
}
}
/* End */
/* Start:/local/templates/main/css/footer.css?1592912927383*/
.footer__phone-ico{
width: 14px;
height: 14px;
margin-right: 1rem;
fill:#94c22b;
}
.watsup-ico{
width: 14px;
height: 14px;
margin-right: 1rem;
}
.footer-item__link{
display: flex;
margin-bottom: 1rem;
}
.footer-item__title{
margin-bottom: 1.5rem;
}
.footer-item_offset{
margin-bottom: 3rem;
}
.footer-item__mail{
margin-bottom: 2rem;
}
/* End */
/* Start:/local/templates/main/css/newsline.css?1592912927759*/
/**/
.article-tile__img{
display: block;
width: 100%;
font-size: 0;
border-radius: 10px;
overflow: hidden;
margin-bottom: 2rem;
}
.article-tile{
display: block;
margin-bottom: 3rem;
}
.article-tile__pic{
width: 100%;
}
.article-tile__title{
display: block;
font-size: 1.8rem;
font-weight: 600;
display: block;
margin-bottom: 1.5rem;
}
.new-baner__ico{
width:18px;
height: 18px;
fill:#cbcbcb;
margin-right: 1.2rem;
}
.new-baner-ico{
margin-right: 3rem;
}
.new-baner-ico__title{
color: #cbcbcb;
}
.arugula{
right: 0;
top: -22px;
}
@media(max-width:1380px){
.article-tile__title{
font-size: 1.4rem;
}
.new-baner-ico {
margin-right: 1rem;
}
}
/* End */
/* Start:/local/templates/main/css/jquery.mCustomScrollbar.css?159585848254850*/
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ /* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
cursor: pointer;
width: 100%;
height: 30px; /* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; /* minimum dragger width */
height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; /* auto-expanded scrollbar */
margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; /* auto-expanded scrollbar */
margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; /* non-visible scrollbar */
margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(/local/templates/main/css/mCSB_buttons.png); /* css sprites */
background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px;
/*
sprites locations
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px;
/*
sprites locations
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; /* auto-expanded scrollbar */
height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; /* auto-expanded scrollbar */
width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; /* auto-expanded scrollbar */
margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0;
margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0;
margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0;
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
/* ---------------------------------------- */
/* End */
/* Start:/local/components/wf/call_back/templates/.default/style.css?16557551471520*/
/**/
.call-btn{
width: 126px;
height: 116px;
background: #7AA028;
border-radius: 57px 72px 62px 62px / 59px 28px 30px 57px;
position: fixed;
right: -14px;
bottom: 25%;
z-index: 9;
display: inline-flex;
align-items: center;
padding-left: 10px;
}
.call-btn__circle{
width:94px;
display: inline-flex;
align-items: center;
justify-content: center;
height: 94px;
border-radius: 50%;
background: #85AE2A;
}
.call-btn__sub{
padding: 10px;
width:54px;
height: 54px;
border-radius: 50%;
background: #8ab52a;
display: inline-flex;
align-items: center;
justify-content: center;
}
.popup-call{
max-width: 350px;
margin-left: auto;
margin-right: auto;
position: relative;
background: #fff;
padding: 24px 22px;
}
.popup__title{
margin-bottom: 1.5rem;
}
.popup__desc{
font-size: 1.8rem;
}
.form__item_m-offset{
margin-bottom:1.5rem;
}
.btn_full{
width: 100%;
}
.call-popup__btn{
padding: 1.8rem 2rem;
}
#call-popup .popup-call{
margin-bottom: 2rem;
}
@media(max-width:600px){
.call-btn__circle{
flex-shrink: 0;
width: 68px;
height: 68px;
}
.call-btn__sub{
width: 46px;
height: 46px;
}
.call-btn{
padding-left: 0;
background: none;
width: 58px;
height: 58px;
right: 0;
}
}
.error{
margin: 10px;
color: red;
font-size: 14px;
font-style: italic;
display: none;
}
/* End */
/* Start:/local/templates/main/css/new-header.css?173856335412575*/
.desctop-header__wrap {
max-width: 1600px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
width: 100%;
}
.header-top {
background: #F9F9F9;
padding: 9px 0;
}
.header-top .desctop-header__wrap, .header-bot .desctop-header__wrap {
display: flex;
flex-wrap: wrap;
}
.header-bot__bot {
padding-top: 27px;
padding-bottom: 0px;
}
.header-bot__top {
padding-top: 15px;
padding-bottom: 15px;
}
.header-location__link {
display: inline-flex;
align-items: center;
}
.header-location__icon {
display: inline-flex;
justify-content: center;
align-items: center;
}
.header-location__text {
font-weight: 400;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #818181;
padding-left: 8px;
}
.header-top__content {
padding-left: 15px;
margin-left: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.desctop-header {
padding-top: 0;
}
.header-top__nav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.header-top__nav-item {
list-style: none;
position: relative;
}
.header-top__nav-item:not(:last-of-type) {
margin-right: 32px;
}
.header-top__nav-link {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #818181;
}
.header-top__nav-drop:before {
content: '';
width: 100%;
height: 22px;
display: block;
position: absolute;
top: 0;
left: 0;
transform: translateY(-100%);
}
.header-top__nav-drop:after {
content: '';
position: absolute;
top: -8px;
left: 62px;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0L14.8612 7.5H0.138784L7.5 0Z' fill='%2394C22B'/%3E%3C/svg%3E%0A");
width: 15px;
height: 8px;
}
.header-top__nav-drop {
position: absolute;
left: -32px;
bottom: -19px;
background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.14);
border-radius: 0px 0px 5px 5px;
padding-top: 22px;
padding-bottom: 22px;
border-top: 2px solid #94C22B;
z-index: 10;
transform: translateY(calc(100% + 20px));
opacity: 0;
pointer-events: none;
transition: all .15s linear;
}
.header-top__nav-item:hover .header-top__nav-drop {
opacity: 1;
pointer-events: auto;
transform: translateY(100%);
}
.header-top__nav-drop-link {
font-weight: 400;
display: block;
font-size: 15px;
line-height: 18px;
/* identical to box height */
color: #000000;
padding: 8px 30px;
}
.header-top__nav-drop-link:hover {
background: rgba(148, 194, 43, 0.2);
}
.lang-change {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-top .lang-change {
margin-left: 32px;
}
.lang-change__item:not(:last-of-type) {
margin-right: 8px;
}
.lang-change__item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 14px;
color: #838383;
padding: 3px 9px;
line-height: 1;
border: 1px solid #E8E8E8;
border-radius: 50px;
height: 22px;
width: 38px;
}
.lang-change__item.is-active {
color: #94C22B;
border-color: #94C22B;
}
.header-top .phone-item {
margin-left: 79px;
}
.phone-link {
display: flex;
flex-wrap: wrap;
font-weight: 700;
font-size: 14px;
line-height: 16px;
color: #000000;
}
.phone-link__icon {
display: flex;
justify-content: center;
align-items: center;
}
.phone-link__text {
padding-left: 8px;
}
.header-search-main {
flex: 1;
min-width: 0;
max-width: 754px;
position: relative;
margin-left: 50px;
}
.header-search-main__input {
background: #FFFFFF;
border: 2px solid rgba(0, 0, 0, 0.08);
border-radius: 5px;
padding: 12px 20px;
font-weight: 400;
font-size: 15px;
line-height: 18px;
width: 100%;
}
.header-search-main__btn {
background: transparent;
border: unset;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: flex-start;
align-items: center;
height: 43px;
width: 37px;
cursor: pointer;
padding: 0;
}
.header-search-main__btn svg{
width: 100%;
height: 100%;
}
.header-search-main__btn img{
/* width: 100%;
height: auto; */
object-fit: contain;
}
.header-bot__top .header-bot__nav {
padding-left: 15px;
margin-left: auto;
}
.header-bot__nav {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-bot__item {
list-style: none;
}
.header-bot__item:not(:last-of-type) {
margin-right: 34px;
}
.header-bot__link {
display: flex;
align-items: center;
font-weight: 400;
font-size: 16px;
line-height: 19px;
/* identical to box height */
color: #000000;
}
.header-bot__link:hover {
color: #94C22B;
}
.header-bot__icon {
display: flex;
align-items: center;
}
.header-bot__text {
margin-left: 8px;
}
.header-bot__text--underline {
border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.header-bot__main-nav__list {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
margin: 0;
}
.header-bot__main-nav__item {
list-style: none;
}
.header-bot__main-nav__item:not(:last-of-type) {
margin-right: 15px;
}
.header-bot__main-nav__link {
display: flex;
align-items: center;
font-weight: 400;
font-size: 15px;
color: #000000;
}
.header-bot__main-nav__link:hover {
color: #94C22B;
}
.header-bot__main-nav__icon {
display: flex;
justify-content: center;
margin-right: 7px;
}
.header-bot__main-nav__text {
flex: 1;
}
@media (max-width: 1500px) {
.header-location__text {
font-size: 13px;
line-height: 15px;
}
.header-top__nav-link {
font-size: 13px;
line-height: 15px;
}
.phone-link {
font-size: 14px;
line-height: 16px;
}
.header-top__nav-item:not(:last-of-type) {
margin-right: 28px;
}
.header-top .lang-change {
margin-left: 28px;
}
.header-top .phone-item {
margin-left: 56px;
}
.header-search-main {
max-width: 484px;
margin-left: 45px;
}
.header-bot__link {
font-size: 14px;
line-height: 16px;
}
.header-bot__item:not(:last-of-type) {
margin-right: 30px;
}
.header-bot__main-nav__link {
font-size: 14px;
line-height: 16px;
}
}
.mobile-header-btn span {
border-radius: 0px;
}
.mobile-header-top__right .lang-change{
margin-right: 28px;
}
.mobile-header-top__right {
display: flex;
/* flex-wrap: wrap; */
align-items: center;
}
.mobile-header-top .mobile-header__logo{ margin-right: 5px;}
.mobile-header-content {
background: #fff;
overflow-y: auto;
height: var(--vh);
padding-bottom: 20px;
}
.mobile-header-city {
background: #F9F9F9;
padding: 13px;
padding-top: 19px;
padding-bottom: 16px;
}
.dashed {
border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.mobile-header-catalog {
display: flex;
flex-wrap: wrap;
width: 100%;
background: #94C22B;
font-weight: 500;
font-size: 15px;
line-height: 18px;
/* identical to box height */
color: #FFFFFF;
padding: 16px;
}
.mobile-header-catalog__content {
display: flex;
flex-wrap: wrap;
align-items: center;
flex: 1;
min-width: 0;
}
.mobile-header-catalog__icon {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 10px;
}
.mobile-header-body {
padding: 25px 15px;
padding-bottom: 0;
}
.mobile-header-cats {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
}
.mobile-header-cats__item {
width: calc(50% - 5px );
}
.mobile-header-cats__link {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 6px;
padding: 10px 10px;
padding: 14px;
}
.mobile-header-cats__link--red {
background: rgba(255, 99, 136, 0.1);
border: 1px dashed rgba(255, 99, 136, 0.4);
}
.mobile-header-cats__link--orange {
background: rgba(234, 178, 34, 0.1);
border: 1px dashed rgba(234, 178, 34, 0.4);
}
.mobile-header-cats__text {
font-weight: 400;
font-size: 14px;
line-height: 18px;
/* identical to box height */
color: #000000;
margin-top: 2px;
}
.mobile-header-nav__link {
display: flex;
flex-wrap: wrap;
width: 100%;
font-weight: 400;
font-size: 15px;
line-height: 18px;
/* identical to box height */
color: #000000;
padding: 15px 0;
border-top: 1px solid #E1E1E1;
align-items: center;
}
.mobile-header-nav__item:first-of-type .mobile-header-nav__link{
padding-top: 0;
border-top: unset;
}
.mobile-header-nav__item:last-of-type .mobile-header-nav__link {
padding-bottom: 0;
border-bottom: unset;
}
.mobile-header-nav__text {
flex: 1;
}
.mobile-header-nav__arow {
width: 24px;
height: 24px;
display: flex;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7646 12L8 6.13679L9.11768 5L16 12L9.11768 19L8 17.8632L13.7646 12Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
}
.mobile-header-login {
margin-top: 35px;
}
.mobile-header-login__link {
display: flex;
flex-wrap: wrap;
align-items: center;
background: rgba(148, 194, 43, 0.2);
font-weight: 400;
font-size: 15px;
line-height: 18px;
padding: 15px;
}
.mobile-header-login__icon {
display: flex;
align-items: center;
margin-right: 8px;
}
.mobile-header-login__text {
border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.mobile-header-phone {
padding: 0 16px;
margin-top: 30px;
}
.mobile-header-sub-nav {
margin-top: 30px;
padding: 0 13px;
}
.mobile-header-info {
width: 100%;
margin-top: 30px;
padding: 16px;
background: rgba(206, 206, 206, 0.2);
}
@media (max-width: 1090px) {
.mobile-header__pic {
width: 122px;
height: 28px;
}
.header-top__nav-link {
font-weight: 400;
font-size: 15px;
line-height: 18px;
/* identical to box height */
color: #818181;
}
.header-bot__nav {
flex-direction: column;
margin: 0;
padding: 0;
align-items: flex-start;
}
.header-bot__item:not(:last-of-type) {
margin-right: 0;
margin-bottom: 15px;
}
.phone-link__text {
font-weight: 500;
font-size: 16px;
line-height: 19px;
/* identical to box height */
color: #070707;
}
.header-search-main {
width: 100%;
padding: 0;
margin: 0;
max-width: 100%;
margin-bottom: 20px;
}
.lang-change__item {
border-color: transparent;
width: 41px;
height: 24px;
}
.lang-change__item + .lang-change__item {
margin-left: -3px;
}
.lang-change__item:not(:last-of-type) {
margin-right: 0;
}
.lang-change {
border: 1px solid #E8E8E8;
border-radius: 50px;
}
.lang-change__item.is-active {
position: relative;
z-index: 1;
}
}
@media (max-width: 480px) {
.mobile-header-btn span {
width: 26px;
height: 2px;
}
.mobile-header-btn {
width: 26px;
height: 26px;
top: 1px;
}
.mobile-header-btn span:nth-child(3) {
top: 16px;
}
.mobile-header-btn span:nth-child(1) {
top: 4px;
}
.mobile-header-top {
padding: 12px 15px
}
}
/* End */
/* Start:/local/templates/main/css/header2022.css?16777574551112*/
.mobile-header {
background: #FBFBFB;
z-index: 20;
}
.mobile-header-app {
margin-left: auto;
margin-right: 15px;
font-size: 12px;
line-height: 1;
}
.mobile-header-app .header-bot__link {
font-size: 12px;
line-height: 1;
}
.mobile-header-more {
padding: 16px 0;
background: #FBFBFB;
}
@media (min-width: 1091px) {
.mobile-header-more {
display: none;
}
}
.mobile-header-more .header-search-main {
margin-bottom: 0 !important;
}
.mobile-header-more__links {
display: flex;
align-items: center;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #000000;
}
.mobile-header-more__links:not(:last-child) {
margin-bottom: 12px;
}
.mobile-header-more__links a:not(:last-child) {
margin-right: 8px;
}
.desctop-header--new .header-top {
background: #F1F1F1;
}
.desctop-header--new .header-top .header-location__text,
.desctop-header--new .header-top .header-top__nav-link {
color: #000000;
}
.desctop-header--new .header-top .lang-change__item {
font-weight: 700;
padding: 0;
border: none;
}
/* End */
/* Start:/local/templates/main/css/catalog.css?172051888989220*/
#preloader_ajax{
margin-left: auto;
margin-right: auto;
}
.catalog-col__item{
margin-bottom: 2.2rem;
}
.catalog-list{
display: none;
}
.catalog-list a{
display: block;
margin-top: 7px;
margin-bottom: 7px;
font-size: 14px;
}
.catalog-col__ico{
width: 20px;
position: relative;
display: inline-block;
height: 20px;
margin-left: 10px;
}
.catalog-col__ico:before{
content: '';
width: 12px;
height: 2px;
background: #93c22c;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.catalog-col__link{
display: flex;
align-items: center;
}
.catalog-col__ico:after{
content: '';
width: 2px;
height: 12px;
background: #93c22c;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.catalog-col__item .catalog-col__link {
margin-bottom: 0rem;
}
.catalog-col__link.active .catalog-col__ico:after{
transform: rotate(90deg);
}
.catalog-col__link.active span {
padding:0rem;
background: none;
color: #93c22c;
border-radius:0;
margin-left: 0rem;
}
.catalog-col {
padding-top: 6rem;
}
.catalog-col__link .number {
color: rgba(131, 131, 131, 0.5);
margin-left: 0.5rem;
font-weight: 400;
}
.tort-order__pic-none {
max-width: 180px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#ajax_catalog_load .tort-order__img {
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1550px) {
.tort-order {
padding: 5rem 4rem;
}
}
@media (max-width: 1360px) {
a.catalog-col__link {
font-size: 1.4rem;
}
}
@media (max-width: 1270px) {
.catalog-col .catalog-col__item {
max-width: 200px;
width: 100%;
}
.catalog-col__item .catalog-col__link {
display: flex;
justify-content: space-between;
}
}
@media (max-width: 990px) {
.catalog-col {
padding-top: 2rem;
}
.catalog-col .catalog-col__item {
max-width: 100%;
}
.catalog-col__item .catalog-col__link {
justify-content: flex-start;
}
.catalog-col__item {
margin-bottom: 1.5rem !important;
}
}
@media (max-width: 600px) {
.tort-order {
padding: 5rem 1rem;
}
}
.catalog-col {
flex-direction: column;
display: flex;
}
.catalog-col__link {
line-height: 1;
font-weight: 500;
color: #444444;
margin-bottom: 2.2rem;
transition: all 0.3s ease;
}
.catalog-col__link:hover {
color: #8ebd40;
transition: all 0.3s ease;
}
.tort-order_offset-top {
padding-top: 2rem;
}
.catalog-col__link.active:hover {
color: #444444;
transition: all 0.3s ease;
}
.catalog-col__link:last-child {
margin-bottom: 0;
}
.catalog-col {
padding-top: 2rem;
}
.catalog__label .circle {
position: relative;
}
.catalog__label .circle:before {
position: absolute;
top: 11px;
left: 17px;
display: block;
width: 6px;
height: 6px;
content: '';
transform: rotate(-45deg);
border-bottom: 2px solid #94c22b;
border-left: 2px solid #94c22b;
}
.catalog__label.active .circle:before{
transform: rotate(135deg);
top: 15px;
}
.catalog__label {
display: none;
font-size: 2.6rem;
font-weight: 700;
}
.tort-order__price {
display: flex;
align-items: center;
justify-content: center;
}
.tort-order-line {
margin-right: 1rem;
position: relative;
}
.tort-order-line:before {
content: '';
width: 100%;
height: 0.1rem;
top: 50%;
position: absolute;
left: 0;
background-color: #969696;
}
@media (max-width: 1540px) {
.tort-order__desc {
padding-left: 1rem;
padding-right: 1rem;
}
.tort-order {
padding: 5rem 2rem;
}
}
@media (max-width: 1460px) {
.catalog-col__link{
font-size: 14px;
}
}
@media (max-width: 1110px) {
.tort-order__price {
flex-direction: column;
}
.tort-order-line {
margin-right: 0;
margin-bottom: 0.2rem;
}
}
@media (max-width: 1100px) {
.catalog-col__link {
font-size: 1.4rem;
}
}
@media (max-width: 990px) {
.tort-order__price {
flex-direction: row;
}
.catalog-col {
padding-left: 1rem;
}
.tort-order-line {
margin-right: 1rem;
margin-bottom: 0rem;
}
.catalog__label {
display: block;
}
.tort-order__title {
font-size: 3rem;
}
.catalog-col__link {
width: 25%;
}
.catalog-container {
margin-bottom: 3rem;
}
.catalog-col {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.togglers__content {
display: none;
}
}
.tort-order__price-black {
font-weight: 900;
color: #000;
}
.tort-order-line {
font-weight: 400;
color: #838383;
}
@media (max-width: 890px) {
.catalog-col__link {
width: 50%;
}
}
@media (max-width: 600px) {
.tort-order__title {
font-size: 2.5rem;
}
}
@media (max-width: 480px) {
.catalog-col__link {
width: 100%;
}
}
/* 21.05 */
.catalog-col .catalog-col__item {
margin-bottom: 2.2rem;
}
@media (max-width: 1200px) {
.tort-order-section.tort-order-section_offset {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media (max-width: 990px) {
.catalog-col__item {
width: 100%;
margin-bottom: 1rem !important;
}
.catalog-col__item .catalog-col__link {
width: 100%;
}
}
/* 21.05 */
.catalog-col__link.active ~ .catalog-list{
display: block;
}
.load_more_wrapper{
position: relative;
}
/* new */
.img-height {
height: 236px;
}
@media (max-width: 1250px) {
.img-height {
height: 202px;
}
}
@media (max-width: 990px) {
.tort-title-size {
font-size: 1.4rem;
}
.tort-order__price{
flex-direction: column;
}
}
@media(max-width:600px) {
.img-height {
height: 192px;
}
}
/* 26.05 */
.catalog-col__item{
margin-bottom: 2.2rem;
}
.catalog-list{
display: none;
}
.catalog-list a{
display: block;
margin-top: 7px;
margin-bottom: 7px;
font-size: 14px;
transition: all 0.3s ease;
}
.catalog-list a:hover {
color: #93c22c;
transition: all 0.3s ease;
}
.catalog-col__ico{
width: 20px;
position: relative;
display: inline-block;
height: 20px;
margin-left: 10px;
}
.catalog-col__ico:before{
content: '';
width: 12px;
height: 2px;
background: #93c22c;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.catalog-col__link{
display: flex;
align-items: center;
}
.catalog-col__ico:after{
content: '';
width: 2px;
height: 12px;
background: #93c22c;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.catalog-col__item .catalog-col__link {
margin-bottom: 0rem;
}
.catalog-col__link.active .catalog-col__ico:after{
transform: rotate(90deg);
}
.catalog-col__link.active span {
padding:0rem;
background: none;
color: #93c22c;
border-radius:0;
margin-left: 0rem;
}
.catalog-col {
padding-top: 6rem;
}
.catalog-col__link .number {
color: rgba(131, 131, 131, 0.5);
margin-left: 0.5rem;
font-weight: 400;
}
.tort-order__pic-none {
max-width: 180px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.tort-order__img {
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1550px) {
.tort-order {
padding: 5rem 4rem;
}
}
@media (max-width: 1360px) {
a.catalog-col__link {
font-size: 1.4rem;
}
}
@media (max-width: 1270px) {
.catalog-col .catalog-col__item {
max-width: 200px;
width: 100%;
}
.catalog-col__item .catalog-col__link {
display: flex;
justify-content: space-between;
}
}
@media (max-width: 990px) {
.catalog-col {
padding-top: 2rem;
}
.catalog-col .catalog-col__item {
max-width: 100%;
}
.catalog-col__item .catalog-col__link {
justify-content: flex-start;
}
.catalog-col__item {
margin-bottom: 1.5rem !important;
}
}
@media (max-width: 600px) {
.tort-order {
padding: 5rem 1rem;
}
}
/* new */
.img-height {
height: 242px;
}
.icon_line {
width: 20px;
height: 20px;
fill: #9e9e9e;
}
.tort-btn-one {
margin-right: 1rem;
}
.icon_quer {
width: 20px;
height: 17px;
fill: #9e9e9e;
}
.tort-order__buttons {
display: none;
align-items: center;
}
.catalog-list {
padding-left: 2rem;
padding-top: 1rem;
}
.catalog-list a .number {
color: rgba(131, 131, 131, 0.5);
font-weight: 400;
}
@media (max-width: 1250px) {
.img-height {
height: 202px;
}
}
@media (max-width: 990px) {
.tort-title-size {
font-size: 1.4rem;
}
.catalog__label .circle:before {
position: absolute;
top: 5px;
}
.catalog__label.active .circle:before {
top: 8px;
}
.tort-order__buttons {
display: flex;
}
.tort-oreder__row {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.tort-order__price{
flex-direction: column;
}
}
@media(max-width:600px) {
.img-height {
height: 133px;
}
}
@media (max-width: 560px) {
.img-height {
height: 102px;
}
.tort-order__title {
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 0.5rem;
}
}
@media(max-width: 400px) {
.img-height {
height: 84px;
}
.tort-order__head {
font-size: 1.7rem !important;
}
.catalog__label {
font-size: 1.7rem !important;
}
}
@media (max-width: 1270px) {
.catalog-col .catalog-col__item {
max-width: 100%;
}
}
@media (max-width: 1126px) {
.tort-order-offset {
padding: 3rem 0rem;
}
}
@media (max-width: 1050px) {
.catalog-list {
padding-left: 1rem;
}
.aside-menu .catalog-list {
padding-left: 2.3rem;
}
.catalog-list a {
font-size: 12px;
}
}
@media (max-width: 600px) {
.widget-tort .btn_default {
font-size: 1.3rem;
padding: 1rem 1.4rem;
}
}
@media (max-width: 360px) {
.widget-tort__single .img-height {
height: 132px !important;
}
}
.tort-btn-two.active .icon_line {
fill: #000;
}
.tort-btn-one.active .icon_quer {
fill: #000;
}
.catalog-list .active-green {
color: #93c22c;
}
.widget-tort {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.widget-width {
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 33%;
}
.widget-tort__single .tort-order__desc {
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1150px) {
.tort-order__price {
flex-direction: column;
}
.tort-order-line {
margin-right: 0;
}
}
@media (max-width: 990px) {
.tort-order__title {
font-size: 1.8rem;
}
.tort-order {
padding: 2rem 1rem;
}
.tort-order__head {
font-size: 2rem;
}
.catalog__label {
font-size: 2rem;
}
.widget-tort__single .widget-width {
width: 100%;
}
.widget-tort__single .tort-order-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.widget-tort__single .tort-order__desc {
margin-right: 2rem;
}
.widget-tort__single .img-height {
height: 152px;
}
.widget-tort__single .tort-order__pic-none {
max-width: 221px;
}
.widget-tort__single .tort-order__pic {
width: 100%;
max-width: 221px;
}
.widget-tort__single .tort-order__desc {
width: 100%;
margin-left: 1rem;
margin-right: 1rem;
padding: 0;
}
}
@media (max-width: 600px) {
.tort-order__desc {
padding: 1rem 1rem 1rem;
}
.tort-order_offset-top {
padding-top: 0;
}
.tort-order__title {
font-size: 1.6rem;
}
.tort-order__price {
font-size: 1.3rem;
}
.tort-order__weight {
font-size: 1.1rem;
margin-top: 5px;
}
.widget-width {
padding-left: .5rem;
padding-right: .5rem;
}
.tort-order-item {
margin-bottom: 1.5rem;
}
.catalog-container {
margin-bottom: 2rem;
}
.widget-tort .tort-order__title {
font-size: 1.4rem;
}
}
@media (max-width: 550px) {
.tort-order {
padding: 0;
border: none;
}
.section-padding {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 400px) {
.widget-tort__single .tort-order__desc {
margin-right: 1rem;
}
.widget-tort .tort-order__title {
font-size: 1.1rem;
}
.tort-order__desc {
padding: 0.5rem 0.2rem 0.5rem 0.2rem;
}
}
@media (max-width: 390px) {
.widget-tort__single .tort-order__pic-none {
max-width: 177px;
}
.widget-tort__single .tort-order__pic {
max-width: 177px;
}
.widget-tort__single .img-height {
height: 143px;
}
}
@media(max-width: 360px) {
.widget-width {
width: 50%;
}
.widget-tort__single .tort-order__pic-none {
max-width: 149px;
margin-left: 0.5rem;
}
.widget-tort .tort-order__title {
font-size: 1.2rem;
}
.widget-tort__single .tort-order__price {
font-size: 1.1rem;
}
}
@media (max-width: 340px) {
.widget-tort__single .tort-order__desc {
margin-right: 0.5rem;
margin-left: 0.5rem;
}
}
/* 26.05 */
/*NEW BANNERS*/
.tort-slider-container {
position: relative;
}
.tort-order__head {
display: none;
}
.tort-order__head.tort-order__head_desc {
display: flex;
}
.tort-order-slider {
margin-bottom: 2rem;
}
.tort-slider__arrow .arrow-l {
cursor: pointer;
position: absolute;
left: -4rem;
top: 50%;
transform: translateY(-50%);
}
.tort-slider__arrow .arrow-l .circle {
position: relative;
width: 2rem;
display: block;
border-radius: 50%;
height: 2rem;
background-color: #aee946;
}
.tort-slider__arrow .arrow-l .circle:before {
top: 50%;
left: 5px;
transform: translateY(-50%) rotate(-45deg);
content: '';
width: 0.5rem;
height: 0.5rem;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
position: absolute;
}
.tort-slider__arrow .arrow-l .circle:after {
top: 9px;
left: 6px;
content: '';
width: 1rem;
height: 2px;
background: #fff;
position: absolute;
}
.tort-slider__arrow .arrow-r {
cursor: pointer;
position: absolute;
right: -4rem;
top: 50%;
transform: translateY(-50%) rotate(180deg);
}
.tort-slider__arrow .arrow-r .circle {
position: relative;
width: 2rem;
display: block;
border-radius: 50%;
height: 2rem;
background-color: #aee946;
}
.tort-slider__arrow .arrow-r .circle:before {
top: 50%;
left: 5px;
transform: translateY(-50%) rotate(-45deg);
content: '';
width: 0.5rem;
height: 0.5rem;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
position: absolute;
}
.tort-slider__arrow .arrow-r .circle:after {
top: 9px;
left: 6px;
content: '';
width: 1rem;
height: 2px;
background: #fff;
position: absolute;
}
.tort-order-list {
margin-top: 3rem;
}
.tort-order-slider__item {
position: relative;
}
.tort-order-slider__item .circle:hover {
transition: all 0.3s ease;
background-color: #ccc;
}
.tort-order-slider__item .circle {
transition: all 0.3s ease;
width: 2.5rem;
height: 2.5rem;
position: absolute;
right: 2rem;
top: 2rem;
border-radius: 50%;
background-color: rgba(204, 204, 204, 0.5);
cursor: pointer;
}
.tort-order-slider__item .circle:before {
content: '';
position: absolute;
width: 1rem;
height: 0.2rem;
left: 7px;
transform: rotate(45deg);
top: 11px;
background-color: #fff;
}
.tort-order-slider__item .circle:after {
content: '';
position: absolute;
width: 1rem;
height: 0.2rem;
left: 7px;
transform: rotate(-45deg);
top: 11px;
background-color: #fff;
}
.tort-slider-container.destroy {
display: none;
}
@media (max-width: 1127px) {
.tort-order-offset {
padding-right: 4rem;
}
}
@media (max-width: 990px) {
.tort-oreder__row {
flex-direction: column;
}
.tort-order__head {
display: flex;
}
.tort-order__head.tort-order__head_desc {
display: none;
}
.tort-slider-container {
margin-bottom: 2rem;
}
.tort-order-slider__item {
position: relative;
}
.tort-slider__arrow .arrow-l {
left: -1.5rem;
z-index: 2;
}
.tort-slider__arrow .arrow-r {
right: -1.5rem;
z-index: 2;
}
.tort-order-slider__item .circle {
z-index: 12;
}
}
@media (max-width: 640px) {
.tort-slider__arrow .arrow-l {
left: 0.5rem;
}
.tort-slider__arrow .arrow-r {
right: 0.5rem;
}
}
@media (max-width: 500px) {
.tort-order-slider__item .circle {
right: 1rem;
top: 1rem;
}
}
.widget-tort .tort-order__pic {
width:auto;
}
/* 05.06 */
.tort-order-slider__item img {
border-radius: 1rem;
}
/* 05.06 */
.page-header.page-header_green {
z-index: 1;
}
.tort-order__img {
position: relative;
}
.tort-order__plash {
position: absolute;
right: -2.5rem;
top: 1rem;
z-index: 3;
width: 65px;
}
.tort-order__import {
width: 100px;
}
.tort-order-item {
position: relative;
}
.widget-tort .tort-order__pic {
height: 88%;
}
@media (max-width: 1670px) {
.section_jornal:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
background: rgba(248, 248, 248, .9);
}
}
@media (max-width: 990px) {
.widget-tort__single .tort-order__title {
margin-top: 9rem;
}
.widget-tort__single .tort-order__plash {
top: 1rem;
right: 3rem;
}
.widget-tort__single .tort-order__import {
top: 2.5rem;
}
}
@media (max-width: 650px) {
.tort-order__plash {
right: 0.5rem;
top: 0.5rem;
width: 36px;
}
.tort-order__import {
width: 65px;
}
.widget-tort__single .tort-order__title {
margin-top: 4rem;
}
.widget-tort__single .tort-order__plash {
width: 53px;
}
.widget-tort__single .tort-order__plash {
top: 2rem;
right: 2rem;
}
.widget-tort__single .tort-order__import {
width: 90px !important;
}
}
@media (max-width: 560px) {
.widget-tort__single .tort-order__plash {
width: 45px;
}
.widget-tort__single .tort-order__import {
width: 65px;
}
.widget-tort__single .tort-order__plash {
top: 0;
right: 1rem;
}
}
@media (max-width: 400px) {
.widget-tort__single .tort-order__title {
margin-top: 0rem !important;
}
.widget-tort__single .tort-order__plash {
width: 30px;
}
.widget-tort__single .tort-order__plash {
bottom: 0.5rem;
right: auto;
top: auto;
left: 7rem;
}
.widget-tort__single .tort-order__import {
width: 65px !important;
left: 6.5rem;
}
}
.widget-tort .tort-order__pic {
object-fit: scale-down;
width: 86%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10 IE11 */
.widget-tort .tort-order__pic {
height: auto !important;
width: auto !important;
}
}
/*редиз страницы /pokupatelyam/aktsii/*/
.tort-order__search {
margin-bottom: 2rem;
position: relative;
}
.tort-order__search .search-desctop-form__submit {
top: 11px;
right: 11px;
}
.tort-order__search .search-desctop-submit__title {
color: #8ebd40;
font-size: 1.4rem;
}
.tort-order__search .search__zoom-ico {
stroke: #8ebd40;
}
.tort-order__search .input_default {
height: 40px;
}
.tort-order__sort_price {
display: flex;
align-items: center;
margin-right: 1rem;
transition: all 0.3s ease;
}
.tort-order__sort_price.active img {
transform: rotate(181deg);
}
.tort-order__sort_price:hover {
color: #8ebd40;
transition: all 0.3s ease;
}
.tort-order__sort_price img {
margin-left: 1rem;
}
.tort-order__sort {
margin-top: 3rem;
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: 500;
color: #444444;
margin-bottom: 2.2rem;
transition: all 0.3s ease;
}
.tort-order__img {
position: relative;
}
.tort-order__plash {
position: absolute;
right: -2.5rem;
top: 1rem;
width: 65px;
}
.tort-order__import {
width: 100px;
}
.wrapper {
position: relative;
}
.scroll-top {
width: 4rem;
border-radius: 50%;
background-color: #8ebd40;
height: 4rem;
top: -11rem;
right: 16rem;
position: absolute;
display: flex;
transition: all 0.3s ease;
justify-content: center;
align-items: center;
}
.scroll-top .circle {
width: 1rem;
height: 1rem;
border-left: 2px solid #000;
border-top: 2px solid #000;
transform: rotate(45deg);
}
.scroll-top:hover {
background-color: rgb(157, 216, 59);
transition: all 0.3s ease;
}
.scroll-top .circle {
margin-top: 0.3rem;
}
.tort-order__title {
text-transform: inherit;
}
.tort-order-line:before {
background-color: red;
}
@media (max-width: 1500px) {
.scroll-top {
right: 6rem;
}
}
@media (max-width: 990px) {
.tort-order__sort {
margin-top: 2rem;
justify-content: flex-start;
}
}
@media (max-width: 760px) {
.tort-order__search .search-desctop-form__submit {
position: absolute;
margin-top: 0;
}
}
@media (max-width: 767px) {
.scroll-top {
top: -4rem;
}
}
@media (max-width: 500px) {
.tort-order__sort.tort-order__sort_edit{
flex-wrap: wrap;
}
.sort-w{
/* width: 100%;
margin-top: 10px; */
}
}
@media (max-width: 450px) {
.scroll-top {
right: 2rem;
}
}
.sticky-cont {
position: sticky;
top: 0;
}
.font-height {
text-transform: uppercase;
}
#scrolling-top > main > main > section > div > div > div > div > div > div > div.col.col--xl-3 > div:nth-child(2) {
pointer-events: none;
}
.tort-order-item .tort-order__plash.tort-order__predzakaz{
right: 5px;
width: 100px;
}
/*new 11.10.2021*/
/**/
.n-nav__item{
display: block;
border-bottom: 1px solid #EBEBEB;
}
.n-nav__title{
display: inline-block;
color: #000;
font-size: 1.8rem;
}
.n-nav__header{
cursor: pointer;
padding: 1.5rem 4rem 1.5rem 0;
position: relative;
}
.n-nav{
pointer-events: all;
/* width: 215px;*/
}
.n-nav__arrow{
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 15px;
cursor: pointer;
transition: all .3s ease;
}
.n-nav .a-item__title{
display: block;
margin-bottom: 16px;
}
.price-toggle__control{
display: inline-flex;
align-items: center;
}
.n-nav__arrow:before{
content: '';
width: 8px;
height: 8px;
transform: rotate(45deg);
border-right: 2px solid #000;
border-bottom: 2px solid #000;
position: absolute;
top: -4px;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
.n-nav__content{
display: none;
padding-top: 10px;
}
.n-nav .a-filter__reset{
padding-left: 0;
padding-right: 0;
margin-top: 10px;
}
#scrolling-top > main > main > section > div > div > div > div > div > div > div.col.col--xl-3 > div:nth-child(2){
pointer-events: all;
}
/* .is_stuck + div{
pointer-events: none;
} */
.n-nav .price-toggle__input{
width: 56px;
}
.n-nav .price-toggle__title{
margin-right: 7px;
}
.n-nav .price-toggle__control{
padding: 8px 10px;
}
.n-nav__item.active{
border-color:transparent;
}
.n-nav__item.active .n-nav__arrow{
transform: scale(-1);
}
.n-nav__section{
margin-bottom: 25px;
}
.catalog-list__sub .catalog-list{
display: block!important;
}
.catalog-list__sub .catalog-list{
padding-top: 0px;
padding-bottom: 2px;
}
.catalog-list .catalog-list__sub{
padding-top: 4px;
}
/**/
.a-filter{
position: fixed;
top: 0;
right: 0;
width: 404px;
background: #fff;
height: 100vh;
z-index: 19;
transform: translateX(100%);
transition: all .3s ease;
}
.a-filter__title{
display: inline-block;
font-size:18px;
color: #3C4544;
font-weight: 600;
}
.a-sort .sort-w{
font-size: 16px;
font-weight: 500;
}
.show-filter__title{
color: #34302F;
font-size: 18px;
font-weight: 500;
transition: all .3s ease;
}
.show-filter{
display: inline-flex;
align-items: center;
color: #444444;
}
.a-filter.active{
transform: translateX(0);
}
.show-filter__ico{
width: 22px;
height: 22px;
margin-right: 10px;
fill:#34302F;
transition: all .3s ease;
}
.a-filter__header{
padding: 20px 30px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #EBEBEB;
}
.a-filter__close{
display: inline-block;
width: 40px;
height: 40px;
cursor: pointer;
position: relative;
transform: rotate(45deg);
}
.price-toggle__control{
flex: 1;
border-radius: 2px;
border: 1px solid #ECECEC;
padding: 8px 17px;
}
.price-toggle__title{
color: #BFBFBF;
font-size: 12px;
margin-right: 12px;
display: inline-block;
}
.price-toggle__controls{
display: flex;
align-items: center;
}
.price-toggle__input{
border: none;
width: 73px;
}
.h-filter-nav{
margin-top: 40px;
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.h-filter-nav .tort-order__sort{
margin-top: 0;
margin-bottom: 0;
}
.a-filter__close:before{
content: '';
width: 14px;
height: 2px;
background: #3C4544;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.a-filter__content{
overflow: auto;
height: calc(100vh - 81px);
padding: 0 27px;
}
.a-item__header{
display: block;
padding: 14px 0;
position: relative;
cursor: pointer;
}
.a-item__title{
display: inline-block;
font-size: 1.7rem;
font-weight: 400;
}
.a-item__ico{
display: inline-block;
position: absolute;
right: 0;
top: 8px;
width: 30px;
height: 30px;
cursor: pointer;
}
.a-item.active .a-item__ico{
transform: scale(-1);
}
.a-item__ico:before{
content: '';
width: 8px;
height: 8px;
border-right:2px solid #000;
border-bottom:2px solid #000;
position: absolute;
transform: rotate(45deg);
left: 0;
right: 0;
top: -4px;
bottom: 0;
margin: auto;
}
.a-item__checkbox{
display: block;
margin-bottom: .9rem;
}
.a-item__checkbox .checkbox__label:before{
border-color:#ECECEC;
border-radius: 3px;
}
.a-sort{
padding: 20px 0px;
}
.a-filter__close:after{
content: '';
width: 2px;
height: 14px;
background: #3C4544;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.price-toggle__sepp{
display: inline-block;
margin-left: 4px;
margin-right: 4px;
}
.price-toggle__ui .noUi-horizontal{
height: 8px;
}
.price-toggle__ui .noUi-target{
box-shadow: none;
border:none;
background: #A2A3A0;
}
.price-toggle__ui .noUi-connect {
background: #739630;
}
.price-toggle__ui .noUi-handle{
border: none;
box-shadow: none;
background: none;
}
.price-toggle__ui .noUi-handle:before{
content: '';
width: 20px;
height: 20px;
background: #F5F5F8;
border: 0px solid #94C22C;
box-shadow: 0px 4px 4px 0px #00000040;
position: absolute;
left: 0;
right: 0;
top: 2px;
bottom: 0;
margin: auto;
border-radius: 50%;
box-sizing: border-box;
cursor: pointer;
}
.noUi-horizontal .noUi-handle {
top: -13px !important;
width: 28px !important;
}
.noUi-handle.noUi-handle-lower {
right: unset !important;
left: 17px !important;
}
.noUi-handle.noUi-handle-upper {
right: -6px !important;
}
.price-toggle__ui {
margin: 30px 6px 50px;
}
.price-toggle__ui .noUi-handle:after{
display: none;
}
.a-item__content{
display: none;
}
.a-filter__reset{
cursor: pointer;
margin-top: 50px;
display: inline-block;
background: none;
color: #BFBFBF;
border: none;
font-size: 14px;
text-decoration: underline;
}
.show-filter:hover .show-filter__ico{
fill:#8ebd40;
}
.show-filter:hover .show-filter__title{
color: #8ebd40;
}
.tort-order__sort span{
margin-right: 5px;
}
.a-filter__submit{
border:none;
cursor: pointer;
max-width: 300px;
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
padding: 14px 15px;
background: #94C22C;
color: #fff;
font-size: 16px;
text-align: center;
border-radius: 4px;
}
.a-filter__sub{
margin-top: 20px;
}
@media(max-width:990px){
.mfp-content .a-filter__content{
height: auto;
padding: 0 15px;
}
.mfp-content .a-filter__close{
display: none;
}
.mfp-content .a-filter{
padding-bottom: 40px;
display: block;
position: static;
left: 0;
right: 0;
margin: auto;
height: auto;
width: 80%;
margin-top: 40px;
margin-bottom: 40px;
}
.a-filter{
display: none;
transform: translateX(0)
}
}
@media(max-width:520px){
.mfp-content .a-filter{
width: 98%;
}
}
@media(max-width:420px){
.h-filter-nav{
flex-wrap: wrap;
}
.tort-order__sort{
width: 100%;
margin-bottom: 15px!important;
}
}
/**/
.opt-back{
display: inline-flex;
align-items: center;
color: #8F8F8F;
font-size: 1.5rem;
font-weight: 400;
}
.opt-back__title{
display: inline-block;
margin-right: 8px;
border-bottom: 1px dashed #94C22B;
}
.opt-back__ico{
height: 15px;
}
.tort-order__sort_sb{
justify-content: space-between;
}
.pr-prices{
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.pr-prices__item{
margin-left: 3px;
margin-right: 3px;
}
.tort-order__price_old{
display: inline-block;
position: relative;
}
.tort-order__price_old:before{
content: '';
width: 100%;
height: 2px;
position: absolute;
top: 5px;
left: 0;
background-image: linear-gradient(#CACACA);
}
.aside-back__ico{
width: 24px;
height: 10px;
flex-shrink: 0;
margin-right:14px;
}
.aside-back{
margin-bottom: 40px;
font-size: 18px;
display: inline-flex;
align-items: center;
}
.catalog-arrow:before{
content: '';
width: 8px;
height: 8px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
position: absolute;
right: 0;
top: -4px;
left: -7px;
bottom: 0;
margin: auto;
transform: rotate(45deg);
}
.catalog-arrow{
position: absolute;
left: -25px;
top: -5px;
width: 24px;
height: 24px;
}
.catalog-list a{
position: relative;
}
.active-child.active > .catalog-arrow{
transform: scale(-1);
}
.active-child.active > .catalog-arrow:before{
border-color: #94C22C;
left:8px;
}
.active-child.active ~ .catalog-list{
display: none!important;
}
.active-child.active+ .catalog-list{
display: block!important;
}
.catalog-list a{
color: #6A6A6A;
}
.n-aside{
max-width: 265px;
}
.catalog-col__item .catalog-col__link {
margin-bottom: 2rem;
}
.tort-order__price{
display: block;
}
.n-catalog__content{
flex: 1;
padding-left: 60px;
padding-right: 60px;
}
.tort-order__plash{
background-color: #fff;
}
.n-catalog{
padding-top: 66px;
display: flex;
align-items: flex-start;
border-top: 1px solid #e8e8e8;
}
.section_jornal{
position: relative;
}
.pechat__item{
text-align: center;
}
.n-catalog__content .input_default {
padding-right: 120px;
}
.n-catalog__content .search-desctop-form__submit {
top: 50%;
transform: translateY(-50%);
}
@media(max-width:1500px){
.order-filter__link{
padding: 6px 13px;
margin-right: 6px;
}
}
@media(max-width:1500px){
.widget-tort{
margin-left: -.7rem;
margin-right: -.7rem;
}
.widget-tort .widget-width{
padding-left: .7rem;
padding-right: .7rem;
}
.n-catalog__content{
padding-left: 30px;
padding-right: 30px;
}
}
@media(max-width:1170px){
.catalog-col__item{
/* padding-left: 15px; */
}
.n-catalog__content{
padding-right: 0;
}
.pechat__item{
width: 175px;
}
.pechat__list{
display: flex;
align-items: flex-start;
}
.pechka__link_border{
border:none;
}
.pechat, .pechat-new{
max-width: 100%;
}
.catalog-print-new__wrap, .catalog-print-new__date {
max-width: 215px;
width: 100%;
margin: 0 auto;
}
.n-aside{
order: 2;
}
.n-catalog__content{
order: 2;
}
.pechat, .pechat-new {
order: 1;
}
.n-catalog{
flex-wrap: wrap;
}
.n-aside{
width: 256px;
flex-shrink: 0;
}
.n-catalog__content{
width: calc(100% - 256px);
}
}
@media(max-width:990px){
.pechat__list{
justify-content: space-between;
}
.pechka__link_border {
border: none;
font-size: 13px;
padding-bottom: 0;
}
.pechat__item {
width: 50%;
}
.n-catalog__content{
padding-left: 0;
width: 100%;
}
.n-aside{
display: none;
}
}
.n-nav__content .bx-filter-block{
max-height: 280px;
overflow-y: auto;
}
.n-nav__section .block-filter-input {
margin-bottom: 20px;
}
.n-nav__section .block-filter-input input {
width: 100%;
padding: 8px 10px;
border-radius: 2px;
border: 1px solid #ECECEC;
}
/*NEW*/
.catalog-drop-filter {
padding: 0;
background: #fff;
position: fixed;
right: 0;
top: 0;
z-index: 99999999999999;
height: 100vh;
width: 100%;
max-width: 415px;
/* display: none; */
max-height: 100vh;
transform: translateX(100%);
transition: transform 0.25s 0.05s ease;
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.catalog-drop-filter {
padding: 0.625rem;
padding-top: 0.9375rem;
max-height: -webkit-calc(var(--vh, 1vh) * 100);
max-height: -moz-calc(var(--vh, 1vh) * 100);
max-height: calc(var(--vh, 1vh) * 100);
height: 100vh;
height: -webkit-calc(var(--vh, 1vh) * 100);
height: -moz-calc(var(--vh, 1vh) * 100);
height: calc(var(--vh, 1vh) * 100);
right: auto;
left: 0;
top: 0;
/* -webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); */
max-width: 100vw;
}
}
.catalog-drop-filter.is-active {
/* display: block; */
transform: translateX(0%);
}
.catalog-drop-filter__inner {
flex: 1;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
padding-top: 15px;
position: relative;
scrollbar-width: none !important;
}
@media (max-width: 767px) {
}
.catalog-drop-filter__inner::before {
content: "";
width: 100%;
height: 15px;
position: absolute;
top: 35px;
left: 0;
z-index: 5;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
display: none;
}
@media (max-width: 767px) {
.catalog-drop-filter__inner::before {
top: 0;
height: 35px;
}
}
.catalog-drop-filter__inner-content {
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
padding-top: 15px;
position: relative;
scrollbar-width: none !important;
}
.catalog-drop-filter__inner-content::-webkit-scrollbar {
width: 0 !important;
}
@media (max-width: 767px) {
.catalog-drop-filter__inner-content {
padding-bottom: 0px;
}
}
.catalog-drop-filter__close {
/* position: absolute; */
right: 0.625rem;
/* top: 0.625rem; */
cursor: pointer;
z-index: 20;
}
.filter-icon-show {
display: flex;
margin-right: 12px !important;
}
@media (max-width: 767px) {
.filter-icon-show {
align-items: flex-start;
}
/* .catalog-drop-filter__close {
width: 44px;
height: 44px;
border-radius: 50%;
background: #e52a1b;
fill: #fff;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
position: fixed;
top: -webkit-calc(50vh - 22px);
top: -moz-calc(50vh - 22px);
top: calc(50vh - 22px);
right: -8px;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
z-index: 90;
}
.catalog-drop-filter__close.is-show {
-webkit-transform: translateX(323px);
-moz-transform: translateX(323px);
-o-transform: translateX(323px);
transform: translateX(323px);
} */
}
@media (max-width: 767px) and (max-width: 371px) {
/* .catalog-drop-filter__close.is-show {
-webkit-transform: translateX(-webkit-calc(100vw - 51px));
-moz-transform: translateX(-moz-calc(100vw - 51px));
-o-transform: translateX(calc(100vw - 51px));
transform: translateX(calc(100vw - 51px));
} */
}
.catalog-drop-filter__close .icon-svg {
fill: #757679;
}
@media (max-width: 767px) {
.catalog-drop-filter__close .icon-svg {
fill: #fff;
}
}
.catalog-drop-filter__row {
padding-left: 27px;
padding-right: 27px;
margin-bottom: 9.5px;
padding-bottom: 9.5px;
/* border-bottom: 1px solid rgba(29, 29, 27, 0.1); */
}
.catalog-drop-filter__row--no-border {
padding-bottom: 40px;
margin-bottom: 0;
border-bottom: 0;
}
.catalog-drop-filter__row.is-active .catalog-drop-filter__body {
display: block;
}
.catalog-drop-filter__row.is-active .catalog-drop-filter__arrow {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.catalog-drop-filter__head {
position: relative;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
padding-right: 26px;
cursor: pointer;
}
.catalog-drop-filter__title {
font-size: 17px;
line-height: 20px;
color: #3C4544;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
cursor: pointer;
}
.catalog-drop-filter__title .catalog-drop-filter__count {
padding-left: 6px;
padding-right: 6px;
position: relative;
top: -1px;
}
.catalog-drop-filter__title .catalog-drop-filter__sub {
padding-left: 5px;
}
.catalog-drop-filter__top-title {
font-weight: bold;
font-size: 18px;
line-height: 21px;
color: #3C4544;
margin-right: 22px;
position: relative;
top: -3px;
}
.catalog-drop-filter__top-head {
padding-left: 27px;
padding-right: 45px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #EBEBEB;
padding-bottom: 27px;
padding-top: 33px;
}
@media (max-width: 578px) {
.catalog-drop-filter__top-head {
padding-left: 15px;
padding-right: 15px;
}
.catalog-drop-filter__top-title {
font-size: 17px;
}
}
.catalog-drop-filter__arrow {
position: absolute;
right: 0;
top: 3px;
}
.catalog-drop-filter__arrow .icon-arr-s-b {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.catalog-drop-filter__sub {
font-weight: 400;
}
.catalog-drop-filter__main {
margin-bottom: 1.125rem;
}
.catalog-drop-filter__main-title {
font-size: 1.125rem;
color: #1d1d1b;
margin-bottom: 10px;
}
.catalog-drop-filter__main-filters {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -0.3125rem;
}
.catalog-drop-filter__main-filter {
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
padding: 0.3125rem 0.4375rem;
margin-bottom: 0.3125rem;
border: 1px solid rgba(29, 29, 27, 0.1);
}
.catalog-drop-filter__main-filter:not(:last-of-type) {
margin-right: 0.3125rem;
}
.catalog-drop-filter__main-filter-text {
font-size: 0.8125rem;
font-weight: 400;
color: #1d1d1b;
padding-right: 5px;
}
.catalog-drop-filter__main-filter-close {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
cursor: pointer;
}
.catalog-drop-filter__main-footer {
margin: 0 auto;
}
.catalog-drop-filter__main-clear {
font-size: 14px;
line-height: 16px;
text-align: center;
text-decoration-line: underline;
color: #BFBFBF;
padding: 0;
border: 0;
background: 0;
cursor: pointer;
}
.catalog-drop-filter__main-clear:hover {
text-decoration: underline;
}
.catalog-drop-filter__main-clear:active {
outline: 0;
}
.catalog-drop-filter__main-clear:focus {
outline: 0;
}
.catalog-drop-filter__count {
display: inline-block;
min-height: 14px;
}
.catalog-drop-filter__count-text {
color: #fff;
font-size: 0.6875rem;
position: relative;
z-index: 1;
position: absolute;
line-height: 85%;
padding-left: 0.1rem;
padding-right: 0.1rem;
font-weight: 700;
border-radius: 50%;
min-width: 14px;
min-height: 14px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.catalog-drop-filter__count-text span {
position: relative;
z-index: 1;
top: 1px;
}
.catalog-drop-filter__count-text::before {
content: "";
padding-top: 0;
width: 100%;
min-width: 14px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #e52a1b;
border-radius: 23px;
max-height: 14px;
height: 14px;
padding: 0;
}
.catalog-drop-filter__item {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
cursor: pointer;
}
.catalog-drop-filter__item + .catalog-drop-filter__item {
margin-top: 10px;
}
.catalog-drop-filter__item.disabled {
pointer-events: none;
}
.catalog-drop-filter__box-text {
font-size: 0.875rem;
color: #1d1d1b;
font-weight: 400;
padding-left: 10px;
-webkit-box-flex: 1;
-webkit-flex: 1 0 -webkit-calc(100% - 24px);
-moz-box-flex: 1;
flex: 1 0 calc(100% - 24px);
width: -webkit-calc(100% - 24px);
width: -moz-calc(100% - 24px);
width: calc(100% - 24px);
max-width: -webkit-calc(100% - 24px);
max-width: -moz-calc(100% - 24px);
max-width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.catalog-drop-filter__box-text .product-card__color-item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
}
.catalog-drop-filter__box {
-webkit-box-flex: 1;
-webkit-flex: 1 0 1.5rem;
-moz-box-flex: 1;
flex: 1 0 1.5rem;
max-width: 1.5rem;
width: 1.5rem;
min-height: 1.5rem;
}
.catalog-drop-filter__box input {
margin-top: -1px !important;
}
.catalog-drop-filter__body {
margin-top: 16px;
display: none;
}
.catalog-drop-filter__body .country-filter-block {
max-height: 265px;
overflow-y: auto;
}
.catalog-drop-filter__body .block-filter-input {
position: relative;
}
.catalog-drop-filter__body .block-filter-input input {
padding: 11px 20px;
background: #FFFFFF;
border: 2px solid #ECECEC;
border-radius: 2px;
font-size: 14px;
line-height: 16px;
padding-right: 40px;
}
.catalog-drop-filter__body .block-filter-input input::placeholder {
opacity: 1;
color: #7B7B7B;
}
.block-filter-input-search-icon {
position: absolute;
right: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
top: 50%;
transform: translateY(-50%);
}
.block-filter-input-search-icon > *:not(.is-active) {
display: none;
}
.block-filter-input-search-icon--search {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_494_957)'%3E%3Cpath d='M8.80758 0C3.95121 0 0 3.95121 0 8.80758C0 13.6642 3.95121 17.6152 8.80758 17.6152C13.6642 17.6152 17.6152 13.6642 17.6152 8.80758C17.6152 3.95121 13.6642 0 8.80758 0ZM8.80758 15.9892C4.8477 15.9892 1.62602 12.7675 1.62602 8.80762C1.62602 4.84773 4.8477 1.62602 8.80758 1.62602C12.7675 1.62602 15.9891 4.8477 15.9891 8.80758C15.9891 12.7675 12.7675 15.9892 8.80758 15.9892Z' fill='%237B7B7B'/%3E%3Cpath d='M19.762 18.6122L15.1007 13.951C14.7831 13.6334 14.2687 13.6334 13.9511 13.951C13.6335 14.2683 13.6335 14.7832 13.9511 15.1006L18.6124 19.7619C18.7712 19.9206 18.9791 20.0001 19.1872 20.0001C19.395 20.0001 19.6032 19.9206 19.762 19.7619C20.0796 19.4445 20.0796 18.9296 19.762 18.6122Z' fill='%237B7B7B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_494_957'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
width: 20px;
height: 20px;
cursor: pointer;
}
.block-filter-input-search-icon--clear {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_494_813)'%3E%3Cpath d='M11.1721 10.0056L19.7453 1.43242C20.0762 1.11285 20.0854 0.585581 19.7658 0.254693C19.4462 -0.0761956 18.9189 -0.0853707 18.5881 0.234195C18.5811 0.240881 18.5743 0.247714 18.5676 0.254693L9.99432 8.82787L1.42113 0.254644C1.09024 -0.064922 0.562962 -0.0557469 0.243396 0.275141C-0.068362 0.597928 -0.068362 1.10963 0.243396 1.43242L8.81659 10.0056L0.243396 18.5788C-0.081783 18.904 -0.081783 19.4313 0.243396 19.7565C0.568623 20.0816 1.0959 20.0816 1.42113 19.7565L9.99432 11.1833L18.5675 19.7565C18.8984 20.0761 19.4257 20.0669 19.7452 19.736C20.057 19.4132 20.057 18.9015 19.7452 18.5788L11.1721 10.0056Z' fill='%234F4F4F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_494_813'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
width: 20px;
height: 20px;
cursor: pointer;
}
.catalog-drop-filter__inner-footer {
position: relative;
padding: 40px 28px;
padding-top: 20px;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.catalog-drop-filter__inner-footer {
padding-top: 2px;
}
}
.catalog-drop-filter__inner-footer::before {
content: "";
width: 100%;
height: 61px;
position: absolute;
top: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
left: 0;
z-index: 5;
background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%);
display: none;
}
.catalog-drop-filter__inner-footer .btn {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 12px 60px;
}
@media(max-width: 578px) {
.catalog-drop-filter__inner-footer {
padding-left: 7px;
padding-right: 7px;
}
.catalog-drop-filter__row {
padding-left: 7px;
padding-right: 7px;
}
}
.overlay-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 100;
background: rgba(0, 0, 0, 0.1);
}
.overlay-bg.is-show {
opacity: 1;
visibility: visible;
}
.overlay-bg.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
display: block;
}
body.is-fixed {
position: fixed;
overflow: hidden;
width: 100%;
}
.sort-w--right {
margin-left: auto;
align-items: center;
}
.select2-container span {
margin-right: 0;
}
@media (max-width: 768px) {
.sort-w--right {
/* width: 100%;
margin-left: 0;
margin-top: 20px; */
}
.tort-order__sort {
flex-wrap: wrap;
}
}
.popup-city-choise .mfp-close {
opacity: 0 !important;
}
.new-tile__title-custom {
font-weight: bold;
font-size: 30px;
line-height: 35px;
color: #FFFFFF;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
text-transform: none;
max-width: 336px;
padding-left: 49px;
padding-right: 10px;
text-align: left;
box-sizing: content-box;
margin-left: 0;
}
.new-tile-custom {
align-items: flex-start;
padding-top: 38%;
}
.text-black {
color: #000000 !important;
}
/* .popup-city-choise__inner {
margin: 0 auto;
background: #FFFFFF;
border: 1px solid #F4F4F4;
box-sizing: border-box;
box-shadow: 0px 60px 30px -10px rgba(0, 0, 0, 0.05);
border-radius: 6px;
padding: 29px 15px;
position: relative;
max-width: 400px;
width: 90%;
padding-bottom: 38px;
}
.popup-city-choise {
background: transparent!important;
}
.popup-city-choise__inner .btn_green {
background: #AFE947
}
.popup-city-choise--gap-h {
padding: 0;
}
.popup-city-choise__head {
padding-bottom: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.popup-city-choise__head > *:not(:last-of-type) {
margin-right: 10px;
}
.popup-city-choise__body {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.popup-city-choise__body .btn {
width: 135px;
display: flex;
justify-content: center;
}
.popup-city-choise__body .btn {
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #404040;
min-width: 125px;
padding: 10px 22px;
border-radius: 20px;
}
.popup-city-choise__body .btn.btn_green {
background: #EFF7DF;
}
.popup-city-choise__body .btn.btn_green:hover {
background: #EBF7D2;
box-shadow: 0px 12px 10px -5px rgba(0, 0, 0, 0.05);
}
.popup-city-choise__body .btn.btn_green:active {
background: #E7F7C6;
box-shadow: 0px 6px 5px -5px rgba(0, 0, 0, 0.03);
}
.popup-city-choise__body .btn.btn_gray {
background: #F7DFDF;
}
.popup-city-choise__body .btn.btn_gray:hover {
background: #F7D2D2;
box-shadow: 0px 12px 10px -5px rgba(0, 0, 0, 0.05);
}
.popup-city-choise__body .btn.btn_gray:active {
background: #F7C6C6;
box-shadow: 0px 6px 5px -5px rgba(0, 0, 0, 0.03);
}
.popup-city-choise__body .btn:not(:last-of-type) {
margin-right: 16px;
}
.popup-city-choise__close {
position: absolute;
right: 0;
top: 0;
border-radius: 50%;
transform: translate(50%, -50%);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
background: #F8F8F8;
border: 1px solid #F4F4F4;
box-sizing: border-box;
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
width: 26px;
height: 26px;
}
.popup-city-choise__close svg path {
fill: #A1A1A1;
}
.popup-city-choise__close:hover svg path {
fill: #626262;
}
.popup-city-choise__close:active svg path {
fill: #4D4B4B;
}
.popup-city-choise__close:hover {
background: #F8F8F8;
border: 1px solid #F4F4F4;
box-sizing: border-box;
box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);
}
.popup-city-choise__close:active {
background: #F8F8F8;
border: 1px solid #F1F1F1;
box-sizing: border-box;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03);
}
.popup-city-choise__sm {
font-size: 22px;
line-height: 26px;
text-align: center;
letter-spacing: 0.02em;
color: #404040;
}
.popup-city-choise__bold {
font-size: 22px;
line-height: 26px;
text-align: center;
letter-spacing: 0.02em;
color: #404040;
}
.popup-city-choise__list {
margin-top: 16px;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.popup-city-choise__link {
margin: 0 auto;
display: inline-flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
text-decoration: none;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #404040;
padding: 10px 15px;
min-width: 187px;
border-radius: 20px;
background: #F7F7F7;
}
.popup-city-choise__link:not(:last-of-type) {
margin-bottom: 16px;
}
.popup-city-choise__link:hover {
background: #EBF7D2;
box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.05);
}
.popup-city-choise__link:active {
background: #E7F7C6;
box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.03);
}
@media (max-width: 576px) {
.popup-city-choise__head {
padding-bottom: 35px;
}
.popup-city-choise--gap-h {
padding: 0;
}
.new-tile-custom {
align-items: flex-start;
padding-top: 32px;
}
.new-tile__title-custom {
padding-left: 30px;
}
}
*/
.new-baner__content-custom {
max-width: 1197px;
padding-bottom: 84px;
}
.new-baner__content-custom .new-baner__content {
max-width: 100%;
text-align-last: left;
text-align: left;
}
.single-new__content-custom p {
margin-top: 0;
}
.single-new__content-custom p:not(:last-of-type) {
margin-bottom: 18px;
}
.single-new__content-custom p:last-child {
margin-bottom: 0 !important;
}
.kitchen__title-custom {
font-weight: bold !important;
font-size: 24px !important;
line-height: 28px !important;
text-align: center;
color: #3C3C3C !important;
}
.kitchen__item-custom .kitchen__item_title {
font-weight: bold;
font-size: 20px;
line-height: 23px;
text-align: center;
color: #3C3C3C;
margin-bottom: 11px;
}
.kitchen__item-custom .kitchen__descript {
font-size: 18px;
line-height: 21px;
text-align: center;
color: #3C3C3C;
margin-bottom: 28px;
}
.kitchen__item-custom .kitchen__bonus {
display: inline-block;
font-size: 18px;
line-height: 21px;
text-align: center;
color: #FFFFFF;
background: #11341E;
border-radius: 8px;
margin-bottom: 13px;
padding: 7px 15px;
}
.kitchen__item-custom .kitchen__bonus b {
font-weight: bold;
font-size: 22px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
}
.kitchen__item-custom .kitchen__full-price {
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 18px;
/* identical to box height */
text-align: center;
color: #3C3C3C;
}
.kitchen__item-custom .kitchen__image {
padding: 0;
}
.kitchen__item-custom .kitchen__full-price span {
font-size: 18px;
line-height: 21px;
}
.kitchen__item-custom .kitchen__price-sale {
padding: 7px;
width: 110px;
height: 110px;
border-radius: 50%;
background: #11341E;
transform: rotate(14.13deg);
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 9%;
align-content: center;
}
.kitchen__item-custom .kitchen__price-sale:before {
content: '';
width: calc(100% - 14px);
height: calc(100% - 14px);
left: 7px;
top: 7px;
position: absolute;
border: 1px solid #FFFFFF;
border-radius: 50%;
}
.kitchen__item-custom .kitchen__price-sale-title {
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
width: 100%;
}
.kitchen__item-custom .kitchen__price-sale-descr {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.kitchen__item-custom .kitchen__price-sale-small {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
}
.kitchen__item-custom .kitchen__price-sale-big {
font-weight: 500;
font-size: 50px;
line-height: 39px;
text-align: center;
color: #FFFFFF;
}
.mb-big {
margin-bottom: 121px;
}
.kitchen__item-custom .kitchen__bonus--light {
background: #819782;
}
@media (min-width: 1200px) {
.aside-bg-page {
position: relative;
}
.aside-bg-page:before {
content: '';
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: url('/local/templates/main/css/bg-page.png') repeat-y top left;
z-index: -1;
}
.aside-bg-page:after {
content: '';
height: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
background: url('/local/templates/main/css/bg-page2.png') repeat-y top right;
z-index: -1;
}
}
@media (max-width: 576px) {
.popup-city-choise__sm, .popup-city-choise__bold {
font-size: 20px;
line-height: 23px;
}
.popup-city-choise__body .btn {
width: auto;
}
.popup-city-choise--gap-h {
margin-top: 0px;
}
.popup-city-choise {
max-width: 100%;
padding: 0;
}
.popup-city-choise__inner {
padding: 24px;
}
.popup-city-choise__head {
margin-bottom: 23px;
}
.popup-city-choise__link {
padding: 10px 15px;
}
}
@media (max-width: 330px) {
.popup-city-choise__sm, .popup-city-choise__bold {
font-size: 18px;
line-height: 23px;
}
.popup-city-choise__body .btn {
min-width: 100px;
}
}
.change_city_link{
font-size: 16px;
text-decoration: underline;
display: flex;
align-items: center;
margin-left: 15px;
color:#93c22c;
}
@media (min-width: 1100px) {
.popup-basket-card {
padding-left: 60px;
padding-right: 0;
}
.tort-basket-popup__title,
.tort-basket-popup__count,
.tort-basket-popup__message {
padding-right: 50px;
}
.tort-basket-list {
padding-right: 32px;
}
}
.tort-order-counter-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.tort-order-counter__btn {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
box-sizing: border-box;
border: 2px solid #D9D9D9;
font-size: 18px;
line-height: 21px;
cursor: pointer;
/* identical to box height */
color: #000000;
border-radius: 50%;
transition: all .2s ease;
}
.tort-order-counter__btn:hover {
background: rgba(0,0,0,0.05);
}
.tort-order-counter__btn ~ .tort-order-counter__btn {
border-color: #94C22B;
line-height: 1;
}
.tort-basket-list__row .tort-order-counter__btn:hover {
border: 2px solid #94C22B;
}
.tort-basket-list__row .tort-order-counter__btn ~ .tort-order-counter__btn {
border-color: #D9D9D9;
line-height: 1;
}
.tort-basket-list__row .tort-order-counter__btn ~ .tort-order-counter__btn:hover {
border-color: #94C22B;
line-height: 1;
}
.tort-order-counter {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 6px;
}
.tort-order-counter__result {
font-size: 18px;
line-height: 21px;
color: #000000;
min-width: 18px;
text-align: center;
margin: 0 5px;
}
.tort-order-counter-wrapper .tort-order__weight {
margin-top: 0;
}
.tort-order-btn {
width: 100%;
display: flex;
padding-top: 28px;
margin-top: auto;
}
.tort-order-btn .tort-order-btn__btn {
width: 100%;
font-size: 15px;
line-height: 18px;
text-align: center;
padding-top: 9px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
}
.tort-order__desc {
padding: 29px 27px;
padding-top: 6px;
display: flex;
flex-direction: column;
}
.tort-order__footer {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
padding-top: 15px;
}
.tort-order-price-wrapper {
margin-right: auto;
position: relative;
}
.tort-order__price-sale {
position: absolute;
min-width: 60px;
left: 0;
top: 0;
transform: translateY(-100%);
font-weight: 500;
font-size: 13px;
line-height: 20px;
/* identical to box height, or 154% */
color: #CACACA;
}
.tort-order__price-sale:before {
content: '';
width: 100%;
height: 0px;
border-top: 1px solid #CACACA;
border-bottom: 1px solid #fff;
position: absolute;
left: 0;
top: 53%;
transform: translateY(-50%);
}
.tort-order-btn .btn_green {
border: 1px solid #94C22C;
}
.btn_green-outline {
background-color: #fff;
color: #94C22C;
border: 1px solid #94C22C;
}
.tort-order-item--added {
border: 1px solid #94C22C;
}
.tort-order-item {
transition: box-shadow 0.25s ease, border-color 0.25s ease;
background: #fff;
}
.tort-order-item:hover {
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border-color: transparent;
}
.tort-order-item--added:hover {
border-color: #94C22C;
}
.tort-order--sticky-parrent {
position: relative;
}
.tort-order {
position: relative;
}
.tort-order-basket {
position: sticky;
right: 0;
top: 0;
right: calc((100vw - 1718px)/ 2);
background: #AFE945;
width: 143px;
height: 143px;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #AFE945;
cursor: pointer;
z-index: 100;
}
.tort-order-basket:not(.is_stuck) {
position: absolute;
/* opacity: 0; */
transform: translateX(50%);
right: 0;
top: 20px;
}
.tort-order-basket.is-bottom {
transform: translateX(50%);
right: 0;
}
.tort-order-basket + div {
}
.tort-order-basket__icon {
margin-bottom: 1px;
}
.tort-order-basket__text {
font-weight: bold;
font-size: 15px;
line-height: 20px;
/* or 133% */
text-transform: uppercase;
color: #000000;
}
.tort-order-basket__count {
font-weight: bold;
font-size: 24px;
line-height: 20px;
/* or 83% */
color: #000000;
margin-right: 6px;
}
#basket-card-popup {
max-width: 877px;
margin: 0 auto;
position: relative;
margin-top: 25px;margin-bottom: 25px;
}
#basket-card-popup .mfp-close {
opacity: 0;
}
.tort-basket-popup__title {
text-align: center;
margin-bottom: 62px;
}
.tort-basket-popup__count {
display: flex;
flex-wrap: wrap;
font-size: 18px;
line-height: 20px;
margin-bottom: 23px;
/* or 111% */
}
.tort-basket-popup__count-title {
margin-right: 4px;
color: #606060;
}
.tort-basket-popup__count-item {
color: #2E2E2E;
}
.tort-basket-list__row {
padding: 20px;
border: 2px solid #EBEBEB;
box-sizing: border-box;
border-radius: 2px;
display: flex;
flex-wrap: wrap;
}
.tort-basket-list__row:not(:first-of-type) {
margin-top: 15px;
}
.tort-basket-list__name {
font-size: 14px;
line-height: 20px;
/* or 143% */
color: #000000;
}
.tort-basket-list__scu-block {
display: flex;
flex-wrap: wrap;
margin-top: 19px;
align-items: center;
width: 100%;
}
.tort-basket-list__scu-img {
margin-right: 18px;
}
.tort-basket-list__scu-text {
font-size: 14px;
line-height: 20px;
/* or 143% */
color: #000000;
}
.tort-basket-list__control {
margin-left: auto;
padding-left: 10px;
display: flex;
align-items: flex-start;
flex-wrap: wrap
}
.tort-basket-list__control-delete {
margin-left: 20px;
display: flex;
align-items: center;
position: relative;
top: 2px;
transition: all 2.5s ease;
cursor: pointer;
border-radius: 50%;
}
.tort-basket-list__control-delete svg:hover path {
fill: #94C22B;
}
.tort-basket-list__control-delete svg:hover circle {
stroke: #94C22B;
}
.tort-basket-popup__message {
margin-top: 34px;
}
.tort-basket-popup__message-title {
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #000000;
margin-bottom: 27px;
}
.tort-basket-popup__message-textarea {
width: 100%;
padding: 21px;
background: #FFFFFF;
border: 2px solid #ECECEC;
box-sizing: border-box;
border-radius: 2px;
resize: none;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #7B7B7B;
min-height: 123px;
}
.tort-basket-popup__message-btn {
margin-top: 19px;
}
.tort-order-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.tort-exit-catalog {
margin-left: auto;
margin-top: 3rem;
margin-bottom: 2.2rem;
}
.tort-exit-catalog__link {
display: inline-flex;
align-items: center;
text-decoration: none;
}
.tort-exit-catalog__text {
font-size: 15px;
line-height: 18px;
color: #8F8F8F;
border-bottom: 1px dashed #94C22B;
margin-right: 8px;
}
.tort-exit-catalog__link:hover .tort-exit-catalog__text {
color: #94C22B;
}
@media (max-width: 1760px) {
.call-btn {
bottom: 4%;
}
.tort-order-basket {
right: 25px;
}
.tort-order-basket:not(.is_stuck) {
position: absolute;
/* opacity: 0; */
transform: translateX(0%);
right: 4px;
top: 20px;
}
.tort-order-basket.is-bottom {
transform: translateX(0%);
right: 4px;
}
}
@media (max-width: 991px) {
#basket-card-popup .popup-city-choise__close {
transform: unset;
}
}
@media (max-width: 578px) {
#basket-card-popup {
margin-top: 0;
margin-bottom: 0;
}
.popup-city-choise__close {
right: 10px;
top: 10px;
}
.tort-basket-popup__title {
margin-bottom: 30px;
}
.tort-order-wrapper {
display: block;
}
.tort-exit-catalog {
margin-left: 0;
}
.tort-basket-list__control {
margin-left: 0;
margin-top: 20px;
}
.tort-order-basket {
transform: translateX(0%) !important;
right: 0 !important;
top: unset !important;
width: 100% !important;
right: 0;
border-radius: 0;
z-index: 150;
position: fixed !important;
height: auto;
flex-direction: row;
padding: 6px;
bottom: 0 !important;
}
.tort-order-basket__icon {
width: 45px;
margin-right: 10px;
margin-bottom: 0;
}
.tort-order-basket__icon svg {
width: 100%;
}
}
.tort-order-counter-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.tort-order-counter__btn {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
box-sizing: border-box;
border: 2px solid #D9D9D9;
font-size: 18px;
line-height: 21px;
cursor: pointer;
/* identical to box height */
color: #000000;
border-radius: 50%;
transition: all .2s ease;
}
.tort-order-counter__btn:hover {
background: rgba(0,0,0,0.05);
}
.tort-order-counter__btn ~ .tort-order-counter__btn {
border-color: #94C22B;
line-height: 1;
}
.tort-basket-list__row .tort-order-counter__btn:hover {
border: 2px solid #94C22B;
}
.tort-basket-list__row .tort-order-counter__btn ~ .tort-order-counter__btn {
border-color: #D9D9D9;
line-height: 1;
}
.tort-basket-list__row .tort-order-counter__btn ~ .tort-order-counter__btn:hover {
border-color: #94C22B;
line-height: 1;
}
.tort-order-counter {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 6px;
}
.tort-order-counter__result {
font-size: 18px;
line-height: 21px;
color: #000000;
min-width: 18px;
text-align: center;
margin: 0 5px;
}
.tort-order-counter-wrapper .tort-order__weight {
margin-top: 0;
}
.tort-order-btn {
width: 100%;
display: flex;
padding-top: 28px;
margin-top: auto;
}
.tort-order-btn .tort-order-btn__btn {
width: 100%;
font-size: 15px;
line-height: 18px;
text-align: center;
padding-top: 9px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
}
.tort-order__desc {
padding: 29px 27px;
padding-top: 6px;
display: flex;
flex-direction: column;
}
.tort-order__footer {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
padding-top: 15px;
}
.tort-order-price-wrapper {
margin-right: auto;
position: relative;
}
.tort-order__price-sale {
position: absolute;
left: 0;
top: 0;
transform: translateY(-100%);
font-weight: 500;
font-size: 13px;
line-height: 20px;
/* identical to box height, or 154% */
color: #CACACA;
}
.tort-order__price-sale:before {
content: '';
width: 100%;
height: 0px;
border-top: 1px solid #CACACA;
border-bottom: 1px solid #fff;
position: absolute;
left: 0;
top: 53%;
transform: translateY(-50%);
}
.tort-order-btn .btn_green {
border: 1px solid #94C22C;
}
.btn_green-outline {
background-color: #fff;
color: #94C22C;
border: 1px solid #94C22C;
}
.tort-order-item--added {
border: 1px solid #94C22C;
}
.tort-order-item {
transition: box-shadow 0.25s ease, border-color 0.25s ease;
background: #fff;
}
.tort-order-item:hover {
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border-color: transparent;
}
.tort-order-item--added:hover {
border-color: #94C22C;
}
.tort-order--sticky-parrent {
position: relative;
}
.tort-order {
position: relative;
}
.tort-order-basket--card.tort-order-basket {
position: sticky;
right: 0;
top: 0;
right: calc((100vw - 1718px)/ 2);
background: #AFE945;
width: 143px;
height: 143px;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #AFE945;
cursor: pointer;
transition: opacity 0.525s ease;
z-index: 100;
}
.tort-order-basket--card.tort-order-basket:not(.is_stuck) {
position: absolute;
/* opacity: 0; */
transform: translateX(0%);
right: calc((100vw - 1718px)/ 2);
}
.tort-order-basket--card.tort-order-basket.is-bottom {
transform: translateX(0%);
right: calc((100vw - 1718px)/ 2);
}
.tort-order-basket + div {
}
.tort-order-basket__icon {
margin-bottom: 1px;
}
.tort-order-basket__text {
font-weight: bold;
font-size: 15px;
line-height: 20px;
/* or 133% */
text-transform: uppercase;
color: #000000;
}
.tort-order-basket__count {
font-weight: bold;
font-size: 24px;
line-height: 20px;
/* or 83% */
color: #000000;
margin-right: 6px;
}
#basket-card-popup {
max-width: 877px;
margin: 0 auto;
position: relative;
margin-top: 25px;margin-bottom: 25px;
}
#basket-card-popup .mfp-close {
opacity: 0;
}
.tort-basket-popup__title {
text-align: center;
margin-bottom: 62px;
}
.tort-basket-popup__count {
display: flex;
flex-wrap: wrap;
font-size: 18px;
line-height: 20px;
margin-bottom: 23px;
/* or 111% */
}
.tort-basket-popup__count-title {
margin-right: 4px;
color: #606060;
}
.tort-basket-popup__count-item {
color: #2E2E2E;
}
.tort-basket-list__row {
padding: 20px;
border: 2px solid #EBEBEB;
box-sizing: border-box;
border-radius: 2px;
display: flex;
flex-wrap: wrap;
}
.tort-basket-list__row:not(:first-of-type) {
margin-top: 15px;
}
.tort-basket-list__name {
font-size: 14px;
line-height: 20px;
/* or 143% */
color: #000000;
}
.tort-basket-list__scu-block {
display: flex;
flex-wrap: wrap;
margin-top: 19px;
align-items: center;
width: 100%;
}
.tort-basket-list__scu-img {
margin-right: 18px;
}
.tort-basket-list__scu-text {
font-size: 14px;
line-height: 20px;
/* or 143% */
color: #000000;
}
.tort-basket-list__control {
margin-left: auto;
padding-left: 10px;
display: flex;
align-items: flex-start;
flex-wrap: wrap
}
.tort-basket-list__control-delete {
margin-left: 20px;
display: flex;
align-items: center;
position: relative;
top: 2px;
transition: all 2.5s ease;
cursor: pointer;
border-radius: 50%;
}
.tort-basket-list__control-delete svg:hover path {
fill: #94C22B;
}
.tort-basket-list__control-delete svg:hover circle {
stroke: #94C22B;
}
.tort-basket-popup__message {
margin-top: 15px;
}
.tort-basket-popup__message-toggler {
display: flex;
}
.tort-basket-popup__message-title {
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #000000;
margin-bottom: 27px;
}
.tort-basket-popup__message-textarea {
width: 100%;
padding: 21px;
background: #FFFFFF;
border: 2px solid #ECECEC;
box-sizing: border-box;
border-radius: 2px;
resize: none;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #7B7B7B;
min-height: 123px;
}
.tort-basket-popup__message-btn {
margin-top: 30px;
}
.tort-order-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.tort-exit-catalog {
margin-left: auto;
margin-top: 3rem;
margin-bottom: 2.2rem;
}
.tort-exit-catalog__link {
display: inline-flex;
align-items: center;
text-decoration: none;
}
.tort-exit-catalog__text {
font-size: 15px;
line-height: 18px;
color: #8F8F8F;
border-bottom: 1px dashed #94C22B;
margin-right: 8px;
}
.tort-exit-catalog__link:hover .tort-exit-catalog__text {
color: #94C22B;
}
@media (max-width: 1760px) {
.call-btn {
bottom: 4%;
}
.tort-order-basket--card.tort-order-basket {
right: 25px;
}
.tort-order-basket--card.tort-order-basket:not(.is_stuck) {
position: absolute;
/* opacity: 0; */
transform: translateX(0%);
right: 4px;
top: 20px;
}
.tort-order-basket--card.tort-order-basket.is-bottom {
transform: translateX(0%);
right: 4px;
}
}
@media (max-width: 991px) {
#basket-card-popup .popup-city-choise__close {
transform: unset;
}
}
@media (max-width: 578px) {
#basket-card-popup {
margin-top: 0;
margin-bottom: 0;
}
.popup-city-choise__close {
right: 10px;
top: 10px;
}
.tort-basket-popup__title {
margin-bottom: 30px;
}
.tort-order-wrapper {
display: block;
}
.tort-exit-catalog {
margin-left: 0;
}
.tort-basket-list__control {
margin-left: 0;
margin-top: 20px;
}
.tort-order-basket--card.tort-order-basket {
transform: translateX(0%) !important;
right: 0 !important;
top: unset !important;
width: 100% !important;
right: 0;
border-radius: 0;
z-index: 150;
position: fixed !important;
height: auto;
flex-direction: row;
padding: 6px;
bottom: 0 !important;
}
.tort-order-basket__icon {
width: 45px;
margin-right: 10px;
margin-bottom: 0;
}
.tort-order-basket__icon svg {
width: 100%;
}
}
.tort-basket-list {
max-height: 335px;
overflow-y: auto;
position: relative;
}
.tort-basket-list__control--theme-2 .tort-order-counter__btn {
border: unset;
width: 24px;
height: 24px;
}
.tort-basket-list__control--theme-2 .tort-order-counter__btn:hover {
border: unset;
background-color: #fff;
}
.tort-basket-list__control--theme-2 .tort-order-counter-wrapper {
background: #FFFFFF;
border: 1px solid #CCCCCC;
box-sizing: border-box;
border-radius: 2px;
}
.tort-basket-list__control--theme-2 .tort-order-counter {
margin-right: 0;
}
.tort-basket-list__control--theme-2 .tort-order-counter__result {
font-size: 12px;
line-height: 16px;
/* or 133% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.4px;
color: rgba(0, 0, 0, 0.87);
}
.tort-basket-list__control--theme-2 .tort-order-counter__result span {
margin-right: 4px;
}
.tort-basket-list__head {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 20px;
}
.tort-basket-list__side {
flex: 1;
}
.tort-basket-list__row {
padding: 0;
border: 2px solid #D6D6D6;
}
.tort-basket-list__body {
padding: 20px;
border-top: 2px solid #D6D6D6;
width: 100%;
display: none;
}
.tort-basket-list__row.is-active .tort-basket-list__body {
display: block;
}
.tort-basket-list__row.is-active .tort-basket-list__control-toggler {
transform: scale(-1);
}
.tort-basket-list__control-toggler {
width: 24px;
height: 24px;
border-radius: 50%;
margin-left: 20px;
cursor: pointer;
}
.tort-basket-list__control-toggler:hover {
background: #94C22B;
}
.tort-basket-list__control-toggler:hover path {
fill: #fff;
}
.tort-basket-list__bar-code {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 20px;
}
.tort-basket-list__bar-code--img {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_344_120)'%3E%3Cpath d='M2.97505 1.45715H0.425052C0.190347 1.45715 0 1.6475 0 1.88221V4.43221C0 4.66691 0.190347 4.85726 0.425052 4.85726C0.659757 4.85726 0.849949 4.66691 0.849949 4.43221V2.30726H2.97505C3.20976 2.30726 3.39995 2.11691 3.39995 1.88221C3.39995 1.6475 3.20976 1.45715 2.97505 1.45715V1.45715Z' fill='%232E2E2E'/%3E%3Cpath d='M2.97505 14.2071H0.849949V12.0822C0.849949 11.8475 0.659757 11.6571 0.425052 11.6571C0.190347 11.6571 0 11.8475 0 12.0822V14.6322C0 14.8669 0.190347 15.0572 0.425052 15.0572H2.97505C3.20976 15.0572 3.39995 14.8669 3.39995 14.6322C3.39995 14.3975 3.20976 14.2071 2.97505 14.2071V14.2071Z' fill='%232E2E2E'/%3E%3Cpath d='M16.5749 1.45715H14.0249C13.7902 1.45715 13.5999 1.6475 13.5999 1.88221C13.5999 2.11691 13.7902 2.30726 14.0249 2.30726H16.1499V4.43221C16.1499 4.66691 16.3402 4.85726 16.5749 4.85726C16.8096 4.85726 17 4.66691 17 4.43221V1.88221C17 1.6475 16.8096 1.45715 16.5749 1.45715V1.45715Z' fill='%232E2E2E'/%3E%3Cpath d='M16.5749 11.6571C16.3402 11.6571 16.1499 11.8475 16.1499 12.0822V14.2071H14.0249C13.7902 14.2071 13.5999 14.3975 13.5999 14.6322C13.5999 14.8669 13.7902 15.0572 14.0249 15.0572H16.5749C16.8096 15.0572 17 14.8669 17 14.6322V12.0822C17 11.8475 16.8096 11.6571 16.5749 11.6571V11.6571Z' fill='%232E2E2E'/%3E%3Cpath d='M2.9751 4.0072C2.7404 4.0072 2.55005 4.19755 2.55005 4.43225V12.0823C2.55005 12.317 2.7404 12.5073 2.9751 12.5073C3.2098 12.5073 3.4 12.317 3.4 12.0823V4.43225C3.4 4.19755 3.2098 4.0072 2.9751 4.0072Z' fill='%232E2E2E'/%3E%3Cpath d='M4.6749 4.0072H5.525C5.7597 4.0072 5.94989 4.19755 5.94989 4.43225V12.0823C5.94989 12.317 5.7597 12.5073 5.525 12.5073H4.6749C4.44019 12.5073 4.25 12.317 4.25 12.0823V4.43225C4.25 4.19755 4.44019 4.0072 4.6749 4.0072Z' fill='%232E2E2E'/%3E%3Cpath d='M7.22495 4.0072C6.99024 4.0072 6.80005 4.19755 6.80005 4.43225V12.0823C6.80005 12.317 6.99024 12.5073 7.22495 12.5073C7.45965 12.5073 7.65 12.317 7.65 12.0823V4.43225C7.65 4.19755 7.45965 4.0072 7.22495 4.0072Z' fill='%232E2E2E'/%3E%3Cpath d='M8.92505 4.0072H9.775C10.0097 4.0072 10.2001 4.19755 10.2001 4.43225V12.0823C10.2001 12.317 10.0097 12.5073 9.775 12.5073H8.92505C8.69035 12.5073 8.5 12.317 8.5 12.0823V4.43225C8.5 4.19755 8.69035 4.0072 8.92505 4.0072Z' fill='%232E2E2E'/%3E%3Cpath d='M11.4751 4.0072C11.2404 4.0072 11.05 4.19755 11.05 4.43225V12.0823C11.05 12.317 11.2404 12.5073 11.4751 12.5073C11.7098 12.5073 11.9002 12.317 11.9002 12.0823V4.43225C11.9002 4.19755 11.7098 4.0072 11.4751 4.0072Z' fill='%232E2E2E'/%3E%3Cpath d='M13.1751 4.0072H14.025C14.2597 4.0072 14.4501 4.19755 14.4501 4.43225V12.0823C14.4501 12.317 14.2597 12.5073 14.025 12.5073H13.1751C12.9403 12.5073 12.75 12.317 12.75 12.0823V4.43225C12.75 4.19755 12.9403 4.0072 13.1751 4.0072V4.0072Z' fill='%232E2E2E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_344_120'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
width: 17px;
height: 17px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin-right: 7px;
}
.tort-basket-list__bar-code-text {
font-size: 14px;
line-height: 20px;
/* or 143% */
color: #2E2E2E;
}
.tort-basket-list__side {
display: flex;
flex-wrap: wrap;
}
.tort-basket-list__scu-block {
width: auto;
margin-top: auto;
}
.tort-basket-list__comment {
margin-top: 20px;
margin-bottom: 18px;
}
.tort-basket-list__delete-item {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.tort-basket-list__delete-item-icon {
display: flex;
margin-right: 8px;
}
.tort-basket-list__delete-item-text {
font-size: 14px;
line-height: 16px;
/* identical to box height, or 114% */
letter-spacing: 0.75px;
color: #94C22B;
}
.counter-input-counter {
position: relative;
}
.counter-input-counter.is-error .counter-input-counter__target{
color: red;
}
.counter-input-counter__target {
font-size: 12px;
line-height: 14px;
color: #CCCCCC;
position: absolute;
bottom: 0;
right: 20px;
transform: translateY(calc(50% - 1px));
background-color: #FFFFFF;
padding: 4px;
}
.tort-basket-popup__message-head {
display: flex;
flex-wrap: wrap;
margin-bottom: 27px;
}
.tort-basket-popup__message-title {
flex: 1;
padding-right: 15px;
margin-bottom: 0;
}
.tort-basket-popup__message-right {
font-size: 14px;
line-height: 16px;
color: #94C22C;
border-bottom: 1px dashed rgba(148, 194, 44, 0.4);
align-self: center;
cursor: pointer;
}
@media (max-width: 578px) {
.tort-basket-list__side {
flex: 1 0 100%;
order: -1;
margin-bottom: 15px;
width: 100%;
max-width: 100%;
}
.tort-basket-list__control--theme-2.tort-basket-list__control {
width: 100%;
padding-left: 0;
margin-top: 0;
justify-content: space-between;
}
.tort-basket-popup__message-textarea {
width: 100%;
padding: 10px;
background: #FFFFFF;
border: 2px solid #ECECEC;
box-sizing: border-box;
border-radius: 2px;
resize: none;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #7B7B7B;
min-height: 60px;
height: 60px;
}
.tort-basket-list__body {
padding: 10px;
}
.tort-basket-list__head {
padding: 10px;
}
.tort-basket-list__row:not(:first-of-type) {
margin-top: 10px;
}
.js-tort-order--sticky-parrent {
padding-top: 37px;
}
}
@media (max-width: 478px) {
.js-tort-order--sticky-parrent {
padding-top: 20px;
}
}
.tort-order.tort-order-custom{
padding: 0rem 0rem;
border: none;
}
.catalog-new-item__fot-info {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.catalog-new-item__fot-info > * {
flex: 1;
min-width: 0;
}
.catalog-new-item__weight {
margin: 0;
font-weight: 400;
font-size: 11px;
line-height: 1.1;
color: #A2A1A1;
text-transform: none;
text-align: right;
}
/* End */
/* Start:/local/templates/main/css/opt.css?17280423194956*/
/**/
.auth-nav_opt .link{
margin-left: 20px;
}
.opt-item{
position: relative;
}
.opt-item__mask{
opacity: 0;
pointer-events: none;
background: rgba(142,189,64,.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
transition: all .3s ease;
z-index: 9;
justify-content: center;
}
.opt-item:hover .opt-item__mask{
opacity: 1;
pointer-events: all;
}
.opt-item__btn{
padding: 12px 36px;
display: inline-block;
position: relative;
background: #fff;
border-radius: 4px;
text-align: center;
}
.opt-pos__btn{
width: 24px;
height: 24px;
border-radius: 50%;
border: 2px solid #99c638;
position: absolute;
right: 8px;
top: 8px;
transform: rotate(45deg);
cursor: pointer;
transition: all .3s ease;
}
.opt-pos{
display: block;
margin-bottom: 15px;
}
.opt-item__content{
display: block;
}
.opt-pos__list{
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
max-height: 422px;
overflow: auto;
}
.opt-pos__item{
position: relative;
padding: 20px 18px;
padding-right: 40px;
border: 2px solid #ebebeb;
border-radius: 4px;
}
.opt-pos__btn:hover:before{
background: #fff;
}
.opt-pos__btn:hover:after{
background: #fff;
}
.opt-pos__btn:hover{
background: #99c638;
}
.opt-pos__btn{
transition: all .3s ease;
}
.opt-pos__item:not(:last-child){
margin-bottom: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px;
}
.mCS-rounded-dots .mCSB_dragger_bar{
background-color: #e9e9e9!important;
}
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{
width: 2px!important;
}
.mCS-rounded-dots .mCSB_scrollTools .mCSB_draggerRail{
background-color: #e9e9e9!important;
background-image: none!important;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{
height: 14px;
}
.opt-pos__btn:after{
content: '';
width: 2px;
height: 12px;
background: #99c638;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all .3s ease;
}
.opt-pos__btn:hover :before{
background: #000;
}
.opt-pos__btn:hover :after{
background: #000;
}
.opt-pos__r-btn:hover{
border-color: #99c638!important;
}
.opt-pos__btn:before{
content: '';
width: 12px;
height: 2px;
background: #99c638;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all .3s ease;
}
.opt-popup .mfp-close:before{
content: '';
width: 14px;
height: 2px;
background: #6d6d6d;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.opt-popup .mfp-close:after{
content: '';
width: 2px;
height: 14px;
background: #6d6d6d;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.opt-popup .mfp-close{
font-size: 0;
transform: rotate(45deg);
width: 30px;
height: 30px;
background: #fff;
border-radius: 50%;
right: -15px;
top: -15px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04);
}
.opt-pos__line{
margin-bottom: 5px;
display: block;
}
.opt-pos__btn:hover{
border-color: #000;
}
.opt-popup{
margin-top: 30px;
margin-bottom: 30px;
max-width: 820px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.popup{
/* padding:70px 90px; */
background: #fff;
}
.opt-pos{
font-size: 18px;
}
.popup__title{
margin-bottom: 60px;
display: block;
font-size: 28px;
font-weight: bold;
text-align: center;
}
.opt-pos__list .mCSB_container{
margin-right: 0;
padding-right: 30px!important;
}
@media(max-width:990px){
.popup__title{
margin-bottom: 30px;
}
.popup {
max-width: 90%;
padding: 30px 30px;
background: #fff;
}
}
@media(max-width:660px){
.opt-pos__btn{
right: -9px;
background: #fff;
top: -8px;
}
.popup{
padding: 30px 12px;
}
.opt-pos__item{
padding: 8px 10px;
}
.opt-pos__list{
padding-right: 15px;
}
.widget-tort .widget-width{
width: 50%;
}
.popup__title{
font-size: 20px;
}
}
@media(max-width:560px){
.widget-tort .widget-width{
width: 100%;
}
}
/* End */
/* Start:/local/templates/main/css/new-catalog.css?174773301130478*/
.scroll-top {
right: 3.5rem !important;
}
@media (max-width: 1760px) {
.scroll-top {
bottom: 18rem !important;
}
}
.n-catalog--new {
padding-top: 34px;
border-top: none;
}
@media screen and (max-width: 767px) {
.n-catalog--new {
padding-top: 16px;
}
}
.n-catalog--new .n-catalog__content {
padding: 0 33px;
}
@media screen and (max-width: 1199px) {
.n-catalog--new .n-catalog__content {
padding: 0;
min-width: 100%;
}
}
.n-catalog--new .n-aside {
max-width: 20%;
width: 286px;
}
.left-menu-n-aside{
top: 135px;
position: sticky;
}
.n-catalog--new .n-catalog__content .block-catalog-filter{
position: sticky;
top: 120px;
z-index: 10;
background: white;
padding: 10px 0;
}
.div-filter-none .div-filter{
display: none;
}
@media screen and (max-width: 1090px) {
.n-catalog--new .n-catalog__content .block-catalog-filter{
top: 55px;
}
.div-filter-none .js-catalog-show-filter{
width: 20%!important;
padding-left: 0!important;
margin-left: 0!important;
}
}
@media screen and (max-width: 1199px) {
.n-catalog--new .n-aside .catalog-col__item {
/* display: none; */
}
}
.n-catalog--new .n-aside .catalog-col__link {
color: #000000;
align-items: center;
}
@media (max-width: 1270px) {
.n-catalog--new .n-aside .catalog-col__link {
justify-content: flex-start;
}
}
.n-catalog--new .n-aside .catalog-col__link span:not(:first-child) {
color: #BDBDBD;
transition: 0.3s;
}
.n-catalog--new .n-aside .catalog-col__link span:not(:last-child) {
margin-right: 4px;
}
.n-catalog--new .n-aside .catalog-col__link:hover {
color: #8ebd40;
}
.n-catalog--new .n-aside .catalog-col__link:hover span:not(:first-child) {
color: #8ebd40;
}
.n-catalog--new .order-filter {
position: relative;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.n-catalog--new .order-filter {
flex-direction: row-reverse;
justify-content: space-between;
}
.n-catalog--new .div-filter-none .order-filter {
flex-direction: row;
justify-content: space-between;
}
.n-catalog--new .div-filter-none .order-filter .dropen-block-select {
max-width: 80%;
}
.n-catalog--new .order-filter__row{
padding-right: 0px!important;
}
.n-catalog--new .order-filter__link{
padding: 1px 9px!important;
font-size: 13px!important;
}
.dropen-block-select__selected{
font-size: 13px!important;
}
.filter-icon-show img,.dropen-block-select__ico img{
width: 40px;
}
.n-catalog--new .n-aside{
max-width: 100%;
}
.left-menu-n-aside{
position: static;
}
.fixed-left-menu-title.active{
display: none;
}
.dropen-cats-catalog .dropen-block-select__head{
display: none!important;
}
}
@media screen and (max-width: 767px) {
.n-catalog--new .order-filter::after {
content: "";
display: block;
width: 67px;
height: 100%;
top: 0;
right: 52px;
position: absolute;
background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 188.79%);
pointer-events: none;
}
}
.n-catalog--new .order-filter:not(:last-child) {
margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
.n-catalog--new .order-filter:not(:last-child) {
margin-bottom: 12px;
}
}
.n-catalog--new .order-filter__scroll {
/* margin: -4px; */
/* overflow-x: scroll; */
/* padding: 4px 0;
-ms-overflow-style: none;
scrollbar-width: none;
flex-wrap: nowrap; */
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.n-catalog--new .order-filter__scroll {
margin-left: -15px;
padding-left: 11px;
}
}
.n-catalog--new .order-filter__scroll::-webkit-scrollbar {
display: none;
}
.n-catalog--new .order-filter__row {
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.n-catalog--new .order-filter__row {
padding-right: 67px;
}
}
.n-catalog--new .order-filter__col {
padding: 4px;
}
.n-catalog--new .order-filter__link {
margin: 0;
padding: 8px 20px;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #000000;
border-color: #A2A3A0;
}
.n-catalog--new .order-filter__link:hover {
color: #8ebd40;
border-color: #8ebd40;
}
.n-catalog--new .order-filter .sort-w {
color: #A2A1A1;
transition: 0.3s;
cursor: pointer;
}
.n-catalog--new .order-filter .sort-w:not(:last-child) {
margin-right: 24px;
}
@media screen and (max-width: 767px) {
.n-catalog--new .order-filter .sort-w:not(:last-child) {
margin-right: 0;
margin-left: 24px;
}
}
@media screen and (max-width: 500px) {
.n-catalog--new .order-filter .sort-w:not(:last-child) {
margin-top: 0;
width: auto;
}
}
.n-catalog--new .order-filter .sort-w:hover {
color: #8ebd40;
}
.n-catalog--new .order-filter .sort-w .filter-icon-show:last-child {
margin: 0 !important;
}
.n-catalog--new .order-filter .sort-w .filter-icon-show svg {
fill: currentColor;
}
.n-catalog--new .order-filter .price-toggle {
flex: 1 1 auto;
max-width: 240px;
margin-left: auto;
margin-right: 40px;
}
@media screen and (max-width: 1399px) {
.n-catalog--new .order-filter .price-toggle {
display: none;
}
}
.n-catalog--new .order-filter .price-toggle__ui {
margin: 0;
}
.n-catalog--new .order-filter .price-toggle .noUi-handle.noUi-handle-lower {
left: 12px !important;
}
.n-catalog--new .order-filter .price-toggle .noUi-tooltip {
font-weight: 500;
font-size: 12px;
line-height: 100%;
color: #739630;
padding: 0;
border: none;
top: 100%;
}
.n-catalog--new .catalog-drop-filter {
border-radius: 6px 0px 0px 6px;
border: 1px solid #F8F7F7;
transition: 0.3s;
box-shadow: none;
}
@media screen and (max-width: 767px) {
.n-catalog--new .catalog-drop-filter {
border-radius: 6px;
margin: 13px;
height: calc(100vh - 26px);
height: var(--vh);
width: calc(100vw - 26px);
box-shadow: none;
transform: translateX(110%);
padding: 0 16px;
}
}
.n-catalog--new .catalog-drop-filter.is-active {
box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
.n-catalog--new .catalog-drop-filter.is-active {
transform: translateX(0%);
box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.5);
}
.catalog-drop-filter__inner > form{
position: relative;
overflow-y: auto;
padding-bottom: 40px;
}
.catalog-drop-filter__inner-footer {
position: fixed;
bottom: 0;
padding-bottom: 0;
background: #fff;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.5);
width: 100%;
left: 0;
border-radius: 6px;
}
.catalog-drop-filter__main-footer {
padding: 0 10px;
}
}
@media screen and (max-width: 767px) {
.n-catalog--new .catalog-drop-filter__top-head {
padding: 20px 0 15px;
}
}
@media screen and (max-width: 767px) {
.n-catalog--new .catalog-drop-filter__inner-content {
padding: 5px 0 15px;
}
}
@media screen and (max-width: 767px) {
.n-catalog--new .catalog-drop-filter__row {
padding: 0 0 28px;
margin: 0;
}
}
.n-catalog--new .catalog-drop-filter__body .country-filter-block::-webkit-scrollbar {
width: 6px;
}
.n-catalog--new .catalog-drop-filter__body .country-filter-block::-webkit-scrollbar-track {
background: transparent;
}
.n-catalog--new .catalog-drop-filter__body .country-filter-block::-webkit-scrollbar-thumb {
background-color: #93c22c;
border-radius: 4px;
}
@media screen and (max-width: 767px) {
.n-catalog--new .catalog-drop-filter__body .block-filter-input input {
border-radius: 6px;
}
}
@media screen and (max-width: 767px) {
.n-catalog--new .catalog-drop-filter .price-toggle__control {
border-radius: 6px;
}
}
@media screen and (max-width: 767px) {
.n-catalog--new .catalog-drop-filter .price-toggle__sepp {
opacity: 0;
}
}
@media screen and (max-width: 767px) {
.n-catalog--new .catalog-drop-filter .price-toggle__ui {
margin: 24px 0px 0 9px;
}
}
@media screen and (max-width: 767px) {
.n-catalog--new .catalog-drop-filter .n-nav__section {
margin-bottom: 0;
}
}
.catalog-new__title {
padding: 30px 0 0;
}
@media screen and (max-width: 767px) {
.catalog-new__title {
padding: 8px 0 0;
}
}
.catalog-new__title .h2 {
margin: 0;
color: #000000;
}
.catalog-new__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
@media screen and (max-width: 991px) {
.catalog-new__grid {
grid-template-columns: repeat(2, 1fr);
}
.catalog-new__grid .flex-pagination{
grid-column: 2 span!important;
}
.click_more {
grid-column: 2 span!important;
}
}
@media screen and (max-width: 575px) {
.catalog-new__grid {
gap: 12px;
}
.catalog-new__grid .flex-pagination{
flex-direction: column;
}
.catalog-new__grid .flex-pagination font{
padding: 10px 0;
}
}
.catalog-new-item {
display: flex;
flex-direction: column;
padding: 20px 26px 11px;
border: 1px solid #D9D9D9;
border-radius: 17px;
position: relative;
transition: 0.3s;
background-color: #FFFFFF;
overflow: hidden;
}
@media screen and (min-width: 1450px) {
.catalog-new-item {
padding: 20px 26px 14px;
}
}
@media screen and (max-width: 575px) {
.catalog-new-item {
padding: 12px 12px 10px;
}
}
.catalog-new-item:hover {
transform: translateY(-5px);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.catalog-new-item__rating {
position: absolute;
top: 19px;
right: 17px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 5;
font-weight: 500;
font-size: 10px;
line-height: 1.2;
color: #000000;
}
@media screen and (max-width: 575px) {
.catalog-new-item__rating {
top: 12px;
right: 12px;
}
}
.catalog-new-item__rating svg {
fill: #EAB222;
}
@media screen and (max-width: 575px) {
.catalog-new-item__rating svg {
max-width: 20px;
max-height: 20px;
}
}
.catalog-new-item__rating svg:not(:last-child) {
margin-bottom: 3px;
}
.catalog-new-item__rating + .catalog-new-item__tags {
max-width: calc(100% - 38px - 26px * 2);
}
@media screen and (max-width: 575px) {
.catalog-new-item__rating + .catalog-new-item__tags {
max-width: calc(100% - 25px - 12px * 2);
}
}
.catalog-new-item__tags {
margin-bottom: auto;
position: absolute;
top: 20px;
left: 26px;
z-index: 1;
max-height: 25px;
overflow: hidden;
}
@media screen and (max-width: 575px) {
.catalog-new-item__tags {
top: 12px;
left: 12px;
}
}
.catalog-new-item__tags-row {
display: flex;
align-items: center;
margin: -1px;
overflow: hidden;
flex-wrap: wrap;
}
.catalog-new-item__tags-col {
display: flex;
align-items: center;
justify-content: center;
padding: 3px;
white-space: nowrap; /* Запретить перенос текста внутри тега */
}
.catalog-new-item__tags-row::after {
content: '';
flex: 0 0 auto; /* Не растягивать */
width: 0; /* Ширина 0, чтобы не занимать место */
display: block; /* Блок для управления отображением */
}
.catalog-new-item__tags span {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 2px 8px;
border-radius: 9px;
font-weight: 500;
font-size: 14px;
line-height: 1.14;
color: #FFFFFF;
}
@media screen and (max-width: 575px) {
.catalog-new-item__tags span {
font-size: 12px;
}
}
.catalog-new-item__picture {
display: block;
position: relative;
width: calc(100% - 15px * 2);
padding-bottom: 76%;
margin: 4px 15px 24px;
}
@media screen and (max-width: 575px) {
.catalog-new-item__picture {
margin: 14px 0;
}
}
.catalog-new-item__picture img {
position: absolute;
max-width: 100%;
max-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.catalog-new-item__price {
display: flex;
align-items: center;
font-weight: 500;
font-size: 20px;
line-height: 1.15;
color: #000000;
}
@media screen and (max-width: 575px) {
.is-big-price .catalog-new-item__price-current {
font-size: calc(8px + 1.48vmin);
white-space: nowrap;
}
.catalog-new-item__price-current {
white-space: nowrap;
}
}
.catalog-new-item__price:not(:last-child) {
margin-bottom: 18px;
}
@media screen and (max-width: 575px) {
.catalog-new-item__price:not(:last-child) {
margin-bottom: 12px;
}
}
.catalog-new-item__price-sale {
font-weight: 500;
font-size: 32px;
line-height: 1.2;
color: #FFFFFF;
padding: 4px 17px;
background: #AEE946;
border-radius: 28px;
}
@media screen and (max-width: 575px) {
.catalog-new-item__price-sale {
font-size: calc(8px + 1.48vmin);
padding: 4px 12px;
}
}
.catalog-new-item__price-sale:not(:last-child) {
margin-right: 18px;
}
@media screen and (max-width: 575px) {
.catalog-new-item__price-sale:not(:last-child) {
margin-right: 12px;
}
}
@media screen and (max-width: 350px) {
.catalog-new-item__price-sale:not(:last-child) {
margin-right: 0px;
}
}
.catalog-new-item__price-sale--more {
display: flex;
flex-direction: column;
font-size: 20px;
}
@media screen and (max-width: 575px) {
.catalog-new-item__price-sale--more {
font-size: 12px;
}
}
.catalog-new-item__price-sale--more span {
font-size: 14px;
}
@media screen and (max-width: 575px) {
.catalog-new-item__price-sale--more span {
font-size: 8px;
}
}
.catalog-new-item__price-info {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.catalog-new-item__price-info > *:not(:last-child) {
margin-bottom: 4px;
text-decoration: line-through;
}
@media screen and (max-width: 575px) {
.catalog-new-item__price-info > *:not(:last-child) {
margin-bottom: 0;
}
}
.catalog-new-item__price-old {
font-size: 13px;
}
@media screen and (max-width: 575px) {
.is-big-price .catalog-new-item__price-old {
font-size: calc(6px + 1.2vmin);
}
}
.catalog-new-item__descr {
font-weight: 500;
font-size: 14px;
line-height: 1.4;
color: #000000;
margin: 0;
padding-bottom: 22px;
}
@media screen and (min-width: 1450px) {
.catalog-new-item__descr {
font-size: 16px;
}
}
@media screen and (max-width: 575px) {
.catalog-new-item__descr {
font-size: 11px;
line-height: 1.2;
}
}
.catalog-new-item__descr:not(:last-child) {
margin-bottom: 18px;
padding-bottom: 0;
}
@media screen and (max-width: 575px) {
.catalog-new-item__descr:not(:last-child) {
margin-bottom: 6px;
}
}
.catalog-new-item__time {
margin: 0;
font-weight: 400;
font-size: 11px;
line-height: 1.1;
color: #A2A1A1;
text-transform: none;
}
.catalog-new-special {
position: relative;
display: block;
grid-column: 1/-1;
overflow: hidden;
margin: 18px 0;
border-radius: 18px;
transition: 0.3s;
}
@media screen and (max-width: 575px) {
.catalog-new-special {
margin: 8px 0;
}
}
.catalog-new-special:hover {
transform: translateY(-5px);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.catalog-new-special__picture {
display: block;
position: absolute;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.catalog-new-special__picture {
position: relative;
height: auto;
padding-bottom: 50%;
}
}
.catalog-new-special__picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left center;
object-position: left center;
}
@media screen and (max-width: 767px) {
.catalog-new-special__picture img {
position: absolute;
}
}
.catalog-new-special__content {
position: relative;
z-index: 5;
min-height: 370px;
display: flex;
flex-direction: column;
padding: 20px;
background: #F5F5F5;
width: 326px;
margin-left: auto;
}
@media screen and (max-width: 767px) {
.catalog-new-special__content {
width: 100%;
min-height: auto;
}
}
@media screen and (max-width: 575px) {
.catalog-new-special__content {
padding: 20px 16px 12px;
}
}
.catalog-new-special__tags {
margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
/*.catalog-new-special__tags {
display: none;
}*/
}
.catalog-new-special__tags-row {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: -3px;
}
.catalog-new-special__tags-col {
display: flex;
align-items: center;
justify-content: center;
padding: 3px;
}
.catalog-new-special__tags span {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 3px 25px;
border-radius: 9px;
font-weight: 400;
font-size: 14px;
line-height: 1.14;
color: #FFFFFF;
}
@media screen and (max-width: 575px) {
.catalog-new-special__tags span {
font-size: 12px;
}
}
.catalog-new-special__title {
font-weight: 800;
font-size: 32px;
line-height: 1.2;
color: #000000;
}
.catalog-new-special__title:not(:last-child) {
margin-bottom: 26px;
}
@media screen and (max-width: 575px) {
.catalog-new-special__title:not(:last-child) {
font-size: 15px;
margin-bottom: 12px;
}
}
.catalog-new-special__price {
display: flex;
align-items: flex-start;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
color: #000000;
}
.catalog-new-special__price:not(:last-child) {
margin-bottom: 26px;
}
@media screen and (max-width: 575px) {
.catalog-new-special__price:not(:last-child) {
margin-bottom: 7px;
order: -1;
font-size: 10px;
}
}
.catalog-new-special__price > *:not(:last-child) {
margin-right: 18px;
}
@media screen and (max-width: 575px) {
.catalog-new-special__price > *:not(:last-child) {
margin-right: 8px;
}
}
.catalog-new-special__price .new-price {
font-size: 36px;
color: #9DC149;
}
@media screen and (max-width: 575px) {
.catalog-new-special__price .new-price {
font-size: 16px;
}
}
.catalog-new-special__price .old-price {
margin-top: 0.2em;
text-decoration: line-through;
}
.catalog-new-special__price .old-price sup {
top: -0.35em;
}
.catalog-new-special__info {
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: #000000;
}
@media screen and (max-width: 575px) {
.catalog-new-special__info {
font-size: 11px;
}
}
.catalog-new-special__info:not(:last-child) {
margin-bottom: 26px;
}
@media screen and (max-width: 575px) {
.catalog-new-special__info:not(:last-child) {
margin-bottom: 12px;
}
}
.catalog-new-special__time {
font-weight: 400;
font-size: 14px;
line-height: 1.2;
color: #828282;
margin-top: auto;
padding-top: 16px;
border-top: 1px solid #EDEDED;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 575px) {
.catalog-new-special__time {
font-size: 10px;
padding-top: 12px;
}
}
.catalog-new-special__time span:not(:last-child) {
margin-right: 10px;
}
.catalog-new-special__time svg {
stroke: #A2A1A1;
fill: none;
transition: .3s;
margin: -10px 0;
width: 64px;
height: 41px;
min-width: 64px;
min-height: 41px;
}
@media screen and (max-width: 575px) {
.catalog-new-special__time svg {
width: 49px;
height: 32px;
min-width: 49px;
min-height: 32px;
margin: -6px 0;
}
}
.catalog-new-special:hover .catalog-new-special__time svg {
stroke: #94C22B;
}
.index-promo {
padding: 8px 0 0;
}
@media (min-width: 1091px) {
.index-promo {
padding: 23px 0 0;
}
}
.index-promo__grid {
display: grid;
gap: 20px;
grid-template-columns: 1.5fr 0.5fr;
}
@media (max-width: 1399px) {
.index-promo__grid {
grid-template-columns: 1.4fr 0.6fr;
}
}
@media (max-width: 1200px) {
.index-promo__grid {
grid-template-columns: 1fr 1fr;
gap: 12px;
}
}
.index-promo__grid .index-slider--new {
grid-row: span 3;
}
@media (max-width: 1200px) {
.index-promo__grid .index-slider--new {
grid-row: auto;
grid-column: 1/-1;
}
}
.index-promo__item {
border-radius: 22px;
overflow: hidden;
}
@media (max-width: 1200px) {
.index-promo__item {
border-radius: 12px;
}
}
@media (max-width: 1200px) {
.index-promo__item:last-child {
display: none;
}
}
.index-promo__item--shadow {
box-shadow: 2px 3px 9px 1px rgba(0, 0, 0, 0.15);
transition: 0.3s;
}
.index-promo__item--shadow:hover {
transform: translateY(-5px);
box-shadow: 2px 3px 9px 1px rgba(0, 0, 0, 0.35);
}
.index-promo__item img {
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.index-promo__more {
display: flex;
align-items: center;
justify-content: center;
background: #F1F1F1;
min-height: 66px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-transform: capitalize;
color: #000000;
transition: 0.3s;
}
.index-promo__more:hover {
color: #FFFFFF;
background: #a1c13f;
}
.index-slider--new .swiper-container {
overflow: hidden;
padding-left: 0 !important;
padding-right: 0 !important;
}
.index-slider--new .swiper-container::before, .index-slider--new .swiper-container::after {
display: none;
}
.index-slider--new .swiper-container-horizontal {
height: 100%;
}
.index-slider--new .swiper-container-horizontal > .swiper-pagination-bullets {
margin: 0;
position: absolute;
z-index: 5;
bottom: 20px;
}
@media (max-width: 700px) {
.index-slider--new .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
}
}
.index-slider--new .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
background: rgba(217, 217, 217, 0.5) !important;
border-radius: 50%;
margin: 0 !important;
}
@media (max-width: 700px) {
.index-slider--new .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
width: 4px !important;
height: 4px !important;
}
}
.index-slider--new .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child) {
margin-right: 10px !important;
}
@media (max-width: 700px) {
.index-slider--new .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child) {
margin-right: 4px !important;
}
}
.index-slider--new .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #D9D9D9 !important;
}
.index-slider--new .swiper-wrapper, .index-slider--new .swiper-slide {
height: 100%;
}
.index-slider--new .swiper-slide .index-slider__item,
.index-slider--new .swiper-slide .index-slider__img {
height: 100%;
}
.index-slider--new .swiper-slide .index-slider__img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 22px;
}
@media (max-width: 1200px) {
.index-slider--new .swiper-slide .index-slider__img {
border-radius: 12px;
}
}
.index-slider--new .arrows-control {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
border: unset;
position: absolute;
margin-left: 0px;
bottom: unset;
top: 50% !important;
transform: translate(0, -50%);
z-index: 15;
width: 43px !important;
height: 43px !important;
border-radius: 50%;
background: rgba(217, 217, 217, 0.3) !important;
transition: 0.3s;
}
@media (max-width: 700px) {
.index-slider--new .arrows-control {
display: flex !important;
width: 16px !important;
height: 16px !important;
}
}
@media (max-width: 700px) {
.index-slider--new .arrows-control svg {
max-width: 7px;
max-height: 5px;
}
}
.index-slider--new .arrows-control__right {
right: 10px;
}
@media (min-width: 701px) {
.index-slider--new .arrows-control__right {
right: 24px !important;
}
}
.index-slider--new .arrows-control__left {
left: 10px;
}
@media (min-width: 701px) {
.index-slider--new .arrows-control__left {
left: 24px !important;
}
}
.index-slider--new .arrows-control svg path {
fill: #FFFFFF;
}
.index-slider--new .arrows-control:hover {
background: #a1c13f !important;
}
.index-slider--new .arrows-control:hover svg path {
stroke: none;
}
.index-catalog {
position: relative;
}
.index-catalog__nav {
display: flex;
justify-content: space-between;
position: absolute;
z-index: 15;
left: 50%;
top: 50%;
width: 1694px;
max-width: calc(100vw - 30px);
transform: translate(-50%, -50%);
pointer-events: none;
}
.index-catalog__nav .arrows-control {
position: static;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
border: unset;
margin-left: 0px;
bottom: unset;
width: 43px !important;
height: 43px !important;
border-radius: 50%;
background: rgba(217, 217, 217, 0.3) !important;
transition: 0.3s;
pointer-events: auto;
}
.index-catalog__nav .arrows-control svg path {
fill: #FFFFFF;
}
.index-catalog__nav .arrows-control:hover {
background: #a1c13f !important;
}
.index-catalog__nav .arrows-control:hover svg path {
stroke: none;
}
.index-catalog .swiper-container {
margin-top: -20px;
margin-bottom: -20px;
}
.index-catalog .swiper-wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
.index-catalog .catalog-new-item {
padding: 12px 12px 10px;
}
.index-catalog .catalog-new-item__rating {
top: 12px;
right: 12px;
}
.index-catalog .catalog-new-item__rating svg {
max-width: 20px;
max-height: 20px;
}
.index-catalog .catalog-new-item__tags span {
font-size: 12px;
}
.index-catalog .catalog-new-item__picture {
margin: 14px 0;
}
.index-catalog .catalog-new-item__price {
font-size: 16px;
}
.index-catalog .catalog-new-item__price:not(:last-child) {
margin-bottom: 12px;
}
.index-catalog .catalog-new-item__price-sale {
font-size: 16px;
padding: 4px 12px;
}
.index-catalog .catalog-new-item__price-sale:not(:last-child) {
margin-right: 12px;
}
.index-catalog .catalog-new-item__price-info > *:not(:last-child) {
margin-bottom: 0;
}
.index-catalog .catalog-new-item__price-old {
font-size: 12px;
}
.index-catalog .catalog-new-item__descr {
font-size: 14px;
line-height: 1.2;
}
@media screen and (max-width: 575px) {
.index-catalog .catalog-new-item__descr {
font-size: 11px;
line-height: 1.2;
}
}
@media screen and (max-width: 575px) {
.index-catalog .catalog-new-item__descr:not(:last-child) {
margin-bottom: 6px;
}
}
.section_default--small {
margin-top: 40px;
margin-bottom: 40px;
}
@media (max-width: 700px) {
.section_default--small {
margin-top: 24px;
margin-bottom: 24px;
}
}
/*
Новая сортировка
*/
.n-catalog--new .order-filter__scroll {
/* max-width: 550px;
*/
position: relative;
}
.n-catalog--new .order-filter__row {
padding-right: 67px;
flex-wrap: wrap;
}
.n-catalog--new .order-filter__scroll {
margin-left: -15px;
padding-left: 11px;
}
@media (min-width: 768px) {
.n-catalog--new .order-filter__scroll {
/* scrollbar-width: unset;
overflow: hidden; */
}
.n-catalog--new .order-filter__row {
/* overflow-x: auto; */
}
.n-catalog--new .order-filter__scroll:before {
content: '';
width: 65px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 188.79%);
}
}
.div-filter{
display: flex;
flex-direction: row;
}
.dropen-block-select {
/* padding: 8px 20px; */
background: #fff;
max-width: 283px;
position: relative;
z-index: 15;
/* margin-left: 36px; */
margin-right: 36px;
}
.dropen-block-select:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #fff;
border-radius: 4px;
left: 0;
top: 0;
/* border: 1px solid #E9E9E9; */
}
.dropen-block-select__head {
display: flex;
align-items: center;
gap: 10px;
position: relative;
z-index: 5;
cursor: pointer;
}
.dropen-block-select__selected {
text-transform: lowercase;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #8ebd40;
}
.dropen-block-select__ico {
display: flex;
align-items: center;
}
.dropen-block-select__arrow {
display: flex;
align-items: center;
position: relative;
}
.dropen-block-select__body {
position: absolute;
width: 100%;
left: 0;
bottom: -2px;
transform: translateY(100%);
padding-bottom: 12px;
padding-left: 20px;
padding-right: 20px;
margin-top: 2px;
}
.dropen-block-select:not(.is-open) .dropen-block-select__body {
display: none;
}
.dropen-block-select:not(.is-open) .dropen-block-select__body:before {
display: none;
}
.dropen-block-select.is-open:before {
display: none;
}
.dropen-block-select.is-open .dropen-block-select__body:before {
content: '';
position: absolute;
width: 100%;
background: #fff;
border-radius: 4px;
left: 0;
top: -38px;
bottom: 0;
right: 0;
/* border: 1px solid #E9E9E9; */
}
.dropen-block-select.is-open .dropen-block-select__arrow {
transform: scaleY(-1);
}
.dropen-block-select__item {
position: relative;
z-index: 5;
}
.dropen-block-select__item:not(:last-child) {
margin-bottom: 8px;
}
.dropen-block-select__label {
font-weight: 400;
font-size: 16px;
line-height: 19px;
/* identical to box height */
color: #000000;
padding: 4px 8px;
display: block;
cursor: pointer;
}
.dropen-block-select__label.is-active {
background: #8ebd40;
color: #ffffff;
}
@media (max-width: 767px) {
.n-catalog--new .order-filter {
flex-wrap: wrap;
}
.n-catalog--new .order-filter__scroll {
flex: 1;
min-width: 0;
}
.dropen-block-select {
margin-left: 0;
margin-right: 0;
width: 100%;
margin-top: 12px;
flex: 1 0 100%;
max-width: 100%;
}
.dropen-block-select__selected {
max-width: unset;
flex: 1;
min-width: 0;
}
.catalog-new-special.so-lonely-a-image {
height: auto;
}
.catalog-new-special.so-lonely-a-image .catalog-new-special__picture {
padding-bottom: 0;
object-fit: contain;
}
.catalog-new-special.so-lonely-a-image .catalog-new-special__picture img {
position: static;
object-fit: contain;
}
}
/* End */
/* /local/templates/main/css/jquery.fancybox.min.css?158459752412795 */
/* /local/templates/main/css/styles.css?1742203073239057 */
/* /local/templates/main/css/custom.css?1750052192271287 */
/* /local/templates/main/css/faq.css?16602203142553 */
/* /local/templates/main/css/footer.css?1592912927383 */
/* /local/templates/main/css/newsline.css?1592912927759 */
/* /local/templates/main/css/jquery.mCustomScrollbar.css?159585848254850 */
/* /local/components/wf/call_back/templates/.default/style.css?16557551471520 */
/* /local/templates/main/css/new-header.css?173856335412575 */
/* /local/templates/main/css/header2022.css?16777574551112 */
/* /local/templates/main/css/catalog.css?172051888989220 */
/* /local/templates/main/css/opt.css?17280423194956 */
/* /local/templates/main/css/new-catalog.css?174773301130478 */