/*
* side`s
*
* - slick
* - fancybox
* - daterangepicker
* - irs (???)
*/
/* slick */
.slick-slider {
box-sizing:border-box;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent
}
.slick-list,
.slick-slider {
position:relative;
display:block
}
.slick-list {
overflow:hidden;
margin:0;
padding:0
}
.slick-list:focus {
outline:none
}
.slick-list.dragging {
cursor:pointer;
cursor:hand
}
.slick-list {
-webkit-overflow-scrolling:touch
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform:translateZ(0)
}
.slick-track {
position:relative;
left:0;
top:0;
display:block;
margin-left:auto;
margin-right:auto
}
.slick-track:after,
.slick-track:before {
content:"";
display:table
}
.slick-track:after {
clear:both
}
.slick-loading .slick-track {
visibility:hidden
}
.slick-slide {
float:left;
height:100%;
min-height:1px
}
.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 {
border:none;
width:28px;
height:28px;
position:absolute;
top:50%;
left:-25px;
display:flex;
align-items:center;
justify-content:center;
z-index:10;
transition:opacity .4s;
cursor:pointer;
border-radius:50%;
padding:0;
outline:none;
transform:rotate(0);
background:none
}
.slick-arrow.slick-disabled {
opacity:0;
cursor:default
}
.slick-arrow__icon {
width:42px;
height:42px;
position:relative;
fill:transparent
}
.slick-arrow.slick-next {
left:auto;
right:-25px;
transform:rotate(180deg)
}
.slick-arrow.slick-hidden {
display:none
}
.slick-dots {
list-style:none;
margin:0;
padding:0;
margin-left:-6px;
margin-bottom:26px;
margin-top:10px;
position:relative;
z-index:10;
text-align:center;
-webkit-overflow-scrolling:touch
}
.slick-dots li {
display:inline-block;
vertical-align:middle;
list-style:none;
margin:5px 6px;
padding:0
}
.slick-dots button {
background:none;
text-indent:-9999px;
border:none;
width:14px;
height:14px;
border-radius:50%;
outline:none;
padding:0;
display:flex;
justify-content:center;
align-items:center;
background-color:#757575;
overflow:hidden;
font-size:0
}
.slick-dots button:before {
content:"";
display:block;
width:8px;
height:8px;
border-radius:50%;
background-color:#757575
}
.slick-dots button {
-webkit-overflow-scrolling:touch
}
.slick-dots .slick-active button {
background-color:#757575
}
.slick-dots .slick-active button:before {
background-color:#fff
}
/* fancybox */
body.compensate-for-scrollbar {
overflow:hidden;
-webkit-overflow-scrolling:touch
}
.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;
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:.8125rem;
-webkit-font-smoothing:subpixel-antialiased;
height:44px;
left:0;
line-height:2.75rem;
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;
-webkit-overflow-scrolling:touch
}
.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;
-webkit-overflow-scrolling:touch
}
.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;
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%;
-webkit-overflow-scrolling:touch
}
.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:1rem;
line-height:1.25rem;
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;
-webkit-overflow-scrolling:touch
}
.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:.875rem;
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;
-webkit-overflow-scrolling:touch
}
.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)
}
.fancybox-share {
background:#f4f4f4;
border-radius:3px;
max-width:90%;
padding:30px;
text-align:center
}
.fancybox-share h1 {
color:#222;
font-size:2.1875rem;
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:.875rem;
font-weight:700;
line-height:2.5rem;
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:.875rem;
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;
-webkit-overflow-scrolling:touch
}
.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%;
-webkit-overflow-scrolling:touch
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow:hidden;
-webkit-overflow-scrolling:touch
}
.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;
-webkit-overflow-scrolling:touch
}
.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
}
.compensate-for-scrollbar {
margin-right:0
}
.fancybox-container .fancybox-slide {
padding:0
}
.fancybox-content {
padding:34px 38px;
overflow-x:visible;
overflow-y:auto;
background:url(../images/common/popup-background.png) 100% 100% #000
}
.fancybox-content.filter__form {
padding-bottom:60px
}
.fancybox-content {
-webkit-overflow-scrolling:touch
}
.fancybox-infobar {
mix-blend-mode:unset
}
.fancybox-button {
display:flex;
align-items:center;
justify-content:center
}
.fancybox-button svg {
color:undefined;
width:44px;
height:44px
}
.fancybox-slide--html .fancybox-close-small {
top:14px;
right:14px
}
/* daterangepicker */
.daterangepicker {
position:absolute;
color:inherit;
background-color:#fff;
border-radius:4px;
border:1px solid #ddd;
width:278px;
max-width:none;
padding:0;
margin-top:7px;
top:100px;
left:20px;
z-index:3001;
display:none;
font-family:arial;
font-size:.9375rem;
line-height:1em
}
.daterangepicker:after,
.daterangepicker:before {
position:absolute;
display:inline-block;
border-bottom-color:rgba(0,0,0,.2);
content:""
}
.daterangepicker:before {
top:-7px;
border-right:7px solid transparent;
border-left:7px solid transparent;
border-bottom:7px solid #ccc
}
.daterangepicker:after {
top:-6px;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
border-left:6px solid transparent
}
.daterangepicker.opensleft:before {
right:9px
}
.daterangepicker.opensleft:after {
right:10px
}
.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
left:0;
right:0;
width:0;
margin-left:auto;
margin-right:auto
}
.daterangepicker.opensright:before {
left:9px
}
.daterangepicker.opensright:after {
left:10px
}
.daterangepicker.drop-up {
margin-top:-7px
}
.daterangepicker.drop-up:before {
top:auto;
bottom:-7px;
border-bottom:0;
border-bottom:initial;
border-top:7px solid #ccc
}
.daterangepicker.drop-up:after {
top:auto;
bottom:-6px;
border-bottom:0;
border-bottom:initial;
border-top:6px solid #fff
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
float:none
}
.daterangepicker.single .drp-selected {
display:none
}
.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar {
display:block
}
.daterangepicker.auto-apply .drp-buttons {
display:none
}
.daterangepicker .drp-calendar {
display:none;
max-width:270px
}
.daterangepicker .drp-calendar.left {
padding:8px 0 8px 8px
}
.daterangepicker .drp-calendar.right {
padding:8px
}
.daterangepicker .drp-calendar.single .calendar-table {
border:none
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
color:#fff;
border:solid #000;
border-width:0 2px 2px 0;
border-radius:0;
display:inline-block;
padding:3px
}
.daterangepicker .calendar-table .next span {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
.daterangepicker .calendar-table .prev span {
transform:rotate(135deg);
-webkit-transform:rotate(135deg)
}
.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
text-align:center;
vertical-align:middle;
min-width:32px;
width:32px;
height:24px;
line-height:1.5rem;
font-size:.75rem;
border-radius:4px;
border:1px solid transparent;
white-space:nowrap;
cursor:pointer
}
.daterangepicker .calendar-table {
border:1px solid #fff;
border-radius:4px;
background-color:#fff
}
.daterangepicker .calendar-table table {
width:100%;
margin:0;
border-spacing:0;
border-collapse:collapse
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
background-color:#eee;
border-color:transparent;
color:inherit
}
.daterangepicker td.week,
.daterangepicker th.week {
font-size:80%;
color:#ccc
}
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
background-color:#fff;
border-color:transparent;
color:#999
}
.daterangepicker td.in-range {
background-color:#ebf4f8;
border-color:transparent;
color:#000;
border-radius:0
}
.daterangepicker td.start-date {
border-radius:4px 0 0 4px
}
.daterangepicker td.end-date {
border-radius:0 4px 4px 0
}
.daterangepicker td.start-date.end-date {
border-radius:4px
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color:#357ebd;
border-color:transparent;
color:#fff
}
.daterangepicker th.month {
width:auto
}
.daterangepicker option.disabled,
.daterangepicker td.disabled {
color:#999;
cursor:not-allowed;
text-decoration:line-through
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
font-size:.75rem;
padding:1px;
height:auto;
margin:0;
cursor:default
}
.daterangepicker select.monthselect {
margin-right:2%;
width:56%
}
.daterangepicker select.yearselect {
width:40%
}
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
width:50px;
margin:0 auto;
background:#eee;
border:1px solid #eee;
padding:2px;
outline:0;
font-size:.75rem
}
.daterangepicker .calendar-time {
text-align:center;
margin:4px auto 0;
line-height:1.875rem;
position:relative
}
.daterangepicker .calendar-time select.disabled {
color:#ccc;
cursor:not-allowed
}
.daterangepicker .drp-buttons {
clear:both;
text-align:right;
padding:8px;
border-top:1px solid #ddd;
display:none;
line-height:.75rem;
vertical-align:middle
}
.daterangepicker .drp-selected {
display:inline-block;
font-size:.75rem;
padding-right:8px
}
.daterangepicker .drp-buttons .btn {
margin-left:8px;
font-size:.75rem;
font-weight:700;
padding:4px 8px
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right:1px solid #ddd
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left:1px solid #ddd
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right:1px solid #ddd
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left:1px solid #ddd
}
.daterangepicker .ranges {
float:none;
text-align:left;
margin:0
}
.daterangepicker.show-calendar .ranges {
margin-top:8px
}
.daterangepicker .ranges ul {
list-style:none;
margin:0 auto;
padding:0;
width:100%
}
.daterangepicker .ranges li {
font-size:.75rem;
padding:8px 12px;
cursor:pointer
}
.daterangepicker .ranges li:hover {
background-color:#eee
}
.daterangepicker .ranges li.active {
background-color:#08c;
color:#fff
}
/* irs (?) */
.irs {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
font-size:.75rem;
font-family:Arial,sans-serif
}
.irs,
.irs-line {
position:relative;
display:block
}
.irs-line {
overflow:hidden;
outline:none!important;
-webkit-overflow-scrolling:touch
}
.irs-bar {
display:block
}
.irs-bar,
.irs-shadow {
position:absolute;
left:0;
width:0
}
.irs-shadow {
display:none
}
.irs-handle {
position:absolute;
display:block;
box-sizing:border-box;
cursor:default;
z-index:1
}
.irs-handle.type_last {
z-index:2
}
.irs-max,
.irs-min {
position:absolute;
display:block;
cursor:default
}
.irs-min {
left:0
}
.irs-max {
right:0
}
.irs-from,
.irs-single,
.irs-to {
position:absolute;
display:block;
top:0;
left:0;
cursor:default;
white-space:nowrap
}
.irs-grid {
position:absolute;
display:none;
bottom:0;
left:0;
width:100%;
height:20px
}
.irs-with-grid .irs-grid {
display:block
}
.irs-grid-pol {
position:absolute;
top:0;
left:0;
width:1px;
height:8px;
background:#000
}
.irs-grid-pol.small {
height:4px
}
.irs-grid-text {
position:absolute;
bottom:0;
left:0;
white-space:nowrap;
text-align:center;
font-size:.5625rem;
line-height:.5625rem;
padding:0 3px;
color:#000
}
.irs-disable-mask {
position:absolute;
display:block;
top:0;
left:-1%;
width:102%;
height:100%;
cursor:default;
background:transparent;
z-index:2
}
.lt-ie9 .irs-disable-mask {
background:#000;
filter:alpha(opacity=0);
cursor:not-allowed
}
.irs-disabled {
opacity:.4
}
.irs-hidden-input {
position:absolute!important;
display:block!important;
top:0!important;
left:0!important;
width:0!important;
height:0!important;
font-size:0!important;
line-height:0!important;
padding:0!important;
margin:0!important;
overflow:hidden;
outline:none!important;
z-index:-9999!important;
background:none!important;
border-style:solid!important;
border-color:transparent!important;
-webkit-overflow-scrolling:touch
}
.irs--flat {
height:40px
}
.irs--flat.irs-with-grid {
height:60px
}
.irs--flat .irs-line {
top:5px;
height:4px;
background-color:#e7ebf1;
border-radius:4px
}
.irs--flat .irs-bar {
top:5px;
height:4px;
background-color:undefined
}
.irs--flat .irs-bar--single {
border-radius:4px 0 0 4px
}
.irs--flat .irs-shadow {
height:1px;
bottom:16px;
background-color:#e1e4e9
}
.irs--flat .irs-handle {
top:-1px;
width:16px;
height:16px;
border:undefined;
border-radius:50%;
background-color:#fff
}
.irs--flat .irs-handle i {
display:none
}
.irs--flat .irs-max,
.irs--flat .irs-min {
top:0;
padding:1px 3px;
color:#999;
font-size:.625rem;
line-height:1.333;
text-shadow:none;
background-color:#e1e4e9;
border-radius:4px
}
.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
color:#fff;
font-size:.625rem;
line-height:1.333;
text-shadow:none;
padding:1px 5px;
background-color:#ed5565;
border-radius:4px
}
.irs--flat .irs-from:before,
.irs--flat .irs-single:before,
.irs--flat .irs-to:before {
position:absolute;
display:block;
content:"";
bottom:-6px;
left:50%;
width:0;
height:0;
margin-left:-3px;
overflow:hidden;
border:3px solid transparent;
border-top-color:#ed5565;
-webkit-overflow-scrolling:touch
}
.irs--flat .irs-grid-pol {
background-color:#e1e4e9
}
.irs--flat .irs-grid-text {
color:#999
}
.irs--big {
height:55px
}
.irs--big.irs-with-grid {
height:70px
}
.irs--big .irs-line {
top:33px;
height:12px;
background-color:#fff;
background:linear-gradient(180deg,#ddd -50%,#fff 150%);
border:1px solid #ccc;
border-radius:12px
}
.irs--big .irs-bar {
top:33px;
height:12px;
background-color:#92bce0;
border:1px solid #428bca;
background:linear-gradient(180deg,#fff 0,#428bca 30%,#b9d4ec);
box-shadow:inset 0 0 1px 1px hsla(0,0%,100%,.5)
}
.irs--big .irs-bar--single {
border-radius:12px 0 0 12px
}
.irs--big .irs-shadow {
height:1px;
bottom:16px;
background-color:rgba(66,139,202,.5)
}
.irs--big .irs-handle {
top:0;
width:30px;
height:30px;
border:1px solid rgba(0,0,0,.3);
background-color:#cbcfd5;
background:linear-gradient(180deg,#fff 0,#b4b9be 30%,#fff);
box-shadow:1px 1px 2px rgba(0,0,0,.2),inset 0 0 3px 1px #fff;
border-radius:30px
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
border-color:rgba(0,0,0,.45);
background-color:#939ba7;
background:linear-gradient(180deg,#fff 0,#919ba5 30%,#fff)
}
.irs--big .irs-max,
.irs--big .irs-min {
top:0;
padding:1px 5px;
color:#fff;
text-shadow:none;
background-color:#9f9f9f;
border-radius:3px
}
.irs--big .irs-from,
.irs--big .irs-single,
.irs--big .irs-to {
color:#fff;
text-shadow:none;
padding:1px 5px;
background-color:#428bca;
background:linear-gradient(180deg,#428bca 0,#3071a9);
border-radius:3px
}
.irs--big .irs-grid-pol {
background-color:#428bca
}
.irs--big .irs-grid-text {
color:#428bca
}
.irs--flat {
height:20px
}
.irs-line {
background-color:#ccd1db
}
.irs-bar,
.irs-line {
top:0;
height:3px;
border-radius:0
}
.irs-handle {
top:1px;
height:11px;
cursor:pointer;
z-index:2
}
/* / side`s */
/*
* projects`s
*
* - fonts
* - start
* - base
*
* - carousel`s
* - icon
* - address
* - box
* - brand
* - breadcrumbs
* - burger
* - callback
*
* - catalog
* - contacts
* - container (!)
* - filter
* - footer
*
* [form`s]
* - button
* - buts_bsk
* - inp & ta (input & textarea)
* - amo (styl input number)
* - che (checkbox & radio)
* - slct (select)
* - form-callback
* - form-checkbox (styl che)
* - form-file
* - form-input (wrap for label & input)
* - form-radio (styl radio)
* - form-select
* - form-star
* - form-switch
* - form-tabs
* - form-textarea
* - form (rows etc)
* - form__footer
*
* [blocks]
* - header
* - heading
* - hero
* - card (!)
* - card_caro
* - image-lazy
* - list
* - logo
* - map
* - menu
* - page
* - payment
* - phone
* - picture
* - popup
* - price
* - project-item
* - promo-list
* - rating
* - rent
* - review-item
* - search
* - section
* - service-item
* - slogan
* - social-list
* - soc
* - stock-item
* - success
* - tabs
* - text-icon
* - type
* - bsk_lnk
* - bsk
* - ord
*
* [media - common]
* - @media (min-width:564px)
* - @media (min-width:730px)
* - @media (min-width:769px)
* - @media (min-width:992px)
* - @media (min-width:992px) and (min-width:1200px)
* - @media (min-width:1200px)
*
* WAT (use-0.02px)
* - @media (max-width:992px)
* - @media (max-height:576px)
* - @media (max-width:576px)
* - @media (-ms-high-contrast:none)
*/
/* fonts */
@font-face {
font-family:Play;
src:url(../fonts/Play.woff2) format("woff2"),
url(../fonts/Play.woff) format("woff");
font-weight:400;
font-style:normal;
font-display:swap
}
@font-face {
font-family:Play;
src:url(../fonts/Play-Bold.woff2) format("woff2"),
url(../fonts/Play-Bold.woff) format("woff");
font-weight:700;
font-style:normal;
font-display:swap
}
@font-face {
font-family:"BankGothic RUSS";
src:url(../fonts/BankGothicRUSSMedium.woff2) format("woff2"),
url(../fonts/BankGothicRUSSMedium.woff) format("woff");
font-weight:500;
font-style:normal;
font-display:swap
}
@font-face {
font-family: "BankGothic";
src:url(../fonts/BankGothic-medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display:swap
}
/* start */
*,
:after,
:before {
box-sizing:border-box
}
:after,
:before {
text-decoration:inherit;
vertical-align:inherit
}
html {
cursor:default;
line-height:1.5;
-moz-tab-size:4;
tab-size:4;
-webkit-tap-highlight-color:transparent;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
word-break:break-word;
}
body {
margin:0;
}
h1 {
font-size:2em;
margin:.67em 0
}
dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
margin:0
}
hr {
height:0;
overflow:visible
}
main {
display:block
}
nav ol,
nav ul {
list-style:none;
padding:0
}
pre {
font-family:monospace,monospace;
font-size:1em
}
a {
background-color:transparent
}
abbr[title] {
text-decoration:underline;
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
b,
strong {
font-weight:bolder
}
code,
kbd,
samp {
font-family:monospace,monospace;
font-size:1em
}
small {
font-size:80%
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align:middle
}
audio,
video {
display:inline-block
}
audio:not([controls]) {
display:none;
height:0
}
iframe,
img {
border-style:none
}
svg:not([fill]) {
fill:currentColor
}
svg:not(:root) {
overflow:hidden;
-webkit-overflow-scrolling:touch
}
table {
border-collapse:collapse
}
button,
input,
select {
margin:0
}
button {
overflow:visible;
text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance:button
}
fieldset {
border:1px solid #a0a0a0;
padding:.35em .75em .625em
}
input {
overflow:visible
}
legend {
color:inherit;
display:table;
max-width:100%;
white-space:normal
}
progress {
display:inline-block;
vertical-align:baseline
}
select {
text-transform:none
}
textarea {
margin:0;
overflow:auto;
resize:vertical;
-webkit-overflow-scrolling:touch
}
[type=checkbox],
[type=radio] {
padding:0
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height:auto
}
::-webkit-input-placeholder {
color:inherit;
opacity:.54
}
::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
::-moz-focus-inner {
border-style:none;
padding:0
}
:-moz-focusring {
outline:1px dotted ButtonText
}
:-moz-ui-invalid {
box-shadow:none
}
details,
dialog {
display:block
}
dialog {
background-color:#fff;
border:solid;
color:#000;
height:-moz-fit-content;
height:-webkit-fit-content;
height:fit-content;
left:0;
margin:auto;
padding:1em;
position:absolute;
right:0;
width:-moz-fit-content;
width:-webkit-fit-content;
width:fit-content
}
dialog:not([open]) {
display:none
}
summary {
display:list-item
}
canvas {
display:inline-block
}
template {
display:none
}
[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
touch-action:manipulation
}
[hidden] {
display:none
}
[aria-busy=true] {
cursor:progress
}
[aria-controls] {
cursor:pointer
}
[aria-disabled=true],
[disabled] {
cursor:not-allowed
}
[aria-hidden=false][hidden] {
display:inline;
display:initial
}
[aria-hidden=false][hidden]:not(:focus) {
clip:rect(0,0,0,0);
position:absolute
}
/* base */
html {
display:block;
margin:0;
scroll-behavior:smooth;
line-height:1.42;
font-family:Play,Arial,Helvetica,sans-serif;
background-color:#fff;
color:#333;
}
body {
-webkit-text-size-adjust:none;
}
a {
color:inherit
}
strong {
font-weight:700
}
em {
font-style:italic
}
img {
display: block;
max-width: 100%;
height: auto;
}
button,
input,
option,
select,
textarea {
font-family:inherit
}
::-moz-selection {
background-color:#f7a93d;
color:#333
}
::selection {
background-color:#f7a93d;
color:#333
}
/* carousel`s */
.js-stock .slick-track {
display:flex
}
.js-stock .slick-slide {
float:none;
display:flex;
height:auto;
min-height:auto
}
.js-stock .slick-slide>div {
height:100%;
width:100%
}
.js-stock .slick-slide>div .grid__item {
height:100%
}
.js-stock .slick-arrow {
top:50%;
margin-top:-35px;
left:-50px
}
.js-stock .slick-next {
right:-50px;
left:auto
}
.js-stock .slick-dots {
margin:0 23px;
position:relative;
top:-35px;
margin-bottom:0;
text-align:left
}
.js-project .grid__item {
padding:10px
}
.js-project .slick-slide {
transition:transform .4s;
position:relative
}
.js-project .slick-slide:before {
width:100px;
height:100px;
border:5px solid #ec941c;
left:0;
bottom:0;
border-top:0;
border-right:0
}
.js-project .slick-slide:after,
.js-project .slick-slide:before {
content:"";
display:block;
position:absolute;
opacity:0;
transition:all .4s;
transition-property:transform,opacity
}
.js-project .slick-slide:after {
width:40px;
height:40px;
border:5px solid #ec941c;
right:0;
top:0;
border-left:0;
border-bottom:0
}
.js-project .slick-slide>div {
position:relative
}
.js-project .slick-slide>div:before {
width:100px;
height:100px;
border:5px solid #ec941c;
right:0;
bottom:0;
border-top:0;
border-left:0
}
.js-project .slick-slide>div:after,
.js-project .slick-slide>div:before {
content:"";
display:block;
position:absolute;
opacity:0;
transition:all .4s;
transition-property:transform,opacity
}
.js-project .slick-slide>div:after {
width:40px;
height:40px;
border:5px solid #ec941c;
left:0;
top:0;
border-right:0;
border-bottom:0
}
.js-project .slick-current:after,
.js-project .slick-current:before,
.js-project .slick-current>div:after,
.js-project .slick-current>div:before {
opacity:1
}
/* icon */
.icon {
width: 1em;
height: 1em;
fill:currentColor;
}
.icon--str,
.icon--str:not([fill]) {
fill: none;
stroke: currentColor;
}
/* ratios */
.icon_basket--r { height: calc(1em * 22 / 23); }
.icon_tg--r { height: calc(1em * 17 / 18); }
/* fix sizes */
.icon_arrow {
width:42px;
height:42px
}
.icon_arrowdown {
width:12px;
height:10px
}
.icon_barista {
width:55px;
height:57px
}
.icon_beans {
width:51px;
height:44px
}
.icon_boxes {
width:60px;
height:56px
}
.icon_burger {
width:28px;
height:21px
}
.icon_cafe {
width:56px;
height:70px
}
.icon_cap {
width:62px;
height:66px
}
.icon_chair {
width:54px;
height:67px
}
.icon_chevron {
width:17px;
height:10px
}
.icon_close {
width:23px;
height:23px
}
.icon_coffee {
width:144px;
height:143px
}
.icon_coin {
width:28px;
height:26px
}
.icon_computer {
width:60px;
height:46px
}
.icon_contract {
width:63px;
height:50px
}
.icon_cooperation {
width:60px;
height:55px
}
.icon_cup {
width:33px;
height:32px
}
.icon_cups {
width:171px;
height:169px
}
.icon_delivery {
width:75px;
height:49px
}
.icon_disposable {
width:35px;
height:49px
}
.icon_disturb {
width:31px;
height:67px
}
.icon_espresso {
width:39px;
height:45px
}
.icon_file {
width:14px;
height:30px
}
.icon_filterbeans {
width:27px;
height:26px
}
.icon_filtercup {
width:34px;
height:54px
}
.icon_gift {
width:53px;
height:50px
}
.icon_glass {
width:35px;
height:48px
}
.icon_hamburger {
width:55px;
height:54px
}
.icon_hat {
width:54px;
height:54px
}
.icon_holder {
width:53px;
height:39px
}
.icon_home {
width:20px;
height:20px
}
.icon_hotel {
width:69px;
height:68px
}
.icon_instagram {
width:30px;
height:30px
}
.icon_money {
width:512px;
height:512px
}
.icon_oven {
width:48px;
height:55px
}
.icon_payment {
width:937px;
height:937px
}
.icon_petrol {
width:61px;
height:78px
}
.icon_phone {
width:50px;
height:45px
}
.icon_placeholder {
width:55px;
height:55px
}
.icon_portafilter {
width:47px;
height:47px
}
.icon_rent-machine {
width:91px;
height:91px
}
.icon_sack {
width:57px;
height:53px
}
.icon_sale {
width:55px;
height:48px
}
.icon_sell-coffee {
width:69px;
height:85px
}
.icon_sell-machine {
width:84px;
height:81px
}
.icon_service {
width:55px;
height:57px
}
.icon_setup {
width:63px;
height:52px
}
.icon_spilling {
width:59px;
height:56px
}
.icon_star {
width:18px;
height:18px
}
.icon_teapot {
width:39px;
height:33px
}
.icon_turkish {
width:47px;
height:31px
}
.icon_vk {
width:30px;
height:30px
}
.icon_wrench {
width:55px;
height:61px
}
.icon_milk {
width: 304px;
height: 512px;
}
.icon_chocolate {
width: 110px;
height: 124px;
}
.icon_cappuccino {
width: 511px;
height: 511px;
}
.icon_bag {
width: 368px;
height: 368px;
}
.address {
display:block
}
.address__text {
font-size:1.125rem;
font-weight:700
}
.box {
display:flex;
flex-direction:column;
align-items:center;
border-radius:8px;
background-color:#be7838;
padding:15px;
position:relative
}
.box__title {
font-size:1.125rem;
font-weight:700;
line-height:1.45
}
.box__text {
font-size:1.125rem;
line-height:1.25
}
.box__content {
order:2;
max-width:100%;
margin-top:auto
}
.box__media {
order:1;
margin-bottom:10px
}
.box__icon {
max-width:100px;
max-height:100px
}
.brand {
display:flex;
align-items:center;
justify-content:center;
padding:10px;
background-color:#fff;
border-radius:10px;
height:100px
}
.breadcrumbs {
display:flex;
text-transform:uppercase;
font-size:.75rem;
letter-spacing:.2em;
font-weight:300;
flex-wrap:wrap
}
.breadcrumbs__link {
text-decoration:none
}
.breadcrumbs__arrow {
margin:0 10px
}
.breadcrumbs__arrow:before {
content:"→"
}
.burger {
display:block;
padding:0;
background:none;
border:none;
min-width:0;
cursor:pointer
}
.burger__icon_burger {
width:30px;
height:30px
}
.callback {
display:block
}
.callback__text {
font-size:.875rem
}
.callback__p {
margin-bottom:6px
}
.callback__list {
line-height:1.13
}
.catalog {
display:block
}
.catalog__founded {
text-align:center;
padding-top:1.2em;
padding-bottom:.6em;
font-size:1.25rem
}
.coffee-about,
.contacts {
display:block
}
.contacts {
background-color:#fff;
color:#000;
box-shadow:0 4px 25px rgba(0,0,0,.2);
padding:24px 23px;
padding-bottom:31px;
pointer-events:all
}
.contacts__logo {
margin-bottom:41px
}
.contacts__item {
margin-bottom:36px
}
.contacts__item_social {
display:flex;
margin-bottom:0
}
.contacts__item-label {
flex:0 0 30%;
margin-bottom:5px
}
.contacts__item-content {
flex:0 0 70%;
font-size:1.125rem;
font-weight:700
}
.contacts__item_social .contacts__item-label {
flex-basis:auto
}
.contacts__item_social .contacts__item-content {
flex-basis:auto;
padding-left:14px
}
.container {
padding:0 24px;
margin:0 auto
}
.container,
.delivery,
.filter {
display:block
}
.filter__label {
margin-bottom:7px
}
.filter__header {
margin-bottom:20px
}
.filter__col_reset,
.filter__content {
display:none
}
.filter.is-opened .filter__content {
display:block
}
.filter__button,
.filter__row {
margin-bottom:20px
}
.filter__row_first {
margin-bottom:40px
}
.filter__row_nom {
margin:0
}
.filter__row_nom .filter__col {
width:100%
}
.footer {
display:block;
padding:35px 0;
padding-top:23px;
text-align:center
}
.footer__up {
margin:0 auto;
margin-top:25px;
max-width:212px
}
/*
* form`s
*/
/* full width helper */
.-fw {
width: 100%;
box-sizing: border-box;
}
/* buttons */
.button {
display:block;
padding:13px 10px;
text-align:center;
font-size:1.0625rem;
font-weight:700;
height: 52px;
border:3px solid #be7838;
text-decoration:none;
cursor:pointer;
color:#fff;
background:none;
border-radius:10px;
transition-duration:.4s;
transition-property:color,background,border
}
.button_active { background-color:#be7838; }
.button_active:hover {background-color: transparent;}
.button_gray {
font-size:1.1875rem;
padding-top:11px;
padding-bottom:11px
}
.button_gray,
.button_graysmall {
background-color:#4e5152;
border-color:#4e5152;
color:#fff
}
.button_graysmall {
font-size:.9375rem;
padding:11px 30px;
font-weight:400;
border-radius:3px
}
.button_white {
border-color:#fff;
border-width:2px;
font-size:1.1875rem;
padding:13px 40px
}
.button_whiteactive {
background-color:#fff;
color:#2f3234
}
.button__up-text {
margin:0 3px
}
.button__up-icon {
position:relative;
top:-2px
}
@media only screen and (min-width:992px) {
.button:hover { background-color: #be7838; }
.button_active:hover {background-color: transparent;}
.button_gray:hover {
background-color:#777;
border-color:#777
}
.button_graysmall:hover {
background-color:#797979;
border-color:#797979
}
}
/* add to basket */
.buts_bsk { display: inline-flex; }
.buts_bsk__but {
flex-grow: 1;
position: relative;
}
.buts_bsk__but,
.buts_bsk.is-active .buts_bsk__but:hover {
background-color:#be7838;
}
.buts_bsk__but:hover,
.buts_bsk.is-active .buts_bsk__but {
background-color: #1e1e1e;
}
.buts_bsk__but .icon {
display: none;
position: relative;
top: -2px;
margin-right: 7px;
color: #be7838;
font-size: 11px;
transition: color 0.4s ease;
}
.buts_bsk__but:hover .icon { color: #fff; }
.buts_bsk.is-active .buts_bsk__but .icon { display: inline; }
.buts_bsk__but span + span,
.buts_bsk.is-active .buts_bsk__but span {
display: none;
}
.buts_bsk.is-active .buts_bsk__but span + span { display: inline; }
.buts_bsk__del {
width: 60px;
padding-left: 30px;
margin-left: -60px;
border: none;
color: #be7838;
background-color: rgba(190, 120, 56, 0.3);
font-size: 10px;
border-radius: 4px;
transition:
background 0.2s ease,
margin 0.2s ease;
}
.buts_bsk__del:hover { color: #fff; }
.buts_bsk.is-active .buts_bsk__del { margin-left: -20px; }
/* inputs & textarea new */
.inp,
.ta {
display: inline-flex;
align-items: center;
vertical-align: top;
padding: 5px 20px;
border: 3px solid #2f3234;
height: 52px;
color: inherit;
background: transparent;
font-size: 1.125rem;
line-height: 1;
text-overflow: ellipsis; /* webkit & FF */
border-radius: 10px;
transition: border 0.2s ease;
}
.ta {
height: 211px;
padding-top: 12px;
padding-bottom: 12px;
}
.inp:hover,
.inp:focus,
.ta:hover,
.ta:focus {
border-color: #6f7274;
}
.inp:focus,
.ta:focus {
outline: none;
}
.inp.is-active,
.ta.is-active {
border-color: #6f7274;
}
.inp::-webkit-input-placeholder,
.ta::-webkit-input-placeholder {
color: #7d868c;
}
.inp::-moz-placeholder,
.ta::-moz-placeholder {
color: #7d868c;
opacity: 1;
}
.inp:-moz-placeholder,
.ta:-moz-placeholder {
color: #7d868c;
}
/* non-input mod */
.inp--f { white-space: nowrap; }
.inp--f:hover,
.inp--f:focus {
border-color: #2f3234;
}
.inp--f.is-active { border-color: #6f7274; }
/* dark mode */
.inp--d,
.ta--d {
border-color: #26292a;
background: #26292a;
border-radius: 3px;
}
/* custom : dark small radius */
.inp--ds {
border: none;
height: 35px;
background: #2f3234;
border-radius: 3px;
}
/* styl number input
//
//
//
//
//
//
//
*/
.amo {
position: relative;
display: inline-flex;
max-width: 150px;
}
.amo__i {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
padding-left: 10px;
padding-right: 30px;
width: 100%;
font-size: 22px;
text-align: center;
}
.amo:hover .amo__i { border-color: #6f7274; }
.amo__i::-webkit-inner-spin-button,
.amo__i::-webkit-outer-spin-button {
display: none;
}
.amo__m,
.amo__p {
position: absolute;
right: 2px;
padding: 11px;
border: none;
color: #d9d9d9;
background: none;
transition: color 0.3s;
cursor: pointer;
}
.amo__m:hover,
.amo__p:hover {
color: #fff;
}
.amo__m .icon,
.amo__p .icon {
display: block;
font-size: 10px;
}
.amo__m {
bottom: 0;
padding-top: 5px;
}
.amo__m .icon { transform: rotate(180deg); }
.amo__p {
top: 0;
padding-bottom: 5px;
}
/* outside mod */
.amo--out { padding-right: 25px; }
.amo--out .amo__i { padding: 5px; }
.amo--out .amo__m .icon,
.amo--out .amo__p .icon {
font-size: 0.875rem;
}
.amo--out .amo__m,
.amo--out .amo__p {
right: -5px;
padding: 0 5px;
color: #656e74;
}
/* checkbox & radio
//
//
//
*/
.che {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.che input {
z-index: -1;
opacity: 0;
position: absolute;
width: 0;
height: 0;
border: none;
}
.che__i {
flex-shrink: 0;
position: relative;
box-sizing: border-box;
width: 1em;
height: 1em;
border: 2px solid #5c5c5c;
font-size: 13px;
border-radius: 4px;
transition: opacity 0.2s ease;
cursor: pointer;
}
.che__i:after {
content: "";
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 7px;
height: 7px;
background: #be7838;
border-radius: 1px;
}
/* checked */
.che input:checked + .che__i { border-color: #be7838; }
.che input:checked + .che__i:after { display: block;}
.che__i--r { border-radius: 100%; }
.che__i--r:after { border-radius: 100%; }
.che__in {
padding-left: 10px;
font-size: 1.125rem;
}
/* mod 1 */
.che--1 { align-items: baseline; }
.che--1 .che__i {
top: 2px;
border: none;
background: #26292a;
font-size: 16px;
}
.che--1 .che__i:after {
width: 9px;
height: 9px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAzLjI4NTcxTDMuMDI1OTggNy4yNTQ5OEMzLjM5NzE0IDcuOTgyMTYgNC40MzYxOSA3Ljk4MjE2IDQuODA3MzUgNy4yNTQ5OEw4IDEiIHN0cm9rZT0iI0I4QzNDQiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=) 0 0 no-repeat;
background-size: 100% 100%;
}
.che--1 .che__in {
padding-left: 16px;
line-height: 1.2;
}
/* mod 2 */
.che--2 .che__i {
border-color: #c4c4c4;
border-width: 3px;
font-size: 20px;
}
.che--2 input:checked + .che__i {
border-color: #fff;
background-color: #fff;
}
.che--2 .che__i:after,
.che--2 input:checked + .che__i:after {
display: none;
}
.che--2 .che__in {
padding-left: 22px;
color: #c4c4c4;
}
.che--2 input:checked ~ .che__in { color: #fff; }
/* slct - styl select */
.slct {
display: inline-flex;
align-items: center;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 5px 20px;
padding-right: 30px;
border: 3px solid #26292a;
height: 52px;
color: inherit;
background-color: #26292a;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzUyNCAxMC42MTA0QzcuOTYyMTcgMTEuMjQ2NiA3LjAzNzgzIDExLjI0NjYgNi42NDc2IDEwLjYxMDRMMS4wNzI5OCAxLjUyMjg5QzAuNjY0MjQxIDAuODU2NTgyIDEuMTQzNjkgMCAxLjkyNTM4IDBMMTMuMDc0NiAwQzEzLjg1NjMgMCAxNC4zMzU4IDAuODU2NTgyIDEzLjkyNyAxLjUyMjg5TDguMzUyNCAxMC42MTA0WiIgZmlsbD0iIzY1NkU3NCIvPgo8L3N2Zz4K);
background-size: 15px 12px;
background-repeat: no-repeat;
background-position: right 10px top 50%;
font-size: 1.125rem;
line-height: 1;
text-overflow: ellipsis; /* webkit & FF */
border-radius: 3px;
transition: border 0.2s ease;
}
.slct:hover,
.slct:focus {
border-color: #6f7274;
}
.form-callback {
display:block
}
.form-callback__footer {
position:relative
}
.form-checkbox {
display:block
}
.form-checkbox__label {
cursor:pointer;
display:flex;
align-items:flex-start;
line-height:1.16;
font-size:.75rem;
min-height:24px
}
.form-checkbox__fake {
flex:0 0 16px;
max-width:16px;
width:16px;
height:16px;
position:relative;
top:3px;
margin-right:6px;
display:flex;
align-items:center;
justify-content:center;
border-radius:1px;
border:4px solid #be7838;
/* background-color:#000; */
background-color: #be7838;
transition:background .4s
}
.form-checkbox__icon_check {
width:12px;
height:12px;
opacity:0; /* ? */
transition:opacity .4s;
color:#fff;
fill: none;
stroke: currentColor;
}
.form-checkbox__text {
padding-top:.5em
}
.form-checkbox__input {
display:none
}
/* .form-checkbox__input:checked+.form-checkbox__fake { */
/* background-color:#be7838 */
/* } */
.form-checkbox__input:checked+.form-checkbox__fake .form-checkbox__icon_check {
/* opacity:0 */
opacity:1;
}
.form-checkbox__link {
color:#000
}
.form-checkbox__count {
margin-left:5px;
color:#9b9b9b
}
.form-file {
display:flex;
align-items:center
}
.form-file__input {
display:none
}
.form-file__label {
background-color:#3b3b3b;
font-size:1.1875rem;
font-weight:700;
display:flex;
justify-content:center;
padding:14px 20px;
border-radius:10px;
width:auto;
cursor:pointer
}
.form-file__label-media {
margin-right:10px
}
.form-file__label-content {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.form-file,
.form-file__label-content {
-webkit-overflow-scrolling:touch
}
.form-input {
display:block;
width:100%
}
.form-input__label {
display:block;
margin-bottom:8px;
font-size:.875rem
}
.form-input_nolabel .form-input__label {
display:none
}
.form-input__input {
width:100%;
color:#696969;
padding:10px 20px;
border-radius:3px;
font-size:1rem;
line-height:1.3;
font-weight:400;
border:1px solid #f1efef;
background-color:#f1efef;
font-weight:500
}
.form-input__input::-webkit-input-placeholder {
color:#696969;
font-weight:500;
opacity:1
}
.form-input__input:-moz-placeholder,
.form-input__input::-moz-placeholder {
color:#696969;
font-weight:500;
opacity:1
}
.form-input__input:-ms-input-placeholder {
color:#696969;
font-weight:500;
opacity:1
}
.form-input__input:focus {
border-color:#333
}
.form-input__prefix {
font-size:rem(.875rem);
font-weight:300;
line-height:1.42;
margin-bottom:20px
}
.form-radio {
display:block
}
.form-radio__label {
cursor:pointer;
display:flex;
align-items:center;
font-size:.75rem;
line-height:1.2
}
.form-radio__input {
display:none
}
.form-radio__fake {
width:20px;
height:20px;
background-color:#e7ebf1;
border-radius:50%;
flex:20px 0;
position:relative;
display:flex;
align-items:center;
justify-content:center;
margin-right:15px
}
.form-radio__fake:after {
content:"";
display:block;
width:10px;
height:10px;
background-color:undefined;
border-radius:50%;
opacity:0;
transition:opacity .4s
}
.form-radio__input:checked+.form-radio__fake:after {
opacity:1
}
.form-radio__icon-wrap {
flex:40px 0;
display:flex;
align-items:center;
margin-right:20px
}
.form-radio__icon {
flex:34px 0;
width:34px;
height:33px
}
.form-radio__icon_car {
flex:40px 0;
width:40px;
height:28px
}
.form-select {
display:block;
position:relative
}
.form-select:after {
content:"";
display:block;
width:0;
height:0;
border-style:solid;
border-width:8.7px 5px 5px;
border-color:#000 transparent transparent;
position:absolute;
right:20px;
top:50%;
margin-top:-5px;
pointer-events:none
}
.form-select__select {
width:100%;
color:#000;
padding:9px 17px;
font-weight:300;
border-radius:4px;
font-size:1rem;
font-weight:400;
border:1px solid #e9e9e9;
background-color:#fafafa;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
cursor:pointer
}
.form-select_compact {
position:relative
}
.form-select_compact:after {
display:none
}
.form-select_compact .form-select__select {
border:none;
padding:0;
font-size:.875rem;
line-height:1.3;
padding:35px 20px 17px 56px;
font-weight:500;
border-radius:0;
background-color:#fff
}
.form-select_compact .form-select__select::-ms-expand {
display:none
}
.form-select_compact .form-select__label {
pointer-events:none;
position:absolute;
padding:0;
left:1px;
top:16px;
z-index:1;
color:#2f3234;
font-size:.75rem;
font-weight:500;
padding-left:60px
}
.form-select_compact .form-select__media {
position:absolute;
left:0;
top:18px;
z-index:1;
padding-left:20px;
pointer-events:none
}
.form-select_compact .form-select__icon {
color:undefined
}
.form-select_compact .form-select__icon_chevron {
position:absolute;
right:21px;
top:50%;
z-index:1;
margin-top:-3px
}
.form-select_sort {
position:relative
}
.form-select_sort:after {
display:none
}
.form-select_sort .form-select__select {
background-color:#e7ebf1;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
font-size:.75rem;
padding:14px 20px;
padding-right:35px;
color:#666
}
.form-select_sort .form-select__icon {
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%);
z-index:1;
pointer-event:none
}
.form-star {
display:flex;
align-items:center
}
.form-star__label {
color:#fff;
display:block;
padding-right:9px;
cursor:pointer
}
.form-star__content {
display:flex;
flex-direction:row-reverse;
align-items:flex-start
}
.form-star__icon_star {
stroke-location:inside;
width:18px;
height:18px;
fill:#dbd7d7;
transition:fill .4s;
cursor:pointer
}
.form-star__input {
display:none
}
.form-star__input:checked~.form-star__star .form-star__icon_star,
.form-star__star:hover .form-star__icon_star {
fill:#c0965c
}
.form-star__star {
margin-right:2px;
display:flex
}
.form-switch {
display:flex;
border-radius:4px;
flex-wrap:wrap
}
.form-switch__item {
flex:1 1 auto;
margin-bottom:10px
}
.form-switch__input {
display:none
}
.form-switch__input:checked+.form-switch__element {
background-color:#be7838;
color:#fff;
border-radius:4px
}
.form-switch__element {
display:flex;
padding:10px;
align-items:center;
justify-content:center;
cursor:pointer;
border:1px solid #be7838;
border-radius:3px;
transition:background .4s
}
.form-switch__icon-wrap {
display:flex;
align-items:center;
margin-right:9px
}
.form-switch__icon {
max-width:30px;
max-height:30px;
stroke:transparent
}
.form-switch__text {
padding-left:10px;
font-size:.875rem;
line-height:1.43
}
.form-switch_vertical {
justify-content:space-between
}
.form-switch_vertical .form-switch__item {
flex:0 0 48%
}
.form-switch_vertical .form-switch__element {
display:flex;
padding:20px;
padding-left:10px;
padding-right:10px;
flex-direction:column
}
.form-switch_vertical .form-switch__icon-wrap {
margin-right:0;
margin-bottom:15px;
flex:1 1 auto
}
.form-switch_vertical .form-switch__icon {
max-width:35px;
max-height:35px
}
.form-switch_vertical .form-switch__text {
padding-left:0;
text-align:center
}
.form-switch_black {
width:100%
}
.form-switch_black .form-switch__icon {
max-width:25px
}
.form-switch_black .form-switch__element {
border:none;
background-color:#1c1e1f
}
.form-switch_black .form-switch__item {
padding:0 10px;
flex:0 0 auto
}
.form-tabs {
display:block
}
.form-textarea {
display:block;
width:100%
}
.form-textarea__textarea {
width:100%;
color:#696969;
padding:10px 20px;
border-radius:3px;
font-size:1rem;
line-height:1.3;
font-weight:400;
border:1px solid #f1efef;
background-color:#f1efef;
font-weight:500
}
.form-textarea__textarea::-webkit-input-placeholder {
color:#000;
color:#696969;
font-weight:500;
opacity:1
}
.form-textarea__textarea:-moz-placeholder,
.form-textarea__textarea::-moz-placeholder {
color:#696969;
font-weight:500;
opacity:1
}
.form-textarea__textarea:-ms-input-placeholder {
color:#696969;
font-weight:500;
opacity:1
}
.form-textarea__textarea:focus {
border-color:#333
}
.form-textarea_nolabel .form-textarea__label {
display:none
}
.form {
display:block
}
.form__row {
margin-bottom:27px
}
.form__row_bsk { margin-bottom: 19px; }
.form__row_phone {
margin-bottom:11px
}
.form__row_confirm {
margin-bottom:16px
}
.form__callback .form__footer,
.form__footer {
display:flex;
flex-direction:column
}
.form__callback .form__footer {
color:#000
}
/* blocks */
.front,
.grid,
.header {
display:block
}
.header {
padding-top:55px;
color:#fff;
-webkit-overflow-scrolling:touch;
}
.header__header {
position:fixed;
top:0;
z-index:1;
left:0;
right:0;
/* padding:12px 0; */
padding:0;
background-color:rgba(29,29,29,.7);
}
.header__header .header__container {
display:flex;
justify-content:space-between;
align-items:center;
height:55px
}
.header__menu {
transform:translateX(-320px);
position:fixed;
left:0;
top:0;
bottom:0;
width:320px;
background-color:#242728;
padding:30px 25px;
overflow-y:auto;
transition:transform .4s;
z-index:20;
-webkit-overflow-scrolling:touch
}
.header__menu_opened {
transform:translateX(0)
}
.header__close {
position:absolute;
right:21px;
top:23px;
background:none;
border:none;
cursor:pointer
}
.header__content {
padding-top:15px
}
.header__logo,
.header__slogan {
margin-bottom:34px
}
.header_inner .header__slogan {
display:none
}
.header__bsk {
position: relative;
top: -2px;
}
@media only screen and (min-width:730px) { .header__bsk { top: -1px; }}
.header__soc {
display: none;
position: relative;
top: -10px;
}
@media only screen and (min-width:992px) {
.header__soc { display: block; }
}
@media only screen and (min-width: 1200px) {
.header__soc { left: 38px; }
}
.heading {
display:block;
margin:0;
font-weight:700;
line-height:1
}
.heading_h1 {
font-size:1.5rem;
line-height:1.18;
letter-spacing:.01em
}
.heading_h1,
.heading_home {
font-family:BankGothic RUSS;
font-weight:400
}
.heading_home {
font-size:1.75rem;
line-height:1.11;
letter-spacing:.125em
}
.heading_h2 {
font-family:BankGothic RUSS;
font-weight:400;
font-size:1.25rem;
font-weight:500;
line-height:1.24
}
.heading_h3 {
font-size:1.5rem;
line-height:1.18
}
.heading_h4 {
font-family:BankGothic RUSS;
font-weight:400;
font-size:1.375rem
}
.heading_h5 {
font-weight:400;
font-size:1.3125rem;
line-height:1.36
}
.heading_h6 {
font-size:.875rem;
font-weight:300;
line-height:1.28
}
.heading_fwb,
.heading_popup {
font-weight:700
}
.heading_popup {
font-size:1.375rem;
line-height:1.3;
margin-bottom:1em
}
.hero {
display:block;
overflow:hidden;
position:relative;
padding-top:20px;
padding-bottom:55px
}
.hero__header {
display:flex;
justify-content:center;
align-items:center;
position:relative;
z-index:2;
margin-bottom:37px
}
.hero__media {
position:absolute;
left:-9999px;
right:0;
top:-9999px;
bottom:0;
z-index:1
}
.hero__content {
position:relative;
z-index:2;
margin-bottom:47px
}
.hero__item {
margin-bottom:28px
}
.hero__footer {
position:relative;
z-index:2;
display:flex;
flex-direction:column
}
.hero_inner {
padding-top:30px;
padding-bottom:0;
overflow:visible
}
.hero_inner .hero__media {
display:block;
width:100%;
position:absolute;
right:-300px;
transform:scale(.7);
transform-origin:100% 0;
top:0;
margin:0 auto
}
.hero_inner .hero__heading {
margin-bottom:32px
}
.hero_inner .hero__text {
letter-spacing:.01em;
line-height:1.3;
margin-bottom:45px
}
.hero_inner .hero__button {
max-width:335px
}
.hero__gift {
margin-bottom:50px
}
.hero__text_gradient {
background:linear-gradient(90deg,#c0965c 1.61%,rgba(192,150,92,0) 85.84%);
padding:.25em 1em
}
.hero_service .hero__price {
margin-top:20px
}
.hero_home .hero__header {
display:none
}
.hero {
-webkit-overflow-scrolling:touch
}
/* cards */
.card {
display:flex;
padding:15px;
flex-direction:column;
background-color:#1c1e1f;
border-radius:10px
}
.card__media { margin-bottom: 20px; }
.card__content { flex: 1 1 auto; }
.card__type { font-size:.875rem; }
.card__title {
font-size:1.5rem;
line-height:1.2em;
font-weight:700;
margin-bottom:20px
}
.card__title a { text-decoration: none; }
.card__title a:hover { text-decoration: underline; }
.card__features { font-size:.875rem; }
.card__features-label {
text-decoration:underline;
margin-bottom:5px
}
.card__features-content { display:block; }
.card__features-content ul {
margin:0;
padding-left:0;
list-style:none
}
.card__features-content ul li {
list-style:none;
margin:0;
padding:0;
padding-left:10px;
position:relative;
margin-bottom:.1em
}
.card__features-content ul li:before {
content:"";
width:4px;
height:4px;
background-color:#f7a93d;
display:inline-block;
vertical-align:middle;
margin-right:5px;
position:absolute;
left:0;
top:.7em
}
.card__features-more {
font-size:.875rem;
margin-top:10px;
display:inline-block;
vertical-align:middle
}
.card__production {
color:#9a9a9a;
margin-bottom:10px
}
.card__production-label,
.card__production-text {
display:inline
}
.card__production-text { color:#fff; }
.card__for { margin-bottom:14px; }
.card__for_price { margin-top:35px; }
.card__features { margin-bottom:20px; }
.card__conditions {
text-decoration:underline;
margin-bottom:14px;
font-size:.875rem
}
.card__price { margin-bottom:30px; }
.card__price-label { font-size:.875rem; }
.card__price-value {
font-weight:700;
font-size:1.25rem
}
.card__info {
margin-bottom:20px;
font-size:.8125rem
}
.card__buy {
margin-top:20px;
background:#282828;
border-radius:10px 10px 0 0;
padding:10px
}
.card__info-item { margin-bottom:20px; }
.card__weight {
color:#ec941c;
background-color:#fff;
border-radius:4px;
display:inline-block;
vertical-align:middle;
padding:1px 22px;
font-size:1.625rem;
line-height:1.1;
margin-top:7px;
margin-bottom:33px
}
.card__description { margin-bottom:35px; }
.card__description,
.card__params {
font-size:.875rem;
line-height:1.42
}
.card__price-button {
display:flex;
flex-direction:column
}
.card__descr {
display: inline-block;
padding-top: 0.3em; /* remove link`s hover gap */
color: #be7838;
}
.card__descr:hover { text-decoration: none; }
.card__opt {
display: flex;
flex-wrap: wrap;
}
.card__opts_h {
margin: 0 0 10px;
padding-top: 2px;
font-size: 0.75rem;
font-weight: normal;
}
.card__opt > * {
margin-top: 5px;
flex-grow: 1;
}
.card__opt_var { margin-right: 5px; }
.card__opt_count { width: 30%; }
.card__opt_count--max { width: auto; } /* for big values */
.card__opt_but {
width: 100%;
position: relative;
}
/* related products links */
.card__opt_rel {
display: none;
margin-top: 10px;
height: auto;
line-height: 1.2;
}
.card__opt_rel--mob { display: block; }
@media only screen and (min-width: 992px) {
.card__opt_rel {
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
.card__opt_rel--mob { display: none; }
}
/*
for multiple choice
(card__media_in - imgs like tabs. two class for specificity)
*/
.card__opts--m .card__opt:not(.is-active) > *:not(:first-child){
display: none;
}
.card__opts--m .card__opt:not(.is-active) .card__opt_var {
margin-right: 0;
}
.card .card__media_in {
opacity: 0;
position: absolute;
top: -9999px;
left: -9999px;
transition: opacity 0.2s ease;
}
.card .card__media_in.is-active {
opacity: 1;
position: static;
}
/* / */
.card_sell .card__price {
margin-top:auto;
margin-bottom:0
}
.card_sell .card__price-value {
font-size:1.75rem;
font-weight:700
}
.card_sell .card__col_2 {
display:flex;
flex-direction:column
}
.card_sell .card__buy {
margin-top:0;
margin-bottom:10px;
border-radius:10px
}
.card_sell .card__footer { padding-top:0; }
.card_sell .card__for { margin-top:15px; }
.card__price_opt .card__price-value { font-size:1.3125rem; }
.card_coffee .card__price-value { font-size:1.75rem; }
.card_coffee .card__footer { justify-content:flex-start; }
.card_coffee .card__col_2 {
display:flex;
flex-direction:column;
justify-content:flex-end
}
@media only screen and (min-width:769px) {
.card__content { display: flex; }
.card__col { flex:0 0 45%; }
.card__col_lg { flex-basis:100%; }
/* .card__opt_var { width: calc(70% - 5px); } */
/* .card__opt_but { width: calc(50% - 5px); } */
/* .card__opt_but:last-child { margin-left: 5px; } */
}
@media only screen and (min-width:992px) {
.card {
flex-direction:row;
padding:25px 35px
}
.card__media {
flex:0 0 200px;
margin-bottom:0
}
.card__content {
padding-left:40px;
display:flex;
padding-top:16px;
justify-content:space-between;
padding-right:30px
}
.card__col_2 { padding-right:20px; }
.card__type {
margin-bottom:11px;
display:inline-block;
vertical-align:middle;
text-decoration:underline
}
.card__title {
font-size:1.625rem;
font-weight:400;
margin-bottom:1px
}
.card__footer {
flex:0 0 200px;
padding-top:25px;
display:flex;
flex-direction:column;
justify-content:space-between
}
.card__buy {
padding:31px 20px;
margin-bottom:-25px;
font-size:.875rem
}
.card__buy-label,
.card__buy-price {
margin-bottom:5px
}
.card__buy-price {
font-size:1rem;
font-weight:700
}
.card__buy-text { margin-bottom:45px; }
.card__buy-more { font-size:.875rem; }
.card__button_buy { margin-top:auto; }
.card__opts {
margin-top: 27px;
max-width: 770px;
}
.card__opts_h { margin-bottom: 16px; }
.card__opt { flex-wrap: nowrap; }
.card__opt > * {
/* flex-grow: 0; */
margin-top: 0;
margin-right: 5px;
}
.card__opt + .card__opt { margin-top: 7px; }
.card__opt > *:last-child { margin-right: 0; }
/* .card__opt_var { */
/* width: auto; */
/* flex-grow: 1; */
/* } */
/* .card__opt_count { width: 93px; flex-grow: 0; } */
.card__opt_but {
/* width: 200px; */
/* flex-grow: 2; */
/* width: auto; */
/* min-width: 160px; */
max-width: 200px;
}
/* .card__opt_but:last-child { margin-left: 0; } */
.card__opts--m .card__opt:not(.is-active) > *:not(:first-child){
visibility: hidden;
display: flex;
}
.card__opts--m .card__opt.is-active > * {
visibility: visible;
}
.card__opts--m .card__opt:not(.is-active) .card__opt_var {
margin-right: 5px;
}
.card_coffee .card__buy { margin-bottom:54px; }
.card_coffee .card__footer { padding-top:60px; }
.card_coffee .card__price { margin-bottom:17px; }
.card_coffee .card__price_opt { margin-bottom:25px; }
.card_related {
align-items:center;
padding-top:15px;
padding-bottom:15px;
min-height:268px
}
.card_related .card__content {
padding-top:0;
padding-left:80px
}
.card_related .card__footer {
padding-top:0;
flex-basis:350px
}
.card__price-button { max-width:200px; }
.card_related .card__title { margin-bottom:17px; }
.card_related .card__measurement {
font-size:1.625rem;
margin-bottom:18px
}
.card_related .card__description { margin-bottom:0; }
.card_related .card__price-value { font-size:1.75rem; }
.card_related .card__price { margin-bottom:20px; }
.card_sell .card__col_2 {
display:flex;
flex-direction:column
}
.card_sell .card__price {
margin-top:auto;
margin-bottom:0
}
}
@media only screen and (max-width:992px) {
.card_related .card__media {
display:flex;
justify-content:center;
max-height:100px
}
.card_related .card__title { font-size:1.125rem; }
.card_related .card__description { margin-bottom:10px; }
}
/* card_sell2 */
.card_sell2 .card__content { text-align: center; }
.card_sell2 .card__buy {
margin-bottom: 15px;
border-radius: 10px;
}
.card_sell2 .card__features {
margin-top: 20px;
margin-bottom: 0;
text-align: left;
}
@media only screen and (min-width:769px) {
.card_sell2 {
flex-direction: row;
align-items: flex-start;
}
.card_sell2 .card__media {
flex: 0 0 200px;
max-width: 200px; /* helper for slick inside */
margin-bottom: 0
}
.card_sell2 .card__content {
flex-wrap: wrap;
padding-left: 20px;
text-align: left;
}
.card_sell2 .card__buy { margin-top: 0; }
.card_sell2 .card__col { flex: 1 0 70%; }
.card_sell2 .card__col_2 { flex-basis: 30%; }
}
@media only screen and (min-width:992px) {
.card_sell2 .card__content {
padding-left: 40px;
padding-right: 0;
}
.card_sell2 .card__col { flex: 1 1 45%; }
.card_sell2 .card__col_2 {
flex-basis: 18%;
padding-left: 20px;
}
.card_sell2 .card__descr {
position: relative;
top: -3px;
}
.card_sell2 .card__col_3 { flex: 0 0 200px; }
.card_sell2 .card__buy { margin-top: -16px; }
.card_sell2 .card__col_4 { max-width: 65%; }
}
/* / card_sell2 */
/* card_rent2 */
.card_rent2 .card__content { text-align: center; }
.card_rent2 .card__col_3 { margin-top: 20px; }
.card_rent2 .card__rent_but { width: 100%; }
.card_rent2 .card__col_4,
.card_rent2 .card__col_5 {
margin-top: 20px;
text-align: left;
}
@media only screen and (min-width:769px) {
.card_rent2 {
flex-direction: row;
align-items: flex-start;
}
.card_rent2 .card__media {
flex: 0 0 200px;
margin-bottom: 0
}
.card_rent2 .card__content {
flex-wrap: wrap;
padding-left: 20px;
text-align: left;
}
.card_rent2 .card__col { flex: 1 0 70%; }
.card_rent2 .card__col_2 { flex-basis: 30%; }
.card_rent2 .card__col_3 {
display: flex;
flex-basis: 100%;
}
.card_rent2 .card__rent_but { width: 40%; }
.card_rent2 .card__buy {
margin-top: 0;
margin-left: 20px;
flex-grow: 1;
}
.card_rent2 .card__col_4 { width: 100%; }
}
@media only screen and (min-width:992px) {
.card_rent2 .card__content {
/* justify-content: flex-start; */
justify-content: space-between;
padding-left: 40px;
padding-right: 0;
}
.card_rent2 .card__col { flex: 1 1 45%; }
.card_rent2 .card__col_2 {
flex-basis: 18%;
padding-left: 20px;
}
.card_rent2 .card__descr {
position: relative;
top: -3px;
}
.card_rent2 .card__col_3 {
flex: 0 0 200px;
display: block;
margin-top: 0;
}
.card_rent2 .card__rent_but {
width: 100%;
margin-bottom: 20px;
}
.card_rent2 .card__buy {
margin-left: 0;
margin-bottom: 0;
}
.card_rent2 .card__col_4 {
width: auto;
max-width: 45%;
padding-right: 40px;
}
.card_rent2 .card__col_6 { flex-basis: 200px; }
}
/* / card_rent2 */
/* card_coffee2 */
.card_coffee2 .card__media,
.card_coffee2 .card__title {
text-align: center;
}
@media only screen and (min-width:769px) {
.card_coffee2 {
flex-direction: row;
align-items: flex-start;
}
.card_coffee2 .card__media {
flex: 0 0 200px;
margin-bottom: 0
}
.card_coffee2 .card__content {
flex-wrap: wrap;
padding-left: 20px;
padding-top: 25px;
}
.card_coffee2 .card__title {
text-align: left;
}
}
@media only screen and (min-width:992px) {
.card_coffee2 .card__descr {
margin-top: 6px;
/* width: 116px; */
/* text-align: right; */
text-align: center;
}
.card_coffee2 .card__content {
padding-left: 40px;
padding-right: 0;
}
.card_coffee2 .card__title {
font-size: 1.75rem;
font-weight: 700;
}
.card_coffee2 .card__col_1 { max-width: 60%;}
.card_coffee2 .card__description {
margin-top: 35px;
font-size: 0.9375rem;
line-height: 1.6;
}
.card_coffee2 .card__description p + p { margin-top: 1.6em; }
.card_coffee2 .card__col_2 {
margin-top: 35px;
max-width: 32.5%;
}
.card_coffee2 .card__ideal { margin-top: 57px; }
}
/* / card_coffee2 */
/* card_related2 */
.card_related2 .card__content { text-align: center; }
.card_related2 .card__descr {
position: relative;
top: -16px;
}
.card_related2 .card__description {
margin-top: 20px;
margin-bottom: 0;
}
@media only screen and (min-width:769px) {
.card_related2 {
flex-direction: row;
align-items: flex-start;
}
.card_related2 .card__media {
flex: 0 0 200px;
margin-bottom: 0
}
.card_related2 .card__content {
flex-wrap: wrap;
padding-left: 20px;
text-align: left;
}
.card_related2 .card__col { flex: 1 0 70%; }
.card_related2 .card__col_2 { flex-basis: 30%; }
.card_related2 .card__descr {
top:0;
margin-bottom: 20px;
}
}
@media only screen and (min-width:992px) {
.card_related2 .card__content {
padding-left: 40px;
padding-right: 0;
}
}
/* / card_related2 */
/* / cards */
/*
// sync carousel for product card
*/
.card_caro {}
.card_caro__item {
flex-shrink: 0;
box-sizing: border-box;
position: relative;
}
.card_caro__i {
position: relative;
display: block; /* if a */
cursor: pointer;
}
.card_caro__i:before {
content: "";
display: block;
padding-top: calc(100% * 9 / 16);
}
.card_caro__i img {
position: absolute;
top: 0;
/* left: 50%; */
left: 0;
width: 100%;
height: 100%;
/* max-width: 100%; */
/* max-height: 100%; */
/* width: auto; */
object-fit: cover;
/* transform: translateX(-50%); */
}
/* big caro */
.card_caro__b {
display: flex;
overflow: auto;
}
.card_caro__b.slick-slider {
display: block; /* slick fix */
overflow: hidden; /* slick fix */
}
.card_caro__b .card_caro__item { width: 100%; }
/* nav caro*/
.card_caro__nav {
display: flex;
margin: 20px -10px 0;
overflow: auto;
}
.card_caro__nav.slick-slider {
display: block; /* slick fix */
overflow: hidden; /* slick fix */
}
/* align left if num of img < slidesToShow*/
.card_caro__nav.slick-no_slide .slick-track {
margin-left: 0;
transform: inherit !important;
}
.card_caro__nav .card_caro__item {
padding: 0 10px;
width: calc(100% / 3);
}
.card_caro__nav .card_caro__item:before {
z-index: 1;
opacity: 0;
content: "";
position: absolute;
top: 0;
right: 10px;
bottom: 0;
left: 10px;
border: 1px solid #be7838;
transition: opacity 0.2s ease;
pointer-events: none;
}
.card_caro__nav .card_caro__item:hover:before,
.card_caro__nav card_caro__item.slick-current:before,
.card_caro__nav .slick-current .card_caro__item:before {
opacity: 1;
}
/* / */
.image-lazy {
position:relative;
display:flex;
align-items:flex-start;
overflow:hidden;
outline:none;
max-height:100%;
-webkit-overflow-scrolling:touch
}
.image-lazy__img {
display:block;
max-width:100%;
max-height:100%;
height:auto;
border:0;
margin:0 auto;
flex:0 0 auto
}
.image-lazy_cover .image-lazy__img {
width:100%;
height:100%;
font-family:object-fit\:cover;
object-fit:cover
}
.label,
.list {
display:block
}
.list__ul {
margin:0;
padding-left:0;
list-style:none
}
.list__ul .list__item {
list-style:none;
margin:0;
padding:0;
padding-left:10px;
position:relative;
margin-bottom:.1em
}
.list__ul .list__item:before {
content:"";
width:4px;
height:4px;
background-color:#f7a93d;
display:inline-block;
vertical-align:middle;
margin-right:5px;
position:absolute;
left:0;
top:.7em
}
.list__ol {
padding:0;
margin:0;
list-style:none;
counter-reset:a
}
.list__ol .list__item {
margin-bottom:15px;
padding-left:3.3em;
list-style:none;
position:relative;
counter-increment:a
}
.list__ol .list__item:before {
content:"0"counter(a)".";
position:absolute;
left:0;
top:-.3em;
color:undefined;
font-size:1.5em;
font-weight:700
}
.logo {
text-decoration:none;
width:230px
}
.logo,
.map {
display:block
}
.map {
height:315px;
position:relative;
background-color:#fff
}
.menu {
display:block
}
.menu__icon {
width:15px;
height:15px
}
.menu__icon_arrowdown,
.menu__icon_home {
display:none
}
.menu__icon_chevron {
margin-left:7px
}
.menu__link {
font-weight:700;
font-size:1.1875rem;
line-height:1.37;
text-decoration:none
}
.menu__item {
margin-bottom:35px
}
.menu__submenu {
padding-top:10px
}
.menu__submenu_hide {
display:none
}
.menu_submenu .menu__item {
margin-bottom:10px
}
.menu_submenu .menu__link {
font-weight:400;
font-size:1rem;
line-height:1.12
}
.page {
display:flex;
flex-direction:column;
min-height:100vh;
background-color:#2f3234;
color:#fff;
-webkit-overflow-scrolling:touch;
}
.page::-webkit-scrollbar-button {
background-image:url(.);
background-repeat:no-repeat;
width:6px;
height:0
}
.page::-webkit-scrollbar-track {
background-color:#e7ebf1;
border-radius:4px
}
.page::-webkit-scrollbar-thumb {
border-radius:4px;
background-color:undefined;
cursor:pointer
}
.page::-webkit-resizer {
background-image:url(.);
background-repeat:no-repeat;
width:6px;
height:0
}
.page::-webkit-scrollbar {
width:6px;
left:-100px
}
.page_home {
background-image:url(../images/page-index/hero.jpg);
background-position:50% 0;
background-repeat:no-repeat
}
.page__content {
flex:1 1 auto;
position:relative;
z-index:1
}
.page__header {
position:relative;
z-index:2
}
.payment {
display:block;
padding:40px 0;
padding-top:0
}
.payment__media {
display:flex;
flex-direction:column;
margin:20px 0
}
.payment__icon {
width:120px;
height:80px
}
.payment__el {
flex:0 0 80px;
display:flex;
justify-content:center;
margin-bottom:20px;
background-color:rgba(0,0,0,.3);
padding:20px;
border-radius:10px
}
.payment__title {
margin-bottom:10px
}
.payment__item {
margin:20px 0
}
.phone {
display:flex;
flex-direction:column;
align-items:flex-start
}
.phone__link {
font-size:1.5rem;
font-weight:700;
text-decoration:none
}
.phone_contacts {
align-items:flex-start
}
.phone_contacts .phone__link {
font-size:1.125rem;
line-height:1.16;
margin-bottom:10px
}
.phone__callback {
color:#f7a93d;
font-size:1.125rem;
font-weight:700;
text-decoration:none;
position:relative
}
.phone__callback:before {
content:"";
display:block;
position:absolute;
top:100%;
left:0;
right:0;
height:1px;
background-color:#f7a93d;
transform:scale(0);
transform-origin:50% 50%;
transition:transform .4s
}
.phone__callback:hover:before {
transform:scale(1)
}
.picture {
display:flex;
width:100%
}
.picture__img {
display:block;
width:100%
}
/* popup */
.popup {
display:inline-block;
color:#fff
}
.popup--w-1 {
width: 508px;
max-width: 100%;
}
.popup--bg-b {
background: url(../images/common/popup--bg-01.png) #191919 100% 100% no-repeat;
}
.popup--bg {
background:
url(../images/common/popup--bg-00.png) 0 0 no-repeat,
url(../images/common/popup--bg-01.png) 100% 100% no-repeat,
#191919;
}
.popup--close-1 .fancybox-close-small {
top: 0;
right: 0;
}
.popup--close-2 { overflow: hidden; }
.popup--close-2 .fancybox-close-small { transform: scale(2); }
.popup__title {
font-size: 1.625rem;
font-weight: 700;
margin-bottom: 30px
}
.popup__title2 {
font-size: 1.5625rem;
font-weight: normal;
margin-bottom: 30px
}
.popup__item {
display: flex;
align-items: center;
padding: 10px;
margin-bottom: 25px;
color: #000;
background: #f1efef;
border-radius: 3px;
}
.popup__item_i {
flex-shrink: 0;
width: 75px;
margin-right: 15px;
}
.popup__item_type {
margin-bottom: 6px;
font-size: 1.125rem;
letter-spacing: -0.03em;
}
.popup__item_title {
font-size: 1.5rem;
line-height: 1;
text-transform: uppercase;
}
@media only screen and (min-width:769px) {
.popup__item {
padding: 10px 20px;
margin-bottom: 57px;
}
.popup__item_i {
width: 96px;
margin-right: 42px;
}
.popup__item_title { font-size: 1.625rem; }
}
/* mod popup--click */
.popup--click {
padding-top: 30px;
padding-left: 33px;
}
.popup--click .popup__title {
margin-top: 0;
margin-bottom: 35px;
}
.popup--click .popup__title2 {
margin-bottom: 12px;
text-align: center;
}
@media only screen and (min-width:769px) {
.popup--click {
padding-right: 52px;
padding-bottom: 54px;
}
.popup--click .button { max-width: 263px; }
}
/* mod popup--ord_acc */
.popup--ord_acc {
text-align: center;
}
.popup--ord_acc .popup__title {
margin-top: 0;
margin-bottom: 10px;
}
.popup--ord_acc p {
margin: 0;
line-height: 1.15;
}
.popup--ord_acc .button { margin-top: 20px; }
@media only screen and (min-width:769px) {
.popup--ord_acc {
padding-top: 64px;
padding-bottom: 54px;
}
.popup--ord_acc .popup__title { margin-top: 1em; }
.popup--ord_acc p { font-size: 1.3125rem; }
.popup--ord_acc .button {
margin-top: 50px;
width: 288px;
align-self: center;
}
}
/* mod popup--ord_acc2 */
.popup--ord_acc2 .popup__title {
margin-top: 0;
margin-bottom: 20px;
text-transform: uppercase;
}
.popup--ord_acc2 p {
margin: 0;
max-width: 300px;
line-height: 1.15;
}
.popup--ord_acc2 .button { margin-top: 34px; }
@media only screen and (min-width:769px) {
.popup--ord_acc2 {
padding-left: 73px;
padding-right: 73px;
padding-bottom: 60px;
}
.popup--ord_acc2 .popup__title {
margin-top: 22px;
font-size: 2rem;
}
.popup--ord_acc2 p { font-size: 1.3125rem; }
.popup--ord_acc2 .button { width: 197px; }
}
/* / popup */
.price {
display:block
}
.price__item {
display:flex;
align-items:center;
justify-content:space-between;
background-color:#1c1e1f;
border-radius:4px;
margin-bottom:19px;
padding:10px 20px;
font-size:1rem
}
.price__footer {
margin-top:30px
}
.price__legend {
margin-top:15px;
font-size:.9375rem
}
.project-item {
display:block;
background-color:#202324;
padding:5px
}
.project-item__content {
padding:27px;
padding-top:0
}
.project-item__media {
margin-bottom:13px;
display:block
}
.project-item__customer {
display:flex;
align-items:center;
margin-bottom:15px
}
.project-item__customer-media {
flex:0 0 51px
}
.project-item__customer-title {
padding-left:10px;
font-size:.8125rem;
line-height:1.23
}
.project-item__title {
text-align:center;
font-size:1.3125rem;
line-height:1.23
}
.promo-list {
display:block
}
.promo-list__item {
margin-top:26px
}
.promo-list__item_0 {
margin-top:0
}
.rating {
display:flex;
margin-left:-2px
}
.rating__item {
display:flex;
margin-left:2px
}
.rating__icon {
height:18px;
width:18px;
fill:#dbd7d7
}
.rating__item_0 {
margin-left:0
}
.rating__item_active .rating__icon {
fill:#c0965c
}
.rent {
display:block;
background-color:#c0965c;
padding:10px;
border-radius:4px
}
.rent__title {
margin-bottom:10px
}
.rent__media {
width:150px;
margin:0 auto;
display:flex;
align-items:flex-end;
margin-top:10px
}
.review-item {
display:block;
padding:31px 22px;
padding-bottom:23px;
background-color:#1c1e1f;
border-radius:2px;
color:#fff
}
.review-item__header {
display:flex;
margin-bottom:30px
}
.review-item__media {
display:block;
flex:0 0 60px;
max-width:60px;
max-height:60px;
margin-right:10px;
text-decoration:none
}
.review-item__name {
font-size:1.3125rem;
font-weight:400;
line-height:1;
margin-bottom:12px;
flex:1 1 100%
}
.review-item__img {
border-radius:50%;
overflow:hidden;
display:flex;
height:60px;
width:60px;
-webkit-overflow-scrolling:touch
}
.review-item__letter {
width:80px;
height:80px;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:2.375rem;
text-transform:uppercase
}
.review-item__title {
flex:1 1 auto;
display:flex;
flex-wrap:wrap;
padding-top:4px
}
.review-item__date {
font-size:.875rem;
color:#fff;
-ms-grid-row-align:center;
align-self:center
}
.review-item__text {
font-size:.875rem;
line-height:1.57;
margin-bottom:27px;
-webkit-line-clamp:8;
line-clamp:8;
overflow:hidden;
max-height:175.84px;
height:auto;
text-overflow:ellipsis;
-webkit-overflow-scrolling:touch
}
.review-item__text_full {
-webkit-line-clamp:0;
line-clamp:0;
max-height:none
}
.review-item__source {
text-align:right;
font-size:.875rem
}
.review-item__more {
text-decoration:none;
background:none;
padding:0;
border:none;
text-decoration:underline;
padding-right:15px;
position:relative;
font-weight:500;
cursor:pointer;
color:#fff
}
.review-item__more-arrow {
right:0;
position:absolute
}
.review-item__rating {
margin-right:17px;
aling-self:center
}
.review-item_full {
padding:0;
background:none
}
.review-item {
-webkit-overflow-scrolling:touch
}
.search,
.section {
display:block
}
.section__buttons {
margin-bottom:25px
}
.section_heroinner {
overflow:hidden;
-webkit-overflow-scrolling:touch
}
.section_promo,
.section_promoinner {
background-color:#27292b;
padding-top:40px;
padding-bottom:50px;
margin-bottom:40px
}
.section_stock {
margin-bottom:65px
}
.section_service {
margin-bottom:105px
}
.section_service .section__header {
margin-bottom:16px
}
.section_service .section__text {
display:none
}
.section_projects {
padding-bottom:45px;
overflow:hidden;
-webkit-overflow-scrolling:touch
}
.section_projects .section__header {
margin-bottom:20px
}
.section_projects .section__content {
padding-left:13px;
padding-right:13px
}
.section_reviews {
margin-bottom:107px
}
.section_reviews .section__buttons {
display:flex;
flex-direction:column
}
.section_reviews .section__header {
margin-bottom:20px
}
.section_reviews .section__content {
margin-bottom:30px
}
.section_reviews .section__list {
margin-left:-24px;
margin-right:-24px
}
.section_callback {
background:url(../images/page-index/coffeebag.png) 100% 100% no-repeat;
padding-bottom:46px;
min-height:470px
}
.section_callback .section__header {
margin-bottom:37px
}
.section_callbackrent {
background-image:url(../images/page-rent/teapod.png);
min-height:535px
}
.section_promo .section__header,
.section_promoinner .section__header {
text-align:center;
margin-bottom:50px
}
.section__text {
font-size:1.1875rem;
line-height:1.34;
margin-bottom:60px
}
.section__more {
margin-top:13px
}
.section__contacts .section__container {
padding:0
}
.section_rent {
margin-bottom:40px
}
.section__col {
margin-bottom:20px
}
.section__image {
position:relative;
padding:15px
}
.section__image:before {
content:"";
border-left:5px solid #ec941c;
border-bottom:5px solid #ec941c;
display:block;
position:absolute;
left:0;
bottom:0;
width:112px;
height:112px
}
.section__image:after {
content:"";
border-top:5px solid #ec941c;
border-right:5px solid #ec941c;
display:block;
position:absolute;
right:0;
top:0;
width:40px;
height:40px
}
.section__grid {
margin-bottom:60px
}
.section_coffeeabout {
margin-bottom:70px;
margin-top: 40px;
}
.section_brand,
.section_price,
.section_types {
margin-bottom:90px
}
.section_brand .section__header,
.section_price .section__header,
.section_types .section__header {
margin-bottom:30px
}
.section_breadcrumbs {
margin-top:20px;
margin-bottom:20px
}
.section_title { margin-bottom:30px; }
.section_title--ord { margin-top: 40px; }
.section {
-webkit-overflow-scrolling:touch
}
.service-item {
display:flex;
flex-direction:column;
position:relative;
text-decoration:none;
box-shadow:none;
transition:box-shadow .4s
}
.service-item__inner {
flex:1 1 auto;
display:block;
overflow:hidden;
background:#1c1e1f;
border-radius:5px;
padding:21px 20px;
padding-bottom:50px;
position:relative;
z-index:1;
-webkit-overflow-scrolling:touch
}
.service-item:before {
border:5px solid #ec941c;
left:0;
bottom:0;
border-top:0;
border-right:0
}
.service-item:after,
.service-item:before {
content:"";
display:block;
width:40px;
height:40px;
position:absolute;
opacity:0;
transition:all .4s;
transition-property:transform,opacity
}
.service-item:after {
border:5px solid #ec941c;
right:0;
top:0;
border-left:0;
border-bottom:0
}
.service-item:hover:before {
transform:translate(-10px,10px);
opacity:1
}
.service-item:hover:after {
transform:translate(10px,-10px);
opacity:1
}
.service-item:hover {
box-shadow:0 4px 10px rgba(0,0,0,.25)
}
.service-item__content {
display:block;
position:relative;
z-index:2
}
.service-item__title {
display:block;
font-size:1.3125rem;
font-weight:700;
margin-bottom:7px
}
.service-item__subtitle {
display:block;
line-height:1;
margin-bottom:30px;
font-size:1.1875rem;
margin-top:5px
}
.service-item__media {
position:absolute;
right:0;
bottom:0;
width:125px;
margin-bottom:5px;
display:flex;
justify-content:flex-end
}
.service-item__media_service-coffee {
z-index:1;
width:90px
}
.service-item__media_service-related {
bottom:0;
width:128px
}
.service-item__media_service-repair {
width:180px;
margin-bottom:0;
right:-20px
}
.service-item__text {
display:block;
font-size:.875rem;
line-height:1.25;
max-width:70%
}
.service-item__badge {
position:absolute;
width:158px;
right:15px;
background:#be7838;
border-radius:2px;
font-size:.6875rem;
line-height:1.29;
color:#fff;
text-align:center;
top:0;
margin-top:-20px;
padding:7px 2px;
z-index:2
}
.service-item__list {
font-size:.875rem;
padding-right:40px;
display:block
}
.service-item {
-webkit-overflow-scrolling:touch
}
.slogan {
display:flex;
font-family:BankGothic RUSS;
font-weight:400;
font-size:1.25rem;
font-weight:500;
line-height:1.24;
justify-content:space-between;
align-items:center
}
.slogan:after,
.slogan:before {
content:"";
height:4px;
background-color:#fff;
display:block;
flex:0 0 8%
}
.slogan__text {
text-align:center
}
.social-list {
display:flex;
align-items:center;
margin-right:-10px
}
.social-list__link {
display:flex;
justify-content:center;
align-items:center;
color:#f7a93d
}
.social-list__link:hover {
color:#fff
}
.social-list__icon {
fill:currentColor;
width:30px;
height:30px;
transition:color .2s;
margin-right:10px
}
.social-list__header {
font-size:.9375rem;
color:#fff;
letter-spacing:-.035em;
margin-right:12px
}
.social-list__content {
display:flex
}
.social-list_contacts .social-list__link {
color:#000
}
/* soc (another social list) */
.soc {
margin: 0;
padding: 0;
font-size: 0.875rem;
list-style: none;
}
.soc__item { margin-bottom: 10px; }
.soc__item:last-child { margin-bottom: 0;}
.soc__item a {
display: inline-flex;
text-decoration: none;
}
.soc__i { min-width: 1.5625rem; }
.soc__i--wa .icon {
color: #64b200;
font-size: 17px;
}
.soc__i--tg .icon {
color: #1971c2;
font-size: 18px;
}
.soc__n {
position: relative;
display: inline-block;
}
.soc__n:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 1px;
background-color: currentColor;
transform: scale(0);
transition: transform .4s;
}
.soc__item a:hover .soc__n:before { transform: scale(1); }
/* mob mod */
.soc--m { font-size: 1.125rem;}
.soc--m .soc__item { margin-bottom: 15px; }
.soc--m .soc__item:last-child { margin-bottom: 0;}
.soc--m .soc__i { min-width: 2em; }
.soc--m .icon { font-size: 1.5rem; }
/* / */
/* mobile block for social */
.soc_cont {
padding: 37px 0;
background: #2a2c2d;
text-align: center;
}
.soc_cont .soc {
position: relative;
left: -7px;
display: inline-block;
vertical-align: top;
text-align: left;
}
@media (min-width:992px) {
.soc_cont { display: none;}
}
/* / */
.stock-item {
display:block;
height:100%;
border:3px solid #fff;
border-radius:5px;
padding:38px 26px;
text-decoration:none;
background:url(../images/page-index/review-been-1.png) 0 100% no-repeat,url(../images/page-index/review-been-2.png) 100% 0 no-repeat;
background-color:#191919
}
.stock-item__date {
display:block;
font-size:.9375rem;
margin-bottom:15px
}
.stock-item__text {
display:block;
font-weight:700;
font-size:1.25rem;
line-height:1.62;
color:#be7838
}
.stock-item__text p:last-child {
margin-bottom:0
}
.stock-item_page {
padding:38px 26px
}
.stock-item_page .stock-item__date {
margin-bottom:20px
}
.success {
display:block;
padding:50px 0
}
.success__header {
text-align:center;
font-size:1.625rem;
margin-bottom:13px
}
.success__text {
font-size:1.3125rem;
text-align:center
}
.success__content {
margin-bottom:27px
}
.success__footer {
max-width:270px;
margin:0 auto
}
.tabs {
display:block
}
.text-icon {
display:flex;
align-items:center
}
.text-icon__media {
flex:0 0 52px;
overflow:hidden;
-webkit-overflow-scrolling:touch
}
.text-icon__icon {
max-width:100%;
max-height:100%
}
.text-icon__title {
font-size:1rem;
font-weight:700;
line-height:1.375;
padding-right:10px
}
.text-icon__link {
font-weight:500;
margin-top:5px;
display:block;
vertical-align:middle
}
.text-icon__content {
display:block
}
.text-icon_centered .text-icon__content {
padding-left:15px
}
.text-icon_vertical {
align-items:flex-start
}
.text-icon_vertical .text-icon__media {
flex-basis:65px
}
.text-icon_vertical .text-icon__icon {
max-width:46px
}
.text-icon_vertical .text-icon__title {
font-weight:400;
font-size:.9375rem;
line-height:1.5
}
.text-icon_medium {
align-items:flex-start
}
.text-icon_medium .text-icon__icon {
max-width:100%;
max-height:100%
}
.text-icon_medium .text-icon__content {
padding-left:20px
}
.text-icon_medium .text-icon__title {
font-size:1.125rem;
line-height:1.43;
margin-bottom:5px;
font-weight:700
}
.text-icon_medium .text-icon__text {
font-size:1rem;
line-height:1.87
}
.text-icon_card .text-icon__media {
flex-basis:40px
}
.text-icon_card .text-icon__title {
font-size:.8125rem
}
.text-icon_gift .text-icon__content {
padding-left:10px
}
.text-icon_card .text-icon__icon {
color:#be7838;
max-width:27px;
max-heigth:31px
}
.text-icon_card .text-icon__title {
font-weight:400
}
.text-icon {
-webkit-overflow-scrolling:touch
}
.type {
display:block;
border:3px solid rgba(247,169,61,.56);
border-radius:10px;
background-color:#282828;
padding:30px;
padding-top:26px;
padding-bottom:20px;
text-align:center;
height:100%
}
.type__media {
height:185px;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
margin-bottom:28px
}
.type__content {
font-size:1.3125rem;
font-weight:700
}
/* link to basket */
.bsk_lnk {
display: inline-flex;
align-items: center;
padding: 0;
border: none;
color: inherit;
background: none;
text-transform: uppercase;
/* letter-spacing: -0.05em; */
text-decoration: none; /* if link */
cursor: pointer;
transition: color 0.2s ease;
}
.bsk_lnk:hover { color: #f7a93d; }
.bsk_lnk__i {
flex-shrink: 0;
margin-right: 5px;
color: #f7a93d;
font-size: 23px;
}
@media only screen and (min-width: 992px) {.bsk_lnk__i { margin-right: 15px; }}
.bsk_lnk__in {
/* font-family: "BankGothic RUSS"; */
font-family: "BankGothic", sans-serif;
font-size: 0.9375rem;
line-height: 1;
letter-spacing: -0.04em;
/* font-size: 18px; */
/* font-weight: bold; */
}
@media only screen and (min-width: 992px) {.bsk_lnk__in { font-size:0.8125rem; }}
@media only screen and (min-width: 1200px) {.bsk_lnk__in { font-size: 0.9375rem; }}
.bsk_lnk__in i {
margin-left: 2px;
color: #7a7a7a;
font-style: normal;
font-weight: normal;
letter-spacing: 0;
}
/*
* bsk - basket`s
*/
.bsk { overflow: hidden; }
.bsk__map {
display: block;
position: relative;
/* overflow: hidden; */
width: 458px;
height: 181px;
max-width: 100%;
/* border-radius: 3px; */
}
.bsk__map_in {
z-index:1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 3px;
}
.bsk__map_temp {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* block */
.bsk__b {
position: relative;
padding-top: 36px;
margin-top: 40px;
margin-bottom: 40px;
}
.bsk__b:before {
content:"";
position: absolute;
/* top: -1px; */
top: 10px;
left: 0;
width: 100vw;
border-top: 1px solid #656E74;
}
/* header */
.bsk__h {
margin: 0 0 32px;
font-size: 1.75rem;
line-height: 1.15;
font-weight: normal;
}
.bsk__h--o { margin-bottom: 38px; } /* if options there...*/
/* items */
.bsk__items { margin: 0 -22px 25px; }
.bsk__item {
position: relative;
padding: 32px 12px 37px;
margin-bottom: 2px;
background: #26292a;
border-radius: 10px;
}
.bsk__item:last-child { margin-bottom: 0;}
.bsk__item_x {
position: absolute;
top: 14px;
right: 12px;
font-size: 11px;
background: none;
border: none;
cursor: pointer;
}
.bsk__item_i {
float: left;
width: 93px;
height: auto;
margin-right: 17px;
}
.bsk__item_type {
margin-top: 6px;
font-size: 0.75rem;
color: #9eaeb4;
letter-spacing: -0.01em;
}
.bsk__item_title {
margin-top: 5px;
font-size: 1.5rem;
line-height: 1.1;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -0.025em;
}
.bsk__item_prc { margin-top: 12px; }
.bsk__item_am {
margin: 13px 0 0;
display: flex;
align-items: center;
}
.bsk__item_am dt {
flex-shrink: 0;
position: relative;
top: 3px;
margin: 0 12px 0 0;
color: #7b878b;
font-weight: 300;
}
.bsk__item_am dt:after { content: ":"; }
.bsk__item_am dd { margin: 0; }
.bsk__item_am .amo { width: 75px; }
.bsk__item_price {
clear: both;
display: flex;
align-items: center;
margin: 30px 0 0 24px;
}
.bsk__item_price dt {
margin-right: 17px;
color: #7b878b;
font-size: 0.875rem;
}
.bsk__item_price dt span + span { display: none; }
.bsk__item_price dt:after { content: ":"; }
.bsk__item_price dd {
margin: 0;
font-size: 2rem;
}
/* options */
.bsk__opt { margin-bottom: 30px; }
.bsk__opt:last-child { margin-bottom: 0; }
.bsk__opt_in {
opacity: 0;
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden;
transition: opacity 0.2s ease;
margin-top: 20px;
padding-bottom: 3px;
}
.bsk__opt.is-active .bsk__opt_in {
opacity: 1;
position: static;
visibility: visible;
}
.bsk__opt_comm {
display: none;
margin: 1.5em 0;
color: #9eaeb4;
font-size: 0.75rem;
}
.bsk__opt_rekv label {
display: block;
margin-bottom: 26px;
font-size: 1.125rem;
}
.bsk__opt_rekv .ta { height: 125px; }
.bsk__opt_shop p { font-size: 1.125rem; }
.bsk__opt--pay .bsk__opt_in {
margin-left: 42px;
margin-top: 33px;
}
/* contacts */
.bsk__cnt { padding-bottom: 8px; }
.bsk__che {line-height: 1.15;}
.bsk__che_pr {
padding-top: 4px;
color: #b8c3cb;
}
.bsk__che_pr a { text-decoration: none; }
.bsk__che_pr a:hover { text-decoration: underline; }
/* final */
.bsk__fin {
margin: 0 0 40px;
font-size: 1.625rem;
line-height: 1.4;
}
.bsk__fin dt {
margin: 0;
color: #656e74;
}
.bsk__fin dt:after { content: ":"; }
.bsk__fin dd { margin: 0; }
.bsk__fin--d {
position: relative;
top: -5px;
}
.bsk__fin--d dt { color: #93a2ab; }
.bsk__but {
padding-left: 25px;
padding-right: 25px;
}
.bsk__att {
position: relative;
margin: 43px 0 0;
padding: 30px 0 30px 35px;
background: #26292a;
border-radius: 0 0 0 10px;
}
.bsk__att:before {
content: "";
position: absolute;
bottom: 100%;
left: 0;
margin-bottom: -2px;
border-left: 16px solid #26292a;
border-top: 16px solid transparent;
}
.bsk__att:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 100vw;
margin-left: -2px;
background: #26292a;
}
.bsk__att_h {
margin: 0 0 13px;
color: #93a2ab;
font-size: 1.375rem;
line-height: 1;
text-transform: uppercase;
}
.bsk__att_lst {
padding: 0;
margin: 0;
list-style: none;
color: #be7838;
font-size: 0.875rem;
}
.bsk__att_lst li { margin-bottom: 2px; }
.bsk__att_lst li:last-child { margin-bottom: 0; }
.bsk__att_lst li:before {
content: "→";
margin-right: 3px;
}
@media only screen and (min-width:769px) {
.bsk { margin-top: 35px; }
.bsk__b {
margin-top: 73px;
padding-top: 53px;
}
.bsk__b .bsk__h {
position: absolute;
bottom: 100%;
left: 0;
margin-bottom: -4px;
}
.bsk__h {
font-size: 2rem;
line-height: 1;
letter-spacing: -0.01em;
}
.bsk__h br { display: none; }
.bsk__items {
margin-left: 0;
margin-right: 0;
margin-bottom: 36px;
}
.bsk__item {
display: flex;
padding: 30px 40px 37px;
margin-bottom: 5px;
}
.bsk__item_x { right: 15px; }
.bsk__item_i {
align-self: center;
flex-shrink: 0;
float: none;
width: 72px;
margin-right: 37px;
}
.bsk__item_dscr {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding-right: 20px;
}
.bsk__item_type { margin-top: 0; }
.bsk__item_title { margin-top: 7px; }
.bsk__item_prc { margin-top: auto; }
.bsk__item_am {
flex: none;
align-self: center;
display: block;
padding-right: 20px;
margin-top: 4px;
}
.bsk__item_am dt {
top: 0;
margin-right: 0;
margin-bottom: 16px;
}
.bsk__item_am .amo { width: 108px; }
.bsk__item_price {
flex: none;
align-self: center;
display: block;
width: 25%;
margin-top: 6px;
margin-left: 0;
white-space: nowrap;
}
.bsk__item_price dt {
margin-right: 0;
margin-bottom: 7px;
}
.bsk__item_price dt span { display: none; }
.bsk__item_price dt span + span { display: inline; }
.bsk__opts {
position: relative;
margin-top: -4px;
padding-bottom: 25px;
}
.bsk__opt {
margin-bottom: 22px;
max-width: 28%;
}
.bsk__opt_in {
margin-top: 0;
padding-bottom: 0;
}
.bsk__opt.is-active .bsk__opt_in {
position: absolute;
top: 0;
left: 30%;
width: 70%;
max-width: 538px;
}
.bsk__opt_in img {
display: block;
margin-top: 6px;
}
.bsk__opt_comm { display: block; }
.bsk__opt_shop { display: flex; }
.bsk__opt_shop p {
flex-shrink: 0;
margin: 0 15px 0 0;
width: 250px;
line-height: 1.83;
}
/* .bsk__opt_shop .bsk__map { margin: -68px -185px 0 0; } */
.bsk__opt_shop .bsk__map { margin: 0 -185px 0 0; }
.bsk__opt--pay { max-width: 50%; }
.bsk__opt--pay .bsk__opt_in { margin-left: 0; }
.bsk__opt--pay.is-active .bsk__opt_in {
left: 53%;
width: 47%;
max-width: 476px;
}
.bsk__cnt {
max-width: 802px;
padding-bottom: 12px;
}
.bsk__cnt_row { display: flex; }
.bsk__cnt_row > * {
width: 366px;
margin-right: 13px;
}
.bsk__cnt_row > *:last-child { margin-right: 0;}
.bsk__cnt_row > * + * { width: 245px; }
.bsk__che_pr {
padding-top: 0;
margin-top: -4px;
vertical-align: top;
}
.bsk__fin {
display: flex;
margin-bottom: 94px;
}
.bsk__fin dt { padding-right: 6px; }
.bsk__fin--d { margin-bottom: 40px; }
.bsk__foot { display: flex; }
.bsk__att {
flex-grow: 1;
display: flex;
max-width: 540px;
margin-top: 0;
margin-left: 50px;
padding-top: 24px;
border-radius: 0 10px 10px 10px;
}
.bsk__att:before {
bottom: auto;
top: 0;
right: 100%;
left: auto;
margin: 0 -2px 0 0;
border: none;
border-right: 18px solid #26292a;
border-bottom: 18px solid transparent;
}
.bsk__att:after { display: none; }
.bsk__att_h {
flex-shrink: 0;
margin-bottom: 0;
}
.bsk__att_lst {
margin-left: 22px;
font-size: 1rem;
}
.bsk__att_lst li { margin-bottom: 4px; }
}
@media only screen and (min-width:992px) {
.bsk__item_dscr { width: 48.5%; }
.bsk__item_am { width: 18.5%; }
.bsk__item_price { width: 23%; }
}
/* / basket`s */
/*
* ord - order`s
*/
.ord { overflow: hidden;}
/* items */
.ord__items { margin: 0 -22px 25px; }
.ord__item {
position: relative;
padding: 20px 15px;
margin-bottom: 2px;
background: #26292a;
border-radius: 10px;
}
.ord__item:last-child { margin-bottom: 0;}
.ord__item_i {
float: left;
width: 75px;
margin-right: 15px;
margin-bottom: 15px;
}
.ord__item_i img {
display: block;
width: 100%;
height: auto;
}
.ord__item_title {
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 5px;
font-size: 1.3rem;
line-height: 1.1;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -0.025em;
}
.ord__item_info {
clear: both;
display: flex;
align-items: center;
margin: 0 0 0 25px;
}
.ord__item_info dt {
margin-right: 15px;
width: 50px;
color: #7b878b;
font-size: 0.875rem;
text-transform: capitalize;
}
.ord__item_info dd {
margin: 0;
font-size: 1.3rem;
}
@media only screen and (min-width:769px) {
.ord__items {
margin-left: 0;
margin-right: 0;
margin-bottom: 35px;
}
.ord__item {
display: flex;
align-items: center;
padding: 30px 20px;
margin-bottom: 5px;
}
.ord__item_i {
align-self: center;
flex-shrink: 0;
float: none;
margin-right: 25px;
margin-bottom: 0;
}
.ord__item_i { height: 75px; }
.ord__item_i img {
height: 100%;
object-fit: contain;
}
.ord__item_title {
flex-grow: 1;
align-self: center;
overflow: visible;
padding-bottom: 0;
margin-bottom: 0;
}
.ord__item_info {
flex: none;
display: block;
margin-top: 0;
margin-left: 0;
padding-left: 20px;
white-space: nowrap;
}
.ord__item_info dt {
margin-right: 0;
/* margin-bottom: 7px; */
width: auto;
}
.ord__item_info--price { width: 20%; }
.ord__item_info--am { width: 7%; }
.ord__item_info--am dd { position: relative; }
.ord__item_info--am dd:before {
content: "x";
position: absolute;
right: 100%;
margin-right: 5px;
}
}
@media only screen and (min-width:992px) {
.ord__item {
align-items: flex-start;
padding-left: 30px;
padding-right: 30px;
}
.ord__item_title { font-size: 1.5rem; }
.ord__item_info dd { font-size: 1.75rem; }
}
/* fin */
.ord__fin {
margin: 30px 0 60px;
font-size: 1.625rem;
line-height: 1.4;
}
.ord__fin dt {
margin: 0;
color: #656e74;
}
.ord__fin dt:after { content: ":"; }
.ord__fin dd { margin: 0; }
@media only screen and (min-width:769px) {
.ord__fin { display: flex; }
.ord__fin dt { padding-right: 6px; }
}
/* header */
.ord__h {
position: relative;
margin: 0 0 20px;
padding-top: 30px;
font-size: 1.75rem;
line-height: 1.15;
font-weight: normal;
}
.ord__h:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100vw;
margin-top: -4px;
border-top: 1px solid #656E74;
}
@media only screen and (min-width: 769px) {
.ord__h {
padding-top: 0;
margin: 0 0 30px;
font-size: 2rem;
line-height: 1;
letter-spacing: -0.01em;
}
.ord__h:before { top: 100%; }
}
/* block */
.ord__b {
margin-bottom: 60px;
}
/* info */
.ord__info td {
vertical-align: baseline;
}
.ord__info td:first-child {
min-width: 140px;
padding-right: 20px;
font-weight: bold;
}
.ord__info td:first-child:after { content: ":"; }
/* pay */
.ord__pay_way {
margin: 20px 0;
}
/* / order`s */
/* media - common */
@media only screen and (min-width:564px) {
.daterangepicker {
width:auto
}
.daterangepicker .ranges ul {
width:140px
}
.daterangepicker.single .ranges ul {
width:100%
}
.daterangepicker.single .drp-calendar.left {
clear:none
}
.daterangepicker.single .drp-calendar,
.daterangepicker.single .ranges {
float:left
}
.daterangepicker {
direction:ltr;
text-align:left
}
.daterangepicker .drp-calendar.left {
clear:left;
margin-right:0
}
.daterangepicker .drp-calendar.left .calendar-table {
border-right:none;
border-top-right-radius:0;
border-bottom-right-radius:0
}
.daterangepicker .drp-calendar.right {
margin-left:0
}
.daterangepicker .drp-calendar.right .calendar-table {
border-left:none;
border-top-left-radius:0;
border-bottom-left-radius:0
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right:8px
}
.daterangepicker .drp-calendar,
.daterangepicker .ranges {
float:left
}
}
@media only screen and (min-width:730px) {
.daterangepicker .ranges {
width:auto;
float:left
}
.daterangepicker.rtl .ranges {
float:right
}
.daterangepicker .drp-calendar.left {
clear:none!important
}
}
@media only screen and (min-width:769px) {
.section__row {
display:flex;
justify-content:space-between;
flex-wrap:wrap
}
.section__col {
flex:0 0 48%;
max-width:48%;
margin-bottom:0
}
.section_sellblocks {
margin-bottom:50px;
margin-top:55px
}
.section_price {
margin-bottom:120px
}
.section_price .section__header {
text-align:center;
margin-bottom:30px
}
.section_types {
margin-bottom:50px
}
.section_brand {
margin-bottom:130px
}
.section_brand .section__header,
.section_types .section__header {
margin-bottom:10px;
text-align:center
}
.section_title { margin-bottom:20px; }
}
@media only screen and (min-width:992px) {
.slick-arrow {
width:42px;
height:42px
}
.js-stock .slick-dots {
top:0;
margin:10px auto;
text-align:center
}
.js-project .grid__item {
padding:5px
}
.js-project .slick-track {
padding:60px 0
}
.js-project .slick-slide {
transform:scale(.9)
}
.js-project .slick-current {
transform:scale(1.2)
}
.js-project .slick-current:before {
transform:translate(20px,10px)
}
.js-project .slick-current:after {
transform:translate(-20px,-10px)
}
.js-project .slick-current>div:before {
transform:translate(-20px,10px)
}
.js-project .slick-current>div:after {
transform:translate(20px,-10px)
}
.box {
height:228px;
padding:25px 40px
}
.box__icon {
max-width:none;
max-height:none
}
.box__media {
margin-bottom:0
}
.box_sand .box__media {
position:absolute;
right:10px;
top:10px
}
.box_brown .box__media {
position:absolute;
right:5px;
bottom:-5px
}
.box_sand {
align-items:flex-end
}
.box__text,
.box__title {
font-size:1.75rem
}
.brand {
margin-bottom:30px
}
.callback__text {
font-size:1rem
}
.catalog__founded {
font-size:1.625rem;
padding-top:1.2em;
padding-bottom:.6em
}
.contacts {
width:535px;
padding:33px 40px
}
.contacts__item {
display:flex;
margin-bottom:18px
}
.filter {
background-color:#1c1e1f;
padding:32px
}
.filter_line {
background-color:transparent;
padding-left:0;
padding-right:0
}
.filter_line .filter__header {
text-align:left
}
.filter__col_reset {
display:flex;
padding-top:31px;
align-items:flex-start;
justify-content:flex-end
}
.filter__button {
display:none
}
.filter__content {
display:block
}
.filter__header {
text-align:center;
margin-bottom:30px
}
.filter__row {
display:flex;
justify-content:space-between
}
.filter__col {
flex:1 1 auto
}
.filter__col_lg {
width:100%
}
.footer {
text-align:left;
padding-top:30px
}
.footer__container {
display:flex;
justify-content:space-between;
align-items:center
}
.footer__up {
margin:0;
width:215px;
max-width:none
}
.form-callback_popup {
width:420px
}
.form-checkbox__fake {
flex-basis:20px;
width:20px;
height:20px;
max-width:20px
}
.form-checkbox__icon_check {
width:10px;
height:10px
}
.form-file__label {
width:290px
}
.form-switch {
flex-wrap:nowrap;
margin-left:-16px
}
.form-switch__icon {
max-width:45px;
max-height:45px
}
.form-switch__item {
flex-basis:auto;
margin-left:16px;
margin-bottom:0
}
.form-switch_vertical .form-switch__item {
flex:1 1 100%;
display:flex;
flex-direction:column
}
.form-switch__element {
padding:15px 23px;
height:100%
}
.form-switch_vertical .form-switch__icon {
max-width:70px;
max-height:70px
}
.form-switch_vertical .form-switch__label {
height:100%;
display:flex;
flex-direction:column
}
.form-switch_vertical .form-switch__element {
padding-left:5px;
padding-right:5px
}
.form-switch_black {
margin-left:-7px;
margin-right:-7px;
width:auto
}
.form-switch_black .form-switch__item {
flex-basis:19%;
max-width:19%;
margin:0;
padding-left:7px;
padding-right:7px
}
.form-switch_black .form-switch__item_1 {
flex-basis:24%;
max-width:24%
}
.form-switch_related .form-switch__item {
flex-basis:18%;
max-width:18%
}
.form-switch_related .form-switch__item_0 {
flex-basis:10%;
max-width:10%
}
.form-switch__label:hover .form-switch__element {
background-color:#be7838
}
.form_callback .form__footer {
width:265px
}
.form_short {
max-width:420px
}
.form_short .form__footer {
width:265px
}
.grid_t3 {
display:flex;
flex-wrap:wrap;
margin:0 -10px;
margin-top:-20px
}
.grid_t3 .grid__item {
flex:0 0 33.3333%;
max-width:33.3333%;
padding:0 10px;
margin-top:20px
}
.grid_ts {
display:block
}
.grid_ts .grid__item {
padding:0 10px
}
.grid_t1 {
margin-bottom:-10px
}
.grid_t1 .grid__item {
margin-bottom:10px
}
.grid_tline {
margin-bottom:-45px
}
.grid_tline .grid__item {
margin-bottom:45px
}
.grid_t2 {
display:flex;
flex-wrap:wrap;
margin:0 -10px;
margin-bottom:-10px
}
.grid_t2 .grid__item {
flex:0 0 50%;
max-width:50%;
padding:0 10px;
margin-bottom:70px
}
.grid_reviews .grid__item {
margin-bottom:25px
}
.grid_t4 {
display:flex;
flex-wrap:wrap;
margin:0 -10px
}
.grid_t4 .grid__item {
flex:0 0 25%;
max-width:25%;
padding:0 10px
}
.grid_t5 {
display:flex;
flex-wrap:wrap;
margin:0 -10px
}
.grid_t5 .grid__item {
flex:0 0 20%;
max-width:25%;
padding:0 10px
}
.grid_service {
display:flex;
flex-wrap:wrap;
margin:0 -15px
}
.grid_service .grid__item {
padding:0 15px;
flex:0 0 33.3333%;
max-width:33.3333%;
margin-bottom:30px;
display:flex;
flex-direction:column
}
/* .grid_service .grid__item_3, */
/* .grid_service .grid__item_4 { */
/* flex-basis:50%; */
/* max-width:50% */
/* } */
.grid_project .grid__item {
padding:0 30px
}
.grid_product .grid__item {
margin-bottom:20px
}
.grid_promo .grid__item_0 {
flex-basis:29%;
max-width:29%
}
.grid_promo .grid__item_1 {
flex-basis:25%;
max-width:25%
}
.grid_promo .grid__item_2 {
flex-basis:27%;
max-width:27%
}
.grid_promo .grid__item_3 {
flex-basis:19%;
max-width:19%;
padding-right:0
}
/* .header { */
/* padding-top:55px */
/* } */
.header__close {
display:none
}
/* .header__header { */
/* position:fixed; */
/* top:0; */
/* z-index:1; */
/* left:0; */
/* right:0; */
/* padding:0 */
/* } */
/* .header__header .header__container { */
/* display:flex; */
/* justify-content:space-between; */
/* align-items:center; */
/* height:55px */
/* } */
.header__content {
padding-top:48px;
padding-bottom:26px
}
.header__content .header__container {
display:flex;
justify-content:space-between;
align-items:center
}
.header__address {
text-align:right
}
.header__burger {
display:none
}
.header__menu {
position:relative;
transform:none;
width:auto;
padding:0;
overflow:visible;
background:none
}
.header__info {
position:relative;
top:-18px
}
.header__slogan {
display:none
}
.heading_home {
font-size:2.8125rem;
font-weight:400;
font-family:BankGothic RUSS;
line-height:1;
letter-spacing:.125em
}
.heading_h1 {
font-size:3rem
}
.heading_h2,
.heading_h4 {
font-size:2.5rem
}
.hero {
padding-top:275px;
padding-bottom:100px
}
.hero__media {
left:0;
top:0
}
.hero_inner {
padding-top:0;
padding-bottom:0;
padding-right:40%;
background:none;
min-height:485px;
padding-top:50px
}
.hero_home .hero__header {
display:flex
}
.hero_rent {
padding-right:38%
}
.hero_inner .hero__media {
position:absolute;
width:40%;
right:-30px;
left:auto;
z-index:2;
top:16px;
background:none;
transform:none
}
.hero_rent .hero__media {
width:587px;
height:515px;
top:-12px;
right:-68px
}
.hero__footer {
margin:0 auto;
display:flex;
flex-direction:column;
width:335px
}
.hero__content {
margin-bottom:77px
}
.hero__header {
margin-bottom:60px;
justify-content:space-between
}
.hero__header:after,
.hero__header:before {
content:"";
height:4px;
background-color:#fff;
display:block;
flex:0 0 19%
}
.hero__header-inner {
flex:0 0 62%;
text-align:center;
padding:0 10px
}
.hero__list {
display:flex
}
.hero__item {
flex:0 0 33.3333%;
margin-bottom:0
}
.hero_inner .hero__text {
font-size:2.1875rem;
margin-bottom:49px
}
.hero_inner .hero__heading {
margin-bottom:38px
}
.hero_sell .hero__heading {
margin-bottom:13px
}
.hero_sell .hero__text {
margin-bottom:52px
}
.hero_coffee .hero__button,
.hero_rent .hero__button,
.hero_sell .hero__button {
display:flex;
flex-direction:column
}
.hero__gift {
margin-bottom:66px
}
.hero_sell .hero__media {
width:587px;
height:515px;
right:-75px;
top:0
}
.hero_sell .hero__content {
margin-bottom:53px
}
.hero_coffee {
padding-top:20px;
margin-bottom:65px
}
.hero_coffee .hero__heading {
margin-bottom:10px
}
.hero_coffee .hero__text {
font-size:1.5625rem;
margin-bottom:35px;
max-width:80%
}
.hero_coffee .hero__text_gradient {
font-size:2.1875rem;
margin-bottom:45px
}
.hero_coffee .hero__media {
width:585px;
height:423px;
right:10px
}
.hero_coffee .hero__content {
margin-bottom:0
}
.hero_related {
padding-top:72px;
min-height:535px
}
.hero_related .hero__heading {
margin-bottom:29px
}
.hero_related .hero__media {
width:564px;
height:488px;
right:-36px;
top:9px
}
.hero_service {
padding-top:70px;
padding-right:25%;
min-height:325px
}
.hero_service .hero__button {
display:flex;
max-width:none
}
.hero_service .hero__order {
min-width:380px;
margin-right:40px
}
.hero_service .hero__price {
min-width:235px;
margin-top:0
}
.hero_service .hero__media {
right:-73px;
top:33px
}
.hero_ingr {
padding-top:72px;
min-height:535px
}
.hero_ingr .hero__heading {
margin-bottom:29px
}
.hero_ingr .hero__media {
width: 615px;
height: 372px;
right: -12px;
top: 43px;
}
.list__ol .list__item {
padding-left:3.42em;
margin-bottom:10px
}
.list__ol .list__item:before {
font-size:1.42
}
.list__ul .list__item {
margin-bottom:.5em
}
.list__ul .list__item:before {
top:.5em
}
.list_spacing .list__item {
margin-bottom:1em
}
.map {
height:590px
}
.menu {
display:flex;
align-items:center
}
.menu__text {
display:none
}
.menu__icon_arrowdown,
.menu__icon_home {
display:block
}
.menu__icon_chevron {
display:none
}
.menu__submenu {
opacity:0;
visibility:hidden;
position:absolute;
top:100%;
background-color:#fff;
border-radius:3px;
box-shadow:0 4px 4px rgba(0,0,0,.25);
color:#000;
width:323px;
left:0;
transition:opacity .4s
}
.menu__link {
display:flex;
font-size:.8125rem;
letter-spacing:-.04em;
font-weight:400;
font-family:BankGothic RUSS;
margin-right:41px;
position:relative
}
.menu__link_line:before {
content:"";
display:block;
position:absolute;
top:100%;
left:0;
right:0;
height:1px;
background-color:#fff;
transform:scale(0);
transform-origin:50% 50%;
transition:transform .4s
}
.menu__link_line:hover:before {
transform:scale(1)
}
.menu__item {
position:relative;
margin-bottom:0
}
.menu__link_home {
margin-right:12px
}
.menu__icon_home {
width:20px;
height:20px
}
.menu__icon_arrowdown {
margin-left:3px;
top:4px;
position:relative
}
.menu__item:hover .menu__submenu {
display:block;
opacity:1;
visibility:visible
}
.menu_submenu {
display:block
}
.menu_submenu .menu__link {
font-family:Play;
display:block;
padding:10px 21px;
font-size:1rem;
width:100%;
margin-right:0;
transition:background .4s
}
.menu_submenu .menu__link:hover {
background-color:rgba(247,169,61,.39)
}
.page_page {
background:none
}
.page_home {
background-image:none
}
.payment__media {
flex-direction:row
}
.payment__el {
margin-right:50px
}
.phone {
align-items:flex-end
}
.phone__callback {
color:#fff;
color:#f7a93d
}
.phone_contacts {
align-items:flex-start
}
.popup_review {
width:500px
}
.price__item {
font-size:1.625rem;
padding:20px 40px
}
.project-item__customer-media {
flex-basis:80px
}
.rating__icon {
height:20px;
width:20px
}
.rent {
padding:68px 58px;
padding-bottom:56px;
position:relative;
margin-top:157px;
background:url(../images/page-rent/been-1.png) 0 100% no-repeat,url(../images/page-rent/been-2.png) 50% 0 no-repeat,url(../images/page-rent/been-3.png) 95% 100% no-repeat;
background-color:#c0965c
}
.rent__title {
margin-bottom:15px
}
.rent__text {
font-size:1.4375rem;
line-height:2.17
}
.rent__media {
position:absolute;
right:0;
bottom:10px;
width:311px;
height:auto
}
.review-item {
min-height:100%;
padding:30px 26px
}
.review-item__name {
font-size:1rem;
font-weight:500
}
.review-item__text {
-webkit-line-clamp:5;
line-clamp:5;
max-height:109.9px;
margin-bottom:0
}
.review-item__text_full {
-webkit-line-clamp:0;
line-clamp:0;
max-height:none
}
.review-item__source {
margin-top:38px
}
.review-item__more {
margin-top:10px
}
.review-item__more+.review-item__source {
margin-top:8px
}
.review-item_full {
padding:0;
background:none
}
.section_hero {
margin-top:-217px
}
.section_promo,
.section_promoinner {
padding-top:56px;
padding-bottom:44px;
margin-bottom:120px
}
.section_promoinner {
background:none;
padding-bottom:0;
margin-bottom:0;
padding-top:80px
}
.section_promoinner .section__header {
margin-bottom:60px
}
.section_reviews .section__footer {
width:290px;
margin:0 auto;
display:flex;
flex-direction:column
}
.section__contacts {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:2
}
.section_stock {
margin-bottom:120px
}
.section__map,
.section_map {
position:relative
}
.section__map {
z-index:1
}
.section__contacts,
.section_map,
.section_map .section__container {
pointer-events:none
}
.section__map {
pointer-events:auto
}
.section_stock {
overflow:hidden;
margin-bottom:60px;
-webkit-overflow-scrolling:touch
}
.section__contacts {
display:flex
}
.section__contacts .section__container {
display:flex;
align-items:center;
justify-content:flex-start;
width:100%
}
.section_service {
margin-bottom:90px
}
.section_service .section__header {
text-align:center;
margin-bottom:13px
}
.section_service .section__text {
display:block;
font-size:1.1875rem;
line-height:1.34;
margin-bottom:70px
}
.section_projects .section__header {
margin-bottom:22px;
text-align:center
}
.section_projects {
padding-bottom:90px
}
.section_reviews .section__header {
text-align:center;
margin-bottom:21px
}
.section__buttons {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:17px
}
.section_reviews {
margin-bottom:155px
}
.section_reviews .section__content {
margin-bottom:10px
}
.section__add {
min-width:322px
}
.section__more {
min-width:263px
}
.section_callback {
padding-bottom:30px;
min-height:460px
}
.section_callback .section__header {
margin-bottom:51px
}
.section_reviews .section__list {
margin-left:0;
margin-right:0
}
.section_callbackrent {
background-color:#282828
}
.section_callbackinner,
.section_callbackrent {
margin-top:110px;
padding-top:94px;
margin-bottom:120px
}
.section__contacts .section__container {
padding-left:24px;
padding-right:24px
}
.section_heroinner {
margin-top:-60px;
padding-top:30px
}
.section_reviews .section__buttons {
flex-direction:row
}
.section_reviews .section__more {
margin-top:0
}
.section_rent {
margin-bottom:115px
}
.section_sellblocks {
margin-bottom:100px;
margin-top:55px
}
.section_coffeeabout {
margin-bottom:85px;
margin-top: 85px;
}
.section_coffeeabout .section__col {
font-size:1.1875rem;
line-height:1.21;
flex-basis:50%
}
.section_coffeeabout .section__col p {
margin:1.1em 0
}
.section_coffeeabout .section__col_first {
padding-right:10px
}
.section__grid {
margin-bottom:0
}
.section_coffeeabout .section__grid {
margin-top:45px
}
.section_coffeeabout .section__header {
margin-bottom:25px
}
.section_callbacquestions {
margin-top:153px
}
.section_types {
margin-bottom:150px
}
.section_brand .section__header,
.section_types .section__header {
margin-bottom:30px
}
.section_promoservice {
margin-top:-25px;
margin-bottom:50px
}
.section_brand {
margin-bottom:105px
}
.section_brand .section__header {
margin-bottom:45px
}
.section_price {
margin-bottom:105px
}
.section_breadcrumbs {
margin-top:0;
margin-bottom:20px
}
.section_title--ord { margin-top: 0; }
.service-item {
min-height:100%
}
.service-item__list {
padding-right:0
}
.service-item__inner {
padding:26px 24px
}
.service-item__title {
font-size:1.5rem;
margin-bottom:3px
}
.service-item__subtitle {
font-size:1.1875rem
}
.service-item__media {
width:150px
}
.service-item__media_service-coffee {
right:10px;
bottom:10px
}
.service-item__media_service-related {
bottom:0;
right:5px
}
.service-item__media_service-repair {
width:190px;
margin-right:0;
right:-20px
}
.service-item__badge {
right:85px;
left:85px;
width:auto;
font-size:.75rem;
line-height:1.11;
padding:7px
}
.social-list__header {
font-family:BankGothic RUSS
}
.stock-item {
padding:42px 96px;
background:url(../images/page-index/review-been.png) 0 100% no-repeat,url(../images/page-index/review-coffee.png) 100% 0 no-repeat;
background-color:#191919
}
.stock-item__date {
font-size:1.25rem;
margin-bottom:42px
}
.stock-item__text {
font-size:1.75rem;
line-height:1.79
}
.stock-item_page {
padding:22px 26px
}
.stock-item_page .stock-item__date {
margin-bottom:20px
}
.success {
width:420px
}
.text-icon__icon {
max-width:40px;
max-height:40px
}
.text-icon__title {
font-size:1rem;
font-weight:300
}
.text-icon_vertical {
max-width:240px
}
.text-icon_centered {
display:block;
text-align:center
}
.text-icon_centered .text-icon__media {
flex-basis:auto;
margin-bottom:13px
}
.text-icon_centered .text-icon__icon {
max-height:85px;
max-width:85px
}
.text-icon_centered .text-icon__title {
padding:0;
font-size:1.3125rem;
line-height:1.43;
font-weight:700
}
.text-icon_centered .text-icon__text {
line-height:1.87
}
.text-icon_vertical {
display:block
}
.text-icon_vertical .text-icon__media {
flex-basis:auto;
margin-bottom:6px;
height:62px
}
.text-icon_vertical .text-icon__icon {
max-height:62px;
max-width:62px
}
.text-icon_vertical .text-icon__title {
padding:0;
font-size:.9375rem;
line-height:1.5
}
.text-icon_medium .text-icon__media {
flex-basis:75px
}
.text-icon_medium .text-icon__title {
font-size:1.3125rem
}
.text-icon_service .text-icon__title {
font-size:1.3125rem;
font-weight:400
}
.text-icon_gift .text-icon__media {
flex-basis:54px
}
.text-icon_gift .text-icon__icon {
max-width:52px;
max-height:52px
}
.text-icon_gift .text-icon__title {
font-size:1.3125rem
}
}
/* @media only screen and (min-width:992px) and (min-width:1200px) { */
@media only screen and (min-width:1200px) {
.menu__link {
font-size:.9375rem
}
}
@media only screen and (min-width:1200px) {
.js-stock .slick-dots {
top:-50px;
text-align:center
}
.breadcrumbs {
font-size:1rem
}
.container {
max-width:1170px
}
.price__price {
padding-right:65px
}
.promo-list {
display:flex;
flex-wrap:wrap;
margin-right:-20px;
margin-top:-108px
}
.promo-list__item {
flex:0 0 56%;
max-width:56%;
padding-right:10px;
margin-top:108px
}
.promo-list__item_0 {
margin-top:108px
}
.promo-list__item_1,
.promo-list__item_3 {
flex-basis:44%;
max-width:44%
}
.promo-list_orange {
display:flex
}
.promo-list_orange .promo-list__item {
flex:33.3333% 0;
max-width:33.3333%
}
.stock-item__text {
max-width:50%
}
}
@media only screen and (max-width:992px) {
.grid_m1 {
margin-bottom:-30px
}
.grid_m1 .grid__item {
margin-bottom:30px
}
.grid_ms .grid__item {
padding:0 10px
}
.grid_m2 {
display:flex;
flex-wrap:wrap;
margin:0 -10px;
margin-bottom:-7px
}
.grid_m2 .grid__item {
flex:0 0 50%;
padding:0 10px;
margin-bottom:7px
}
.grid_product .grid__item {
margin-bottom:20px
}
.grid_service .grid__item {
margin-bottom:38px
}
/* .grid_reviews .grid__item { */
/* display:none */
/* } */
/* .grid_reviews .grid__item_0 { */
/* display:block */
/* } */
.phone__callback {
padding:13px 10px;
text-align:center;
font-size:1.0625rem;
font-weight:700;
border-radius:10px;
border:3px solid #be7838;
text-decoration:none;
cursor:pointer;
background:none;
color:#fff;
transition-duration:.4s;
transition-property:color,background,border;
margin-top:20px
}
.phone__callback:hover {
background-color:#be7838
}
.service-item_active:before {
transform:translate(-10px,10px);
opacity:1
}
.service-item_active:after {
transform:translate(10px,-10px);
opacity:1
}
.service-item_active {
box-shadow:0 4px 10px rgba(0,0,0,.25)
}
}
@media only screen and (max-height:576px) {
.fancybox-container .fancybox-slide {
padding-left:19px;
padding-right:19px
}
.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))
}
}
}
@media only screen and (max-width:576px) {
.fancybox-thumbs {
width:110px
}
.fancybox-show-thumbs .fancybox-inner {
right:110px
}
.fancybox-thumbs__list a {
max-width:calc(100% - 10px)
}
}
@media only screen and (-ms-high-contrast:none) {
.form-select_compact,
.form-select_compact .form-select__select {
height:74px
}
}