.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Rubik&display=swap');
@font-face {
font-family: Rota;
font-weight: 300;
src: url(/assets/front/fonts/Rota-Light.otf);
}
@font-face {
font-family: Rota;
font-weight: 400;
src: url(/assets/front/fonts/Rota-Regular.otf);
}
@font-face {
font-family: Rota;
font-weight: 500;
src: url(/assets/front/fonts/Rota-Medium.otf);
}
@font-face {
font-family: Rota;
font-weight: 700;
src: url(/assets/front/fonts/Rota-Bold.otf);
}
body {
margin: 0;
overflow-x: hidden;
font-family: 'DM Sans', sans-serif;
}
html {
scroll-behavior: smooth;
--bm-darkblue: #2156B9;
--bm-blue: #3367CD;
--white: #ffffff;
}
a {
color: inherit;
outline: none;
text-decoration: none;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
* {
box-sizing: border-box;
}
.container {
max-width: 1120px;
width: calc(100% - 80px);
margin: 0 auto;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
/* Header start */
.header_top_part {
height: 41px;
width: 100%;
background: var(--bm-darkblue);
}
.header_top_part .container {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header_middle_part {
height: 99px;
background: var(--bm-blue);
}
.header_middle_part .container {
height: 100%;
display: flex;
align-items: center;
}
.header_lower_part {
height: 90px;
background: var(--white);
border-bottom: 1px solid #E1E5EA;
}
.header_lower_part .container {
height: 100%;
display: flex;
}
.filterOpt.sidebar {
max-height: fit-content;
max-width: 100%;
background-color: transparent;
box-shadow: none;
position: relative;
margin-top: 0;
border: 0;
padding: 0;
padding-bottom: 0px;
}
.filterOpt.sidebar select {
background-color: transparent;
border: 1px solid #2156B9;
border-radius: 10px;
padding: 0.5rem 1rem 0.5rem 1rem;
}
.filterOpt.sidebar:last-of-type {
padding-bottom: 2rem;
}
.header_top_part a {
font-size: 14px;
line-height: 18px;
color: var(--white);
}
.header_top_part a:hover {
text-decoration: underline;
}
.header_tp_l a, .header_tp_r {
display: flex;
align-items: center;
}
.header_tp_l a {
gap: 10px;
}
.header_tp_r {
gap: 30px;
}
.header_logo {
font-size: 50px;
line-height: 72px;
font-weight: 300;
font-family: 'Rota';
color: var(--white);
}
.header_logo span {
font-weight: 700;
}
.header_search_box {
width: 33.0625rem;
height: 50px;
margin-left: 100px;
position: relative;
}
.header_search_box input {
width: 100%;
height: 100%;
border: none;
border-radius: 5px;
background: var(--white);
padding: 20px 50px 20px 15px;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 500;
outline: none;
font-family: 'DM Sans', sans-serif;
color: #2D4046;
}
.header_search_box input::placeholder {
font-size: 16px;
font-weight: 500;
font-family: 'DM Sans', sans-serif;
color: #2D4046;
}
.header_search_box img {
position: absolute;
top: 50%;
right: 5px;
padding: 13px;
transform: translateY(-50%);
filter: brightness(0) saturate(100%) invert(33%) sepia(11%) saturate(7361%) hue-rotate(204deg) brightness(92%) contrast(89%);
cursor: pointer;
}
.header_language_box {
width: 117px;
height: 50px;
background: none;
border: 1.5px solid white;
border-width: 0.0938rem;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-left: auto;
cursor: pointer;
}
.header_language_box span {
color: var(--white);
}
.header_language_box > img {
filter: invert(1);
width: auto;
height: 15px;
}
.header_navigation {
display: flex;
align-items: center;
width: 100%;
}
.header_navigation ul {
display: flex;
align-items: center;
gap: 50px;
height: 100%;
}
.header_navigation a {
font-size: 18px;
line-height: 24px;
color: #2D4046;
}
.header_navigation a:hover {
color: var(--bm-blue);
}
.header_cart_wrap {
display: flex;
align-items: center;
gap: 10px;
margin-left: auto;
height: 40px;
width: 155px;
margin: auto 0 auto auto;
}
.header_cart_wrap .header_cart_icon {
position: relative;
transition: all 0.3s ease;
}
.header_cart_wrap:hover .header_cart_icon {
transform: rotate(5deg);
}
.header_cart_wrap .header_cart_icon span {
position: absolute;
top: -12px;
left: -7px;
width: auto;
color: var(--white);
background: var(--bm-blue);
font-size: 11px;
font-family: 'Rubik';
line-height: 13px;
padding: 2px;
border-radius: 5px;
border: 2px solid white;
}
.header_lower_part .header_katalogs, .header_mobile_katalogs {
height: 50px;
width: 100%;
max-width: 262px;
background: var(--bm-blue);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 21px;
color: var(--white);
margin-right: 50px;
position: relative;
padding-left: 20px;
transition: ease-in-out 0.18s;
}
.header_lower_part .header_katalogs:hover, .header_mobile_katalogs:hover {
background: var(--bm-darkblue);
color: var(--white);
}
.header_wrapper {
position: relative;
}
/* Header end */
.home_banner_block {
height: 29.125rem;
position: relative;
background-size: cover !important;
overflow: hidden;
}
.home_banner_block .container {
height: 100%;
display: flex;
align-items: center;
}
.home_banner_block h2 {
font-size: 43px;
line-height: 56px;
color: var(--white);
padding: 69px 0 64px 0;
margin: 0;
max-width: 445px;
z-index: 10;
position: relative;
left: -600px;
opacity: 0;
}
.home_search_box {
width: 100%;
height: 70px;
border-radius: 5px;
background: var(--white);
padding: 0 30px;
display: flex;
align-items: center;
gap: 30px;
z-index: 10;
position: relative;
opacity: 0;
bottom: -100px;
}
.home_search_box input {
width: 100%;
height: 100%;
border: none;
outline: none;
font-size: 16px;
line-height: 21px;
color: #2D4046;
font-family: 'DM Sans';
}
.home_search_box input::placeholder {
color: #2D4046;
font-family: 'DM Sans';
}
.home_el_w {
position: absolute;
left: 50%;
transform: translateX(-50%);
height: 100%;
width: 100%;
max-width: 1920px;
}
.home_el_w > div {
position: relative;
height: 100%;
}
.home_banner_block_element1 {
position: absolute;
top: 350px;
right: -408px;
background: var(--bm-blue);
width: 1600px;
height: 900px;
z-index: 2;
clip-path: polygon(0 10000%, 100% 0, 100% 100%, 0% 100%);
}
.home_banner_block_element11 {
position: absolute;
top: -50px;
right: -3406px;
background: var(--bm-blue);
width: 3000px;
height: 500px;
z-index: 2;
}
.home_banner_block_element2 {
position: absolute;
top: 0;
left: -925px;
background: #17242F;
opacity: 0.79;
width: 1138px;
height: 900px;
z-index: 0;
clip-path: polygon(0 0, 64% 0, 100% 100%, 0% 100%);
}
.home_banner_block_element22 {
position: absolute;
top: -100px;
left: -2063px;
background: #17242F;
opacity: 0.79;
width: 1138px;
height: 500px;
z-index: 0;
}
.home_modela_izvele {
min-height: 120px;
display: flex;
align-items: center;
padding: 18px 0;
}
.home_modela_izvele .container {
height: 100%;
display: flex;
align-items: center;
gap: 30px;
flex-wrap: wrap;
}
.home_modeli {
background: #F3F5F8;
min-height: 344px;
}
.home_modeli .container {
height: 100%;
}
.home_modela_box_wrap {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.home_modela_box {
width: 60px;
height: 60px;
border-radius: 5px;
background: #F3F5F8;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
font-weight: 500;
line-height: 29px;
color: rgba(51, 51, 51, 0.5);
transition: ease-in-out 0.18s;
cursor: pointer;
}
.home_modela_box:hover {
background: #3367CD;
color: white;
}
.home_modela_box.home_mb_active {
background: #3367CD;
color: white;
opacity: 1;
}
.home_modela_izvele_title {
font-size: 18px;
line-height: 24px;
color: #2D4046;
margin: 0;
}
.home_modeli_item_wrap {
height: 100%;
padding: 30px 0;
display: flex;
gap: 0 30px;
flex-wrap: wrap;
}
.home_modeli_item_wrap > div {
display: flex;
flex-direction: column;
width: 270px;
}
.home_modela_item_box {
padding: 0px 5px 10px 5px;
border-bottom: 1px solid #E3E3E3;
width: auto;
position: relative;
display: flex;
align-items: center;
}
.home_modela_item_box::after {
content: url(images/chevron-down.svg);
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%) rotate(270deg);
width: 12px;
transition: all 0.3s ease;
}
.flexButton {
display: flex;
justify-content: center;
align-items: center;
column-gap: 10px;
}
.grid-sizer,
.grid-item {
width: 33.333%;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px;
}
.grid-item {
float: left;
}
.grid-item img {
display: block;
max-width: 100%;
width: 100%;
}
.grid-item img {
cursor: pointer;
transition: ease-in-out 0.18s;
}
.grid-item--width2 {
width: 66.666%;
}
.grid-item:hover img {
opacity: 0.8;
}
.home_galerija_block {
padding: 50px 0;
}
.gray_line {
width: 100%;
height: 1px;
background: #F3F5F8;
}
.home_pedejie_top_bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.home_pedejie_title {
font-size: 24px;
line-height: 31px;
color: #333333;
margin: 30px 0;
}
.home_pedejie_skatit {
display: flex;
align-items: center;
gap: 24px;
font-size: 16px;
line-height: 21px;
color: #333333;
}
.home_pedejie_skatit img {
transition: all 0.2s ease;
}
.home_pedejie_skatit:hover img {
transform: translateX(0.3125rem);
}
.home_pedejie_pievienotie .carousel__dots, .home_pedejie_pievienotie .carousel__nav {
display: none;
}
.produkta_box {
border: 1px solid #E1E7F0;
border-radius: 3px;
padding: 13px;
position: relative;
margin-right: 20px;
max-width: 265px !important;
min-width: 240px;
}
.produkta_title {
font-size: 18px;
line-height: 24px;
color: #333333;
font-weight: 500;
margin: 6px 0 8px 0;
}
.produkta_kods {
font-size: 14px;
line-height: 18px;
color: #696969;
margin: 8px 0 5px 0;
}
.produkta_cena {
font-size: 24px;
line-height: 31px;
color: #3A5ABC;
font-weight: 500;
margin: 5px 0 16px 0;
}
.produkta_cart_btn {
height: 42px;
width: 100%;
background: #2BBA57;
border: 1px solid #9FEAB6;
border-radius: 3px;
font-size: 14px;
line-height: 18px;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
transition: ease-in-out 0.18s;
}
.produkta_cart_btn:hover {
background: #259b48;
border: 1px solid #259b48;
}
.produkta_img_part {
display: flex;
align-items: center;
justify-content: center;
padding: 34px 0 22px;
}
.produkta_info_box {
position: absolute;
top: 13px;
left: 13px;
background: #333333;
border-radius: 3px;
font-size: 14px;
font-weight: 500;
line-height: 18px;
color: var(--white);
height: 45px;
padding: 0 10px;
display: flex;
align-items: center;
}
.home_pedejie_pievienotie {
padding-bottom: 50px;
}
.footer_logo_wrap {
font-size: 50px;
line-height: 72px;
font-weight: 300;
font-family: 'Rota';
color: var(--white);
}
.footer_logo_wrap span {
font-weight: 700;
}
.footer_wrap {
background: #222836;
}
.footer_wrap .container {
display: flex;
flex-direction: column;
}
.footer_top_part {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 108px;
gap: 30px;
flex-wrap: wrap;
padding: 20px 0;
}
.footer_middle_part {
display: flex;
justify-content: space-between;
padding: 28px 0 34px 0;
}
.footer_lower_part {
display: flex;
align-items: center;
justify-content: space-between;
height: 80px;
}
.footer_follow_block {
display: flex;
align-items: center;
gap: 18px;
}
.footer_follow_block > p {
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: var(--white);
margin: 0;
}
.footer_follow_block > div {
display: flex;
align-items: center;
gap: 20px;
}
.footer_follow_block div a {
display: flex;
transition: ease-in-out 0.18s;
}
.footer_follow_block a:hover {
transform: scale(1.1);
}
.footer_darba_laiks p {
margin: 0;
color: var(--white);
}
.footer_darba_laiks > p {
display: flex;
align-items: center;
gap: 15px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: var(--white)
}
.footer_darba_laiks > div {
padding: 22px 0 20px 35px;
display: flex;
flex-direction: column;
gap: 8px;
}
.footer_darba_laiks > a {
font-size: 16px;
line-height: 21px;
text-decoration: underline;
padding-left: 35px;
color: var(--white);
display: flex;
gap: 16px;
align-items: center;
}
.footer_darba_laiks > a > img {
filter: brightness(0) saturate(100%) invert(1);
}
.footer_navigation > p {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: var(--white);
margin: 0 0 22px 0;
}
.footer_navigation ul {
display: flex;
flex-direction: column;
gap: 14px;
}
.footer_navigation a {
font-size: 16px;
line-height: 21px;
color: var(--white);
}
.footer_search > p {
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: var(--white);
margin: 0 0 22px 0;
}
.footer_search_box {
background: var(--white);
border-radius: 5px;
display: flex;
justify-content: space-between;
padding: 6px 6px 6px 12px;
width: 360px;
}
.footer_search_input {
border: none;
background: none;
font-size: 16px;
line-height: 21px;
color: #333333;
outline: none;
}
.footer_search_btn {
background: var(--bm-blue);
border-radius: 5px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 21px;
color: var(--white);
padding: 8px 20px;
transition: ease-in-out 0.18s;
}
.footer_search_btn:hover {
background: var(--bm-darkblue);
}
.footer_lower_part p {
font-size: 16px;
line-height: 21px;
color: var(--white);
}
.footer_line {
width: 100%;
height: 1px;
background: white;
opacity: 0.2;
}
.kontakti_map_wrap {
height: 400px;
position: relative;
}
.map_waze, .map_google {
position: absolute;
bottom: 20px;
background: var(--white);
border: 1px solid #E8E8E8;
border-radius: 3px;
width: 145px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: ease-in-out 0.18s;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #E8E8E8;
border-radius: 3px;
box-shadow: unset;
}
.map_waze:hover, .map_google:hover {
box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px;
}
.map_waze {
left: 0;
padding-top: 5px;
}
.map_google {
left: 165px;
}
.kontakti_wrapper {
padding: 30px 0;
}
.kontakti_wrapper .container {
display: flex;
gap: 20px;
}
.kontakti_left {
width: 100%;
max-width: 400px;
}
.kontakti_right {
padding-top: 51px;
width: 100%;
}
.kontakti_forma form {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 400px;
}
.kontakti_forma > p {
font-size: 24px;
line-height: 31px;
color: #2C3234;
margin: 0 0 20px 0;
}
.kontakti_forma form input {
border: 1px solid #CFD3D6;
border-radius: 5px;
background: none;
height: 50px;
padding: 10px 20px;
outline: none;
font-size: 16px;
line-height: 21px;
color: #2C3234;
font-family: 'DM Sans';
}
.kontakti_forma form textarea {
border: 1px solid #CFD3D6;
border-radius: 5px;
background: none;
height: 175px;
padding: 16px 20px;
outline: none;
font-size: 16px;
line-height: 21px;
color: #2C3234;
font-family: 'DM Sans';
min-width: 100px;
max-width: 400px;
min-height: 55px;
max-height: 600px;
}
.kontakti_forma form input::placeholder, .kontakti_forma form textarea::placeholder {
font-family: 'DM Sans';
font-weight: 400;
color: #A0A0A0;
}
.kontakti_forma form input[type=submit] {
background: var(--bm-blue);
height: 50px;
border-radius: 5px;
border: none;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 21px;
color: var(--white);
font-weight: 700;
transition: ease-in-out 0.18s;
cursor: pointer;
}
.kontakti_forma form input[type=submit]:hover {
background: var(--bm-darkblue);
}
.custom_checkmark {
display: block;
position: relative;
padding-left: 28px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 16px;
line-height: 21px;
color: #2C3234;
}
.custom_checkmark input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 2px;
left: 0;
height: 18px;
width: 18px;
background-color: white;
border: 1px solid #CFD3D6;
border-radius: 5px;
}
.custom_checkmark:hover input ~ .checkmark {
background-color: #ccc;
}
.custom_checkmark input:checked ~ .checkmark {
background-color: var(--bm-blue);
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.custom_checkmark input:checked ~ .checkmark:after {
display: block;
}
.custom_checkmark .checkmark:after {
left: 6px;
top: 3px;
width: 3px;
height: 7px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.kontakti_line, .grozs_line {
width: 100%;
height: 1px;
background: #C8CED3;
}
.grozs_right .grozs_line {
display: none;
}
.kr_top {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 28px;
}
.kr_left, .kr_right {
background: #F7F8FA;
border-radius: 5px;
padding: 4px 30px 30px 30px;
}
.kr_left p, .kr_right p {
font-size: 16px;
line-height: 24px;
color: #696969;
margin: 8px 0 8px 0;
max-width: 260px;
}
.kr_left h6, .kr_right h6 {
font-size: 16px;
font-weight: 700;
line-height: 21px;
color: var(--bm-blue);
margin: 26px 0 16px 0;
}
.kr_lower p {
font-size: 16px;
line-height: 26px;
color: #2C3234;
max-width: 660px;
}
.kr_right .kontakti_line {
margin: 28px 0;
}
.kr_top a:hover {
text-decoration: underline;
}
.hamburger_icon {
display: flex;
flex-direction: column;
gap: 3px;
width: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
}
.hamburger_icon span {
width: 100%;
height: 2px;
border-radius: 1px;
background: var(--white);
}
.page_wrap {
margin: 30px 0 40px 0;
}
.page_wrap h3 {
font-size: 28px;
font-weight: 400;
line-height: 37px;
color: var(--bm-blue);
margin: 30px 0 20px 0;
}
.page_wrap p {
font-size: 16px;
line-height: 26px;
color: #2C3234;
margin: 20px 0 20px 0;
}
.page_wrap ul {
list-style: initial;
padding-left: 22px;
}
.page_wrap ul li {
font-size: 16px;
line-height: 26px;
color: #2C3234;
margin: 15px 0 15px 0;
}
ul.custom_marker {
list-style: none;
}
.custom_marker li {
position: relative;
}
.custom_marker li::before {
content: url(/assets/front/images/angle-small-down.svg);
position: absolute;
left: -16px;
top: 2px;
filter: brightness(0) saturate(100%) invert(25%) sepia(94%) saturate(1381%) hue-rotate(205deg) brightness(107%) contrast(82%);
}
.grozs_wrapper {
display: flex;
gap: 30px;
padding-bottom: 120px;
margin-top: 2.75rem;
}
.grozs_page_title {
font-size: 28px;
line-height: 37px;
color: var(--bm-blue);
margin: 36px 0 20px 0;
}
.grozs_right {
background: white;
padding: 1.5625rem 2.0625rem 1.625rem 1.75rem;
width: 300px;
height: fit-content;
border: 1px solid #C8CED3;
border-radius: 5px 5px 0px 0px;
flex-direction: column;
display: flex;
}
.grozs_return_btn {
align-self: center;
margin-top: 1.0625rem;
font-size: 0.875rem;
color: #2D4046;
cursor: pointer;
}
.summary_title {
font-size: 1.125rem;
font-weight: 700;
line-height: 26px;
color: #2C3234;
margin: 0 0 0 0;
text-align: center;
padding-bottom: 1.1875rem;
border-bottom: 1px #C8CED3 solid;
}
.grozs_summary_item {
display: flex;
justify-content: space-between;
gap: 15px;
}
.total .grozs_summary_item_name {
font-weight: bold;
}
.total .grozs_summary_item_price {
font-weight: bold;
}
.grozs_summary_item_name {
font-size: 16px;
line-height: 21px;
color: #2C3234;
margin: 0;
}
.grozs_summary_item_price {
font-size: 16px;
line-height: 21px;
color: var(--bm-blue);
margin: 0;
}
.grozs_proceed_btn {
background: var(--bm-blue);
border-radius: 3px;
width: 100%;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 21px;
color: var(--white);
margin: 20px 0 0 0;
transition: ease-in-out 0.18s;
background: #3367CD 0% 0% no-repeat padding-box;
border: 1px solid #2680D3;
border-radius: 3px;
}
.grozs_proceed_btn:hover {
background: var(--bm-darkblue);
}
.grozs_summary_item_wrap {
display: flex;
flex-direction: column;
gap: 10px;
margin: 20px 0;
margin-bottom: 0rem;
}
.grozs_sum_wrap {
display: flex;
justify-content: space-between;
margin: 20px 0 0 0;
}
.grozs_sum {
font-size: 20px;
font-weight: 700;
line-height: 26px;
color: var(--bm-blue);
margin: 0;
}
.grozs_item_top_row {
display: flex;
align-items: center;
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
height: 38px;
width: 790px;
}
.grozs_item_top_row p {
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 16px;
color: #2C3234;
}
.grozs_item_top_row .grozs_item_column_1 {
padding-left: 20px;
}
.grozs_item_row {
display: flex;
align-items: center;
position: relative;
border-top: 1px solid #E3E3E3;
height: 110px;
justify-content: space-between;
}
.grozs_item_delete {
position: relative;
height: 18px;
filter: invert(27%) sepia(58%) saturate(5249%) hue-rotate(348deg) brightness(90%) contrast(91%);
transition: ease-in-out 0.2s;
cursor: pointer;
}
.trashCont {
border: 1px solid #E4E7EC;
border-radius: 5px;
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0.8125rem 0.875rem 0.6875rem 0.75rem;
margin-right: 1.1875rem;
}
.grozs_item_delete:hover {
transform: scale(1.2);
}
.grozs_item_img {
height: 70px;
width: 70px;
border-radius: 3px;
border: 1px solid #F5F5F5;
}
.grozs_item_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.grozs_item_name {
font-size: 16px;
font-weight: 500;
line-height: 21px;
color: #2C3234;
margin: 0 0 10px 0;
}
.grozs_item_date {
font-size: 13px;
line-height: 17px;
color: #808080;
margin: 0;
}
.grozs_item_column_1 {
display: flex;
align-items: center;
gap: 20px;
padding-left: 0;
width: 440px;
}
.grozs_item_column_2 {
width: 140px;
text-align: center;
}
.logobmw img {
width: 2.4375rem;
height: 2.4375rem;
margin-top: 7px;
margin-right: 20px;
}
.grozs_item_column_3 {
width: 140px;
display: flex;
justify-content: center;
}
.grozs_item_column_4 {
width: 100px;
text-align: center;
}
.grozs_piegade_part {
background: #F0F3F7;
border-radius: 3px;
padding: 20px;
margin: 20px 0 20px 0;
}
.grozs_piegade_part > div {
display: flex;
align-items: center;
gap: 34px;
flex-wrap: wrap;
}
.grozs_piegade_part > p {
font-size: 22px;
line-height: 29px;
color: #2C3234;
margin: 0 0 20px 0;
}
.grozs_piegade_part select, .grozs_par_maksataju_wrap select {
/* styling */
background-color: white;
border: 1px solid #CED1D6;
border-radius: 3px;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;
/* reset */
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
}
select.minimal {
background-image: linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, white, white);
background-position: calc(100% - 20px) calc(1em + 5px),
calc(100% - 15px) calc(1em + 5px),
calc(100% - 2.5em) 0.5em;
background-size: 5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
cursor: pointer;
}
select.minimal:focus {
background-image: linear-gradient(45deg, gray 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, gray 50%),
linear-gradient(to right, white, white);
background-position: calc(100% - 15px) calc(1em + 5px),
calc(100% - 20px) calc(1em + 5px),
calc(100% - 2.5em) 0.5em;
background-size: 5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
outline: 0;
}
.grozs_piegade_part select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.grozs_piegade_part select {
width: 260px;
height: 50px;
}
.grozs_back_btn {
background: var(--bm-blue);
border-radius: 3px;
height: 50px;
width: 244px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
font-size: 16px;
font-weight: 500;
line-height: 21px;
color: var(--white);
transition: ease-in-out 0.18s;
}
.grozs_back_btn:hover {
background: var(--bm-darkblue);
}
.grozs_back_btn img {
filter: brightness(0) saturate(100%) invert(1);
transform: rotate(180deg);
height: 11px;
}
.grozs_quantity_wrap .input-text.qty, .rezerves_quantity_wrap .input-text.qty {
width: 53px;
height: 42px;
padding: 0 5px;
text-align: center;
background-color: transparent;
border: none;
outline: none;
}
.grozs_quantity_wrap.buttons_added, .rezerves_quantity_wrap.buttons_added {
text-align: left;
position: relative;
white-space: nowrap;
vertical-align: top;
display: flex;
height: 100%;
width: fit-content;
border: 1px solid #C5C7CB;
border-radius: 3px;
}
.grozs_quantity_wrap.buttons_added input, .rezerves_quantity_wrap.buttons_added input {
display: inline-block;
margin: 0;
vertical-align: top;
box-shadow: none;
font-size: 18px;
line-height: 14px;
font-weight: 500;
font-family: 'Rubik';
}
.grozs_quantity_wrap.buttons_added .minus,
.grozs_quantity_wrap.buttons_added .plus,
.rezerves_quantity_wrap.buttons_added .minus,
.rezerves_quantity_wrap.buttons_added .plus {
padding: 2px;
height: 100%;
width: 26px;
background-color: #e4e7ec;
border: none;
cursor: pointer;
position: relative;
}
.grozs_quantity_wrap.buttons_added .minus,
.rezerves_quantity_wrap.buttons_added .minus {
border-top: 1px solid #C5C7CB;
}
.grozs_quantity_wrap.buttons_added .minus:hover, .grozs_quantity_wrap.buttons_added .plus:hover,
.rezerves_quantity_wrap.buttons_added .minus:hover, .rezerves_quantity_wrap.buttons_added .plus:hover {
background: #eeeeee;
}
.grozs_quantity_wrap input::-webkit-outer-spin-button,
.grozs_quantity_wrap input::-webkit-inner-spin-button,
.rezerves_quantity_wrap input::-webkit-outer-spin-button,
.rezerves_quantity_wrap input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
}
.grozs_quantity_wrap.buttons_added .minus:focus, .grozs_quantity_wrap.buttons_added .plus:focus,
.rezerves_quantity_wrap.buttons_added .minus:focus, .rezerves_quantity_wrap.buttons_added .plus:focus {
outline: none;
}
.grozs_quantity_wrap > div,
.rezerves_quantity_wrap > div {
display: flex;
flex-direction: column;
}
.quantity_plus_wrap, .quantity_minus_wrap {
position: relative;
}
.quantity_plus_wrap img, .quantity_minus_wrap img {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
height: 9px;
pointer-events: none;
}
.quantity_plus_wrap img {
transform: translateX(-50%) translateY(-50%) rotate(270deg);
}
.quantity_minus_wrap img {
transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.grozs_par_maksataju_top_row .checkmark {
margin-right: 13rem;
top: 0.375rem;
}
.grozs_par_maksataju_top_row .check {
}
.grozs_par_maksataju_wrap {
padding-left: 3.125rem;
padding-right: 3.125rem;
}
.grozs_par_maksataju_wrap, .grozs_apmaksas_veids_wrap {
background: white;
border-radius: 5px;
border: 1px solid #C8CED3;
border-radius: 5px 5px 0px 0px;
width: 730px;
}
.grozs_par_maksataju_top_row, .grozs_apmaksas_veids_top_row {
padding: 2.75rem 0 0 0;
width: 100%;
display: flex;
justify-content: space-between;
align-items: baseline;
padding-left: 2rem;
}
.grozs_par_maksataju_top_row p, .grozs_apmaksas_veids_top_row p {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #2C3234;
margin: 0 0 20px 0;
}
.grozs_par_maksataju_form form {
display: flex;
flex-direction: column;
gap: 20px;
}
.grozs_par_maksataju_form {
padding: 1.875rem 0;
}
.paymentGrozs {
display: flex;
justify-content: space-between;
margin-top: 2.3125rem;
}
.paymentOptions .check {
margin-bottom: 1.375rem;
}
.paymentOptions {
display: flex;
flex-direction: column;
align-items: stretch;
width: 25.25rem;
}
.grozs_right.bottom {
border-radius: 0;
border-top: transparent;
padding: 1.5rem 2.5rem 1.9375rem 1.75rem;
}
.grozs_step2_item .toprow {
display: flex;
align-items: center;
justify-content: space-between;
}
.grozs_step2_item .toprow > div:last-of-type > p {
font-size: 0.875rem;
}
.grozs_step2_item img {
width: 1rem;
height: 1rem;
margin-left: 1.125rem;
cursor: pointer;
filter: invert(27%) sepia(58%) saturate(5249%) hue-rotate(348deg) brightness(90%) contrast(91%);
}
.grozs_step2_item .bottomrow {
font-size: 0.75rem;
color: #495764;
}
.grozs_step2_item .toprow div:first-of-type {
display: flex;
align-items: start;
}
.grozs_step2_item .toprow div {
display: flex;
align-items: center;
}
.grozs_step2_item .toprow > div:first-of-type > p {
text-wrap: nowrap;
max-width: 12rem;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.875rem;
line-height: 1.125rem;
margin: 0;
}
.grozs_wrapper form {
border-bottom: 1px solid #C8CED3;
padding-bottom: 2.25rem;
}
.grozs_wrapper .detalas_left_item p {
opacity: 1;
}
.detalas_left_item a {
text-decoration: underline;
}
.grozs_par_maksataju_row {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
}
.grozs_par_maksataju_row p {
font-size: 16px;
line-height: 21px;
color: #2C3234;
text-align: left;
width: fit-content;
margin: 0;
}
.grozs_par_maksataju_row input:not([type='checkbox']) {
background: white;
border: 1px solid #BDC1C4;
border-radius: 5px;
height: 50px;
width: 100%;
width: 26.625rem;
outline: none;
padding: 4px 8px 4px 10px;
}
.grozs_par_maksataju_wrap select {
height: 50px;
width: 100%;
max-width: 26.625rem;
border-radius: 5px;
}
.grozs_par_maksataju_wrap button[type=submit] {
background: var(--bm-blue);
border-radius: 5px;
border: none;
width: 100%;
max-width: 367px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 24px;
color: white;
cursor: pointer;
transition: ease-in-out 0.18s;
}
.grozs_par_maksataju_wrap button[type=submit]:hover {
background: var(--bm-darkblue);
}
.grozs_par_maksataju_form
.grozs_par_maksataju_row p.red {
width: fit-content;
color: #E0246C;
}
.grozs_par_maksataju_wrap button[type=submit] {
margin-left: 0px;
}
.jur_pers_row {
margin-left: 270px;
}
.jur_pers_row .checkmark {
border: 1px solid #BDC1C4;
}
.jur_pers_row label {
font-size: 16px;
line-height: 21px;
font-family: 'DM Sans';
color: #2C3234;
width: 100%;
max-width: 367px;
}
.grozs_par_maksataju_row > div:first-of-type {
display: none;
align-items: center;
}
.noflex {
flex-direction: column;
align-items: start;
}
.number_row > div:last-of-type {
display: flex;
align-items: center;
border: 1px solid #BDC1C4;
border-radius: 5px;
}
.number_row > div > div {
background: white;
color: rgba(44, 50, 52, 0.5);
height: 50px;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
border-radius: 5px 0 0 5px;
border-right: 1px solid #BDC1C4;
pointer-events: none;
user-select: none;
}
.number_row div input:not([type='checkbox']) {
border: none;
border-radius: 0 5px 5px 0;
width: 26.625rem;
}
.grozs_apmaksas_veids_lower_row {
padding: 30px 0;
border-top: 1px solid #C8CED3;
margin: 0 20px;
}
.grozs_apmaksas_veids_btn {
background: var(--bm-blue);
border-radius: 3px;
height: 50px;
width: 100%;
max-width: 430px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 500;
line-height: 21px;
color: var(--white);
margin: 30px auto 0 auto;
transition: ease-in-out 0.18s;
}
.grozs_apmaksas_veids_btn:hover {
background: var(--bm-darkblue);
}
.grozs_apmaksas_veids_lower_checkbox {
margin: 0 auto;
width: fit-content;
}
.grozs_apmaksas_veids_choice {
padding: 30px 0;
display: flex;
flex-direction: column;
gap: 20px;
padding-left: 220px;
}
.paymentOptions button[type="submit"] {
max-width: 100%;
margin-bottom: 1.75rem;
}
.paymentGrozs > div:first-of-type {
font-size: 1.125rem;
}
.check.privacy p {
font-size: 0.875rem;
color: #495764;
}
.apmaksas_veids .grozs_right {
background: none;
padding: 0;
}
.grozs_r_lower {
background: #F0F3F7;
padding: 20px;
border-radius: 0 0 5px 5px;
}
.grozs_r_upper {
border: 1px solid #C8CED3;
border-radius: 5px 5px 0 0;
border-width: 1px 1px 0 1px;
padding: 20px 20px 0 20px;
}
.grozs_right_item_row {
display: flex;
justify-content: space-between;
gap: 15px
}
.grozs_right_item_row p {
font-size: 14px;
line-height: 18px;
color: #2C3234;
margin: 0;
}
.grozs_right_item_wrap {
display: flex;
flex-direction: column;
gap: 15px;
padding: 20px 0;
}
.grozs_r_lower .grozs_summary_item_wrap {
margin: 0 0 20px 0;
}
.grozs_r_upper .summary_title {
color: var(--bm-blue);
}
.grozs_wrapper .grozs_apmaksas_veids_wrap {
width: 770px;
}
.grozs_wrapper .grozs_right {
width: 355px;
}
.breadcrumbs_wrap {
display: flex;
align-items: center;
gap: 20px;
min-height: 60px;
flex-wrap: wrap;
padding: 16px 0;
}
.breadcrumbs_previous_item {
display: flex;
align-items: center;
gap: 20px;
}
.breadcrumbs_previous_item p {
font-size: 16px;
line-height: 28px;
color: rgba(44, 50, 52, 0.3);
margin: 0;
}
.breadcrumbs_previous_item img {
filter: brightness(0) saturate(100%) invert(17%) sepia(4%) saturate(1097%) hue-rotate(149deg) brightness(100%) contrast(93%);
opacity: 0.3;
}
.breadcrumbs_current_item p {
font-size: 16px;
line-height: 28px;
color: #2C3234;
margin: 0;
}
.breadcrumbs_current_item img {
filter: brightness(0) saturate(100%) invert(17%) sepia(4%) saturate(1097%) hue-rotate(149deg) brightness(100%) contrast(93%);
}
.breadcrumbs_current_item {
display: flex;
align-items: center;
gap: 20px;
}
.detalas_wrap {
display: flex;
gap: 20px;
margin-bottom: 30px;
}
.detalas_left {
width: 364px;
height: 100%;
border-radius: 3px;
border: 1px solid #DCE0E6;
}
.detalas_right {
width: 736px;
}
.detalas_right_item_wrap {
display: flex;
flex-direction: column;
gap: 20px;
}
.detalas_left_top_bar {
height: 60px;
display: flex;
align-items: center;
gap: 15px;
padding-left: 20px;
border-bottom: 1px solid #DCE0E6;
position: relative;
}
.detalas_left_top_bar img {
height: 22px;
width: auto;
filter: invert(28%) sepia(81%) saturate(1204%) hue-rotate(199deg) brightness(104%) contrast(89%);
}
.detalas_left_top_bar p {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #2C3234;
margin: 0;
}
.detalas_left_item_wrap {
display: flex;
flex-direction: column;
gap: 9px;
padding: 20px 20px;
}
.detalas_left_item {
padding: 3px 0;
}
.detalas_left_item .checkmark {
left: initial;
right: 0;
}
.detalas_left_item p {
margin: 0;
opacity: 0.3;
transition: ease-in-out 0.18s;
}
.detalas_left_item:hover p {
opacity: 0.75;
}
.detalas_left_item input:checked ~ p {
opacity: 1;
}
.detalas_left_item.dli_active p {
opacity: 1;
}
.detalas_right_item {
padding: 10px;
display: flex;
gap: 20px;
border: 1px solid #DCE0E6;
border-radius: 3px;
position: relative;
}
.detalas_right_item_column_1 {
display: flex;
flex-direction: column;
gap: 12px;
}
.detalas_right_item_column_1 img {
border-radius: 3px;
width: 100%;
height: 100%;
max-height: 185px;
object-fit: cover;
}
.detalas_right_item_open_btn {
background: var(--bm-blue);
border-radius: 3px;
height: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 19px;
color: var(--white);
transition: ease-in-out 0.18s;
}
.detalas_right_item_open_btn:hover {
background: var(--bm-darkblue);
}
.detalas_right_item_column_2, .detalas_right_item_column_3 {
display: flex;
flex-direction: column;
gap: 5px;
}
.detalas_right_item_field p {
margin: 0;
line-height: 21px;
}
.detalas_right_item_field p:first-child {
font-weight: 500;
color: #2C3234;
}
.detalas_right_item_field p:last-child {
font-weight: 400;
color: #9A9A9A;
}
.detalas_right_item_field {
display: flex;
flex-direction: column;
gap: 3px;
}
.detalas_right_item_column_1 {
width: 240px
}
.detalas_right_item_column_2 {
width: 235px;
}
.detalas_right_item_column_3 {
width: 195px;
}
.detalas_pagination {
display: flex;
gap: 10px;
margin: 30px auto 0 auto;
width: fit-content;
}
.dpp_box {
border-radius: 5px;
border: 1px solid #DCE0E6;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #696969;
cursor: pointer;
transition: ease-in-out 0.18s;
}
.dpp_box_active {
background: var(--bm-blue);
color: var(--white);
font-weight: 500;
}
.detalas_pagination_previous img {
transform: rotate(180deg);
}
.detalas_pagination_wrap {
width: 100%;
}
.dpp_disabled {
cursor: not-allowed;
}
.dpp_box:not(.dpp_disabled):hover {
background: var(--bm-blue);
color: var(--white);
}
.dpp_box:not(.dpp_disabled):hover img {
filter: brightness(0) saturate(100%) invert(1);
}
.dpp_box img {
transition: ease-in-out 0.18s;
}
.auto_back_btn {
border: 1px solid #E2E2E2;
border-radius: 3px;
height: 54px;
width: 161px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 16px;
font-weight: 500;
color: #2C3234;
margin: 20px 0;
transition: ease-in-out 0.18s;
}
.auto_back_btn img {
height: 22px;
filter: invert(38%) sepia(23%) saturate(2835%) hue-rotate(192deg) brightness(92%) contrast(95%);
transition: ease-in-out 0.18s;
}
.auto_back_btn:hover {
background: var(--bm-blue);
color: white;
}
.auto_back_btn:hover img {
filter: invert(1);
}
.auto_galerija {
width: 100%;
display: flex;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 20px 0;
}
/* .auto_left, .auto_right { height: 360px; } */
.auto_right {
display: flex;
gap: 20px;
width: 15.75rem;
flex-wrap: wrap;
}
.auto_right img, .seemore {
max-height: 15.75rem;
max-width: 15.75rem;
}
.seemore {
height: 15.75rem;
width: 15.75rem;
position: relative;
}
.seemore .overlay {
background-color: #011433a2;
pointer-events: none;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.seemore .overlay .text {
color: white;
font-size: 1rem;
font-weight: 500;
margin-top: 0.8125rem;
}
.seemore .overlay > img {
filter: invert(1);
width: 1.6875rem;
height: 1.5rem;
}
.notLoggedIn, .loggedIn {
display: flex;
align-items: center;
}
.loggedIn {
margin-left: 4.75rem;
}
.loggedIn a {
color: white;
font-size: 1rem;
font-weight: 600;
text-wrap: nowrap;
}
.loggedIn a:hover {
text-decoration: underline;
}
.hidden {
display: none;
}
.auto_left {
width: 52.9375rem;
height: 32.75rem;
}
.auto_left img, .auto_right img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3px;
cursor: pointer;
transition: ease-in-out 0.18s;
}
.auto_left img:hover, .auto_right img:hover {
opacity: 0.8;
}
.auto_info {
background: white;
border: 1px solid #DCE0E6;
border-radius: 3px;
padding: 20px;
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.auto_info_item_field {
display: flex;
flex-direction: column;
gap: 3px;
}
.auto_info_item_field p {
font-size: 16px;
line-height: 21px;
margin: 0;
}
.auto_info_item_field p:first-child {
font-weight: 500;
color: #2C3234;
}
.auto_info_item_field p:last-child {
font-weight: 400;
color: #9A9A9A;
}
.auto_info_accordion {
border: 1px solid #DCE0E6;
border-radius: 3px;
padding: 0 20px;
margin: 0;
}
.auto_info_accordion_top {
height: 60px;
width: 100%;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
}
.auto_info_accordion_top img {
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(90deg);
right: 0;
height: 16px;
transition: ease-in-out 0.3s;
}
.auto_info_accordion_top p {
font-size: 16px;
font-weight: 500;
line-height: 21px;
color: #2C3234;
margin: 0;
}
.auto_single_wrapper {
padding: 0 0 60px 0;
}
.auto_info_accordion_top.auto_acc_open img {
transform: translateY(-50%) rotate(270deg);
}
.auto_info_accordion p {
font-size: 16px;
line-height: 24px;
color: #2C3234;
}
.auto_accordion_wrapper {
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 20px;
}
.katalogs_wrapper {
display: flex;
flex-direction: column;
border: 1px solid #E5E7EB;
border-radius: 10px;
margin: 30px 0;
}
.katalogs_row {
min-height: 60px;
padding: 15px 45px 15px 20px;
display: flex;
align-items: center;
gap: 20px;
position: relative;
cursor: pointer;
transition: ease-in-out 0.18s;
}
.katalogs_row p {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #2D4046;
margin: 0;
transition: ease-in-out 0.18s;
}
.katalogs_row span {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #495764;
opacity: 0.4;
margin: 0;
transition: ease-in-out 0.18s;
user-select: none;
}
.katalogs_row > div {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
color: #2D4046;
font-size: 19px;
font-weight: 600;
font-family: 'Rubik';
user-select: none;
}
.katalogs_row_wrap {
border-bottom: 1px solid #E5E7EB;
}
.katalogs_row_wrap:last-child {
border: none;
}
.katalogs_row_wrap.k_row_open .katalogs_row {
background: var(--bm-blue);
}
.katalogs_row_wrap.k_row_open .katalogs_row p {
color: var(--white);
}
.katalogs_row_wrap.k_row_open .katalogs_row span {
color: var(--white);
}
.katalogs_row_wrap.k_row_open .katalogs_row > div {
color: var(--white);
}
.katalogs_row_content {
padding: 20px;
display: flex;
flex-wrap: wrap;
gap: 25px 60px;
}
.katalogs_row_inside_item_title {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #2D4046;
margin: 0 0 20px 0;
}
.katalogs_row_inside_item_link {
font-size: 16px;
line-height: 21px;
color: #495764;
margin: 0 0 5px 0;
position: relative;
width: fit-content;
display: block;
padding-right: 30px;
transition: ease-in-out 0.18s;
}
.katalogs_row_inside_item_link::before {
content: url(images/angle-small-down.svg);
position: absolute;
top: 55%;
transform: translateY(-50%);
right: 4px;
}
.katalogs_row_inside_item_link:hover {
color: var(--bm-blue);
}
.rezerves_dalas_wrap {
display: flex;
gap: 20px;
padding: 30px 0;
}
.rezerves_dalas_left {
width: 100%;
max-width: 364px;
border-top: 1px solid #DCE0E6;
}
.rezerves_dalas_right {
width: 100%;
}
.rezerves_dalas_left_top_bar {
background: #2C3234;
height: 60px;
width: 100%;
display: flex;
align-items: center;
gap: 15px;
padding-left: 20px;
border-radius: 3px 3px 0 0;
position: relative;
transition: ease-in-out 0.4s;
}
.rezerves_dalas_left_top_bar p {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: var(--white);
margin: 0;
}
.rezerves_dalas_left_top_bar img {
height: 22px;
width: auto;
filter: invert(1);
}
.rezerves_dalas_right_top_bar {
background: #2C3234;
height: 60px;
width: 100%;
display: flex;
align-items: center;
justify-content: end;
border-radius: 3px;
margin-bottom: 20px;
}
.rezerves_row_title {
font-size: 16px;
font-weight: 500;
line-height: 21px;
color: #2C3234;
margin: 0;
transition: ease-in-out 0.18s;
user-select: none;
}
.rezerves_row_title2 {
font-size: 16px;
font-weight: 500;
line-height: 21px;
color: #2C3234;
margin: 0;
transition: ease-in-out 0.18s;
user-select: none;
margin-left: 30px; /* Indentation for the first line */
text-indent: -10px; /* Pulls the first line back by the same amount */
}
.rezerves_row_top {
height: fit-content;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
display: flex;
align-items: center;
padding-left: 20px;
position: relative;
cursor: pointer;
padding-right: 40px;
}
.rezerves_row_wrap:last-child .rezerves_row_top {
border-bottom: none;
}
.rezerves_dalas_navigacija_wrap {
border: 1px solid #DCE0E6;
border-width: 0 1px 1px 1px;
border-radius: 0 0 3px 3px;
}
.rezerves_row_top::before {
content: url(images/angle-small-down.svg);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(90deg);
right: 20px;
transition: ease-in-out 0.18s;
}
.rezerves_row_wrap.kr_row_open > .rezerves_row_top::before {
transform: translateY(-50%) rotate(270deg);
right: 16px;
filter: invert(32%) sepia(39%) saturate(1943%) hue-rotate(195deg) brightness(101%) contrast(92%);
}
.rezerves_row_top:hover .rezerves_row_title {
color: var(--bm-blue);
}
.rezerves_row_wrap.kr_row_open > .rezerves_row_top > .rezerves_row_title {
color: var(--bm-blue);
}
.rezerves_row_wrap {
}
.rezerves_row_wrap:last-child {
border-bottom: none;
}
.rezerves_row_content {
padding: 5px 0 5px 20px;
}
.rezerves_row_link {
font-size: 16px;
line-height: 21px;
color: #626262;
margin: 0 0 15px 0;
display: block;
transition: ease-in-out 0.18s;
position: relative;
}
.rezerves_row_link:hover {
color: var(--bm-blue);
}
.rezerves_row_link::before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -22px;
}
.rezerves_dalas_item {
border: 1px solid #DCE0E6;
border-radius: 3px;
background: white;
position: relative;
}
.rezerves_dalas_item_top {
display: flex;
}
.rezerves_dalas_item_top > div {
display: flex;
}
.rezerves_dalas_img_wrap {
width: 100%;
max-width: 247px;
height: auto;
background: white;
display: flex;
align-items: center;
justify-content: center;
}
.rezerves_dalas_img_wrap img {
object-fit: cover;
}
.rezerves_dalas_middle_column {
padding: 20px 20px 8px 20px;
max-width: 292px;
border-left: 1px solid #DCE0E6;
}
.rezerves_dalas_item_title {
font-size: 18px;
font-weight: 500;
line-height: 28px;
color: #2D4046;
margin: 0 0 20px 0;
}
.rezerves_dalas_item_field_name {
font-size: 16px;
font-weight: 500;
line-height: 21px;
color: #2D4046;
margin: 0;
}
.rezerves_dalas_item_field_text {
font-size: 16px;
line-height: 21px;
color: #696969;
margin: 0;
}
.rezerves_dalas_item_field_wrap {
display: flex;
gap: 10px;
margin: 10px 0;
}
.rezerves_dalas_item_top {
border-bottom: transparent;
}
.rezerves_dalas_item_price {
font-size: 34px;
font-weight: 500;
line-height: 45px;
color: var(--bm-blue);
margin: 0 5px 20px 0;
text-align: right;
}
.rezerves_dalas_right_column {
padding: 20px 15px 8px 20px;
}
.field_2line {
flex-direction: column;
}
.field_2line p {
line-height: 28px;
}
.rezerves_dalas_item_tag {
background: #333333;
border-radius: 3px;
padding: 5px 10px;
font-size: 14px;
font-weight: 500;
font-family: 'Rubik';
line-height: 17px;
color: var(--white);
margin: 0;
width: fit-content;
}
.rezerves_dalas_item_lower {
padding: 20px;
display: flex;
}
.rezerves_dalas_item_cart {
height: 42px;
width: 100%;
background: #2BBA57;
border: 1px solid #9FEAB6;
border-radius: 3px;
font-size: 14px;
line-height: 18px;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
padding: 0 45px;
margin: 0 0 0 auto;
transition: ease-in-out 0.18s;
}
.rezerves_dalas_item_cart:hover {
background: #259b48;
border: 1px solid #259b48;
}
.rezerves_dalas_item_lower_right {
width: 100%;
max-width: 260px;
margin-left: auto;
display: flex;
flex-direction: column;
}
.rezerves_dalas_item_quantity {
display: flex;
align-items: center;
gap: 20px;
width: fit-content;
margin: 0 0 10px auto;
position: relative;
}
.rezerves_dalas_item_quantity > p {
font-size: 16px;
line-height: 19px;
color: #2D4046;
font-family: 'Rubik';
margin: 0;
}
.rezerves_quantity_wrap .input-text.qty {
width: 44px;
height: 34px;
}
.rezerves_quantity_wrap .quantity_plus_wrap, .rezerves_quantity_wrap .quantity_minus_wrap {
height: 17px;
}
.rezerves_quantity_wrap.buttons_added {
border: 1px solid #E4E7EC;
}
.rezerves_quantity_wrap.buttons_added .minus {
border-top: 1px solid #AAB8C7;
}
.rezerves_dalas_select_wrap {
display: flex;
align-items: center;
gap: 10px;
margin-right: 10px;
}
.rezerves_dalas_select_wrap p {
font-size: 16px;
line-height: 21px;
color: var(--white);
margin: 0;
}
.rezerves_dalas_select_wrap select {
width: 209px;
height: 38px;
background-color: white;
border: 1px solid #CED1D6;
border-radius: 3px;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
}
.rezerves_dalas_select_wrap select:focus {
background-position: calc(100% - 15px) calc(1em + 2px), calc(100% - 20px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
}
.rezerves_dalas_item_outside {
display: flex;
flex-direction: column;
gap: 20px;
}
label.hb_label {
display: flex;
flex-direction: column;
width: 24px;
cursor: pointer;
height: fit-content;
margin: auto 0;
z-index: 20000;
}
label.hb_label span {
background: #2c3234;
border-radius: 15px;
height: 2px;
margin: 3px 0;
transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.hb_label span:nth-of-type(1) {
width: 100%;
}
.hb_label span:nth-of-type(2) {
width: 100%;
}
.hb_label span:nth-of-type(3) {
width: 100%;
}
.hb_label input[type="checkbox"] {
display: none;
}
.hb_label input[type="checkbox"]:checked ~ span:nth-of-type(1) {
width: 50%;
transform-origin: bottom;
transform: rotatez(45deg) translate(4px, 1px)
}
.hb_label input[type="checkbox"]:checked ~ span:nth-of-type(2) {
width: 100%;
transform-origin: top;
transform: rotatez(-45deg)
}
.hb_label input[type="checkbox"]:checked ~ span:nth-of-type(3) {
transform-origin: bottom;
width: 50%;
transform: translate(10px, -4px) rotatez(45deg);
}
.slide-in-right {
-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
pointer-events: initial;
}
@-webkit-keyframes slide-in-right {
0% {
right: -1500px;
opacity: 0;
}
100% {
right: 0px;
opacity: 1;
}
}
@keyframes slide-in-right {
0% {
right: -1500px;
opacity: 0;
}
100% {
right: 0;
opacity: 1;
}
}
.slide-out-right {
-webkit-animation: slide-out-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-out-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-out-right {
0% {
right: 0px;
opacity: 1;
}
100% {
right: -1500px;
opacity: 0;
}
}
@keyframes slide-out-right {
0% {
right: 0;
opacity: 1;
}
100% {
right: -1500px;
opacity: 0;
}
}
#site-navigation {
opacity: 0;
}
.header_menu {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: calc(100vh - 169px);
background: white;
z-index: 10000;
padding: 0;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
nav.main-navigation.header_menu.hidden {
z-index: 50;
pointer-events: none;
right: -1000px;
/* display: none; */
}
.header_mobile_upper {
display: flex;
align-items: center;
height: 90px;
justify-content: space-between;
border-bottom: 1px solid #E1E5EA;
padding: 0 20px;
}
.header_mobile_katalogs {
max-width: 200px;
margin: 0;
}
.header_mobile_middle {
padding: 20px 20px;
}
.header_mobile_middle ul {
display: flex;
flex-direction: column;
gap: 22px;
}
.header_mobile_middle a {
font-size: 18px;
line-height: 24px;
color: #2D4046;
}
.header_mobile_lower {
background: var(--bm-darkblue);
padding: 20px;
margin-top: auto;
}
.menu-main-header-container {
height: 100%;
display: flex;
flex-direction: column;
}
.header_mobile_mail {
display: flex;
gap: 8px;
color: white;
margin-bottom: 20px;
}
.header_mobile_ll {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.header_mobile_ll a {
font-size: 16px;
color: var(--white);
}
.mobile_n_wrap {
position: absolute;
top: 169px;
height: 100vh;
width: 100%;
overflow: hidden;
pointer-events: none;
}
.rezerves_dalas_item_mobile_middle {
padding: 20px;
}
.rezerves_dalas_left_top_bar.r_dalas_inv::before {
transform: translateY(-50%) rotate(270deg);
right: 16px;
}
.rezerves_dalas_left_top_bar.r_dalas_inv {
border-radius: 3px 3px 0 0;
}
.grozs_item_column_side {
display: flex;
align-items: center;
height: 110px;
width: auto;
}
.grozs_piegade_select_text {
margin: 0;
}
.grozs_par_maksataju_row input::placeholder {
font-size: 16px;
font-family: 'DM Sans';
}
@media (min-width: 768px) {
.grozs_par_maksataju_row input::placeholder {
font-size: 16px;
}
}
.detalas_left_top_bar.detalas_acc_open::before {
transform: translateY(-50%) rotate(270deg);
right: 16px;
}
.footer_navigation a:hover {
text-decoration: underline;
}
.langPicker {
display: flex;
align-items: center;
margin-left: 1.9375rem;
color: white;
cursor: pointer;
}
.langPicker:hover span {
text-decoration: underline;
}
.langPicker .arrow {
width: 0.5rem;
height: 0.5rem;
margin-left: 0.5rem;
filter: invert(1);
}
.langPicker > span {
font-size: 0.875rem;
}
.langPicker .flag {
width: 1.25rem;
height: 0.825rem;
margin-right: 0.625rem;
}
.header_tp_l {
display: flex;
align-items: center;
}
.header_language_box img {
filter: invert(0);
}
.header_language_box {
margin-left: 1.8125rem;
}
.header_language_box {
transition: border-width 0.0s ease;
border-width: 0.0938rem;
}
.header_language_box:hover {
border-width: 0.1563rem;
}
.header_register_box {
color: white;
background-color: #2099E5;
width: 7.3125rem;
height: 3.125rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
margin-left: 0.625rem;
cursor: pointer;
transition: all 0.2s ease;
}
.footer_lower_part .grand {
color: white;
display: flex;
align-items: end;
column-gap: 0.4375rem;
}
.header_register_box:hover {
background-color: #1888ce;
}
.header_search_box {
margin-left: 3.875rem;
}
.home_search_box {
border: 1px #E3E3E3 solid;
}
.header_cart_wrap .arrow {
width: 0.5rem;
height: 0.5rem;
margin-left: 0.5rem;
}
.home_modela_izvele, .home_modeli {
background-color: #F0F2F5;
}
.home_modeli .container {
display: flex;
}
.home_modela_box_wrap {
max-width: 45%;
height: fit-content;
margin-right: 3.8125rem;
}
.home_modeli_item_wrap {
max-width: 50%;
flex-direction: row;
height: fit-content;
flex-wrap: nowrap;
padding-top: 0;
}
.home_modela_box {
background-color: white;
}
.home_modela_box.home_mb_active {
box-shadow: 0px 3px 6px #00000029;
background-color: #3367CD;
}
.home_pedejie_title {
margin-top: 4.3125rem;
font-size: 1.5rem;
font-weight: bold;
}
.home_el_w {
background-color: rgba(0, 0, 0, 0.3);
}
.textBanner h2 {
font-size: 2.8125rem;
line-height: 3.6875rem;
font-weight: 500;
margin-bottom: 0.625rem;
padding: unset;
max-width: 37.5rem;
}
.textBanner p {
font-size: 1rem;
line-height: 1.3125rem;
color: white;
margin-bottom: 1.25rem;
z-index: 9;
position: relative;
max-width: 28.125rem;
}
.textBanner .buttonBanner {
color: white;
background-color: #2099E5;
display: flex;
align-items: center;
justify-content: center;
height: 3.125rem;
width: 10rem;
position: relative;
z-index: 9;
border-radius: 0.3125rem;
transition: all 0.2s ease;
}
.textBanner .buttonBanner:hover {
background-color: #1888ce;
}
.home_modela_item_box:hover::after {
margin-right: -0.3125rem;
}
.home_banner_block .controls {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 9;
padding-left: 16.5625rem;
padding-right: 16.5625rem;
}
.home_banner_block .controls .bannerControl {
cursor: pointer;
}
.home_banner_block .home_el_w {
}
.home_banner_block .indicators {
height: 100%;
width: fit-content;
display: flex;
align-items: end;
justify-content: center;
padding-bottom: 4.375rem;
column-gap: 0.5625rem;
}
.controls .indicator {
width: 0.4375rem;
max-width: 0.4375rem;
height: 0.4375rem;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 100%;
transition: all 0.4s ease;
cursor: pointer;
}
.indicator.active {
width: 1.4581rem;
max-width: 1.4581rem;
background-color: white;
border-radius: 5px;
}
.textBanner {
opacity: 1;
transition: all 0.5s ease;
}
.textBanner.hidden {
position: absolute;
transform: translateX(-25rem);
opacity: 0;
pointer-events: none;
}
.breadcrumb {
display: flex;
font-size: 1rem;
margin-top: 2.25rem;
}
.breadcrumb .prevPage img {
filter: invert(1);
width: 0.875rem;
height: 0.4481rem;
margin-left: 1.125rem;
margin-right: 1.125rem;
}
.breadcrumb .prevPage {
opacity: 0.5;
display: flex;
align-items: center;
}
.katalogs_row_wrap:first-of-type.k_row_open .katalogs_row {
border-radius: 10px 10px 0px 0px;
}
.topLineRez {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: 1.9688rem;
}
.TLLeft {
width: 100%;
max-width: 364px;
display: flex;
align-items: center;
justify-content: start;
}
.TLRight {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.TLRLeft, .TLRRight {
display: flex;
align-items: center;
}
.TLLeft div {
display: flex;
align-items: center;
font-size: 1.375rem;
line-height: 29px;
color: #2C3234;
}
.TLLeft img {
width: 1.5rem;
height: 1.5rem;
margin-right: 1.3125rem;
}
.filtButton {
width: 6.4375rem;
height: 2.8125rem;
border-radius: 3px;
background-color: #F0F2F5;
border: 1px solid #E4E7EC;
display: flex;
justify-content: center;
align-items: center;
column-gap: 1.0437rem;
cursor: pointer;
position: relative;
}
.TLRLeft select {
width: 13.0625rem;
height: 2.8125rem;
border-radius: 3px;
border: 1px solid #DCE0E6;
margin-left: 0.625rem;
}
.rezerves_row_wrap.filter:hover .tooltip {
opacity: 0.9;
}
.rezerves_row_wrap.filter .tooltip {
margin-top: -1rem;
margin-right: unset;
width: 8.5rem;
height: 2.0625rem;
z-index: 9;
margin-left: 6.25rem;
}
.tooltip {
position: absolute;
opacity: 0.9;
user-select: none;
pointer-events: none;
background-color: var(--bm-darkblue);
margin-top: -6.5rem;
margin-right: -3rem;
box-shadow: 0px 6px 16px #00000029;
display: flex;
justify-content: center;
align-items: center;
width: 6.0625rem;
height: 2.0625rem;
color: white;
border-radius: 5px;
font-size: 0.75rem;
opacity: 0;
transition: opacity 0.2s ease;
}
.filtButton:hover .tooltip {
opacity: 0.9;
}
.tooltip:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 5px;
opacity: 0.9;
border-style: solid;
border-color: #323F57 transparent transparent transparent;
top: 33px;
}
.TLRRight > div {
background-color: #F0F2F5;
width: 14.0625rem;
height: 2.8125rem;
display: flex;
border-radius: 3px;
justify-content: space-between;
}
.TLRight .detalas_left_item {
width: 125px;
}
.TLRight .detalas_left_item p {
opacity: 1;
}
.TLRRight .checkmark {
top: 0.25rem;
}
.TLRRight .checkPart {
display: flex;
align-items: center;
padding-left: 1.75rem;
}
.addToCart {
width: 2.8125rem;
height: 2.8125rem;
background-color: #3367CD;
border-radius: 0 3px 3px 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.addToCart:hover {
background-color: #2d5dbc;
}
.addToCart:hover .tooltip {
opacity: 0.9;
}
.addToCart .tooltip::after {
top: 49px;
}
.addToCart .tooltip {
margin-right: 0;
width: 6.6rem;
height: 3.0625rem;
text-align: center;
margin-top: -5rem;
}
.rezerves_row_wrap.filter .rezerves_row_top > div {
display: flex;
align-items: center;
column-gap: 0.875rem;
}
.rezerves_row_wrap.filter .rezerves_row_top .rezerves_row_title {
font-weight: 600;
}
.rezerves_row_wrap.filter .rezerves_row_top {
height: 3.75rem;
background-color: #F0F2F5;
transition: all 0.3s ease;
}
.filter.kr_row_open .rezerves_row_top {
background-color: #F9FAFB;
}
.filter.kr_row_open .rezerves_row_content {
background-color: #F9FAFB;
}
.rezerves_row_wrap.filter img {
}
.detala.flex {
display: flex;
justify-content: space-between;
}
.detalaGallery .mainImg {
width: 28.6875rem;
height: 28.6875rem;
border: 1px solid #D6D6D6;
border-radius: 0.1875rem;
}
.detalaGallery {
margin-bottom: 5.8125rem;
position: relative;
}
.detalaGallery .moreImg {
display: flex;
justify-content: space-between;
width: 28.6875rem;
margin-top: 0.8125rem;
}
.moreImg .more {
width: 8.875rem;
height: 8.875rem;
border-radius: 0.1875rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
background: #F0F2F5 0% 0% no-repeat padding-box;
}
.moreImg .more > img {
width: 1.5rem;
height: 1.3125rem;
margin-bottom: 0.7063rem;
filter: brightness(0) saturate(100%) invert(32%) sepia(6%) saturate(1515%) hue-rotate(168deg) brightness(95%) contrast(86%);
}
.galleryActivator {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.moreImg .more .text {
color: #495764;
font-size: 0.875rem;
}
.detalaGallery .moreImg > img {
width: 8.875rem;
height: 8.875rem;
border: 1px solid #D6D6D6;
object-fit: contain;
border-radius: 0.1875rem;
}
.detalaGallery .mainImg img {
width: 100%;
height: 100%;
object-fit: contain;
}
.detalaGallery
.flex.center {
display: flex;
}
.divider {
width: 100%;
height: 1px;
background-color: #DDDDDD;
margin-top: 21px;
margin-bottom: 21px;
}
.flex {
display: flex;
}
.detalaInfo .title {
font-size: 1.5625rem;
line-height: 2.0625rem;
color: #2D4046;
margin-bottom: 1.3125rem;
}
.detalaInfo .subtitle {
display: flex;
column-gap: 1.875rem;
justify-content: start;
padding-bottom: 1.6875rem;
border-bottom: 1px #DCE0E6 solid;
text-wrap: nowrap;
}
.priceNStuff .amount {
height: 2.8125rem;
margin-right: 0.4562rem;
}
.buyNOWButton {
background-color: #2099E5;
color: white;
width: 9.5rem;
height: 2.8125rem;
border-radius: 5px;
font-size: 1rem;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.6406rem;
cursor: pointer;
}
.buyNOWButton:hover {
background-color: #1888ce;
}
.detalaInfo .buyButton {
width: 2.8125rem;
height: 2.8125rem;
background-color: #2BBA57;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: relative;
}
.detalaInfo .buyButton:hover {
background-color: #22a449;
}
.detalaInfo .priceNStuff {
display: flex;
align-items: center;
margin-top: 1.875rem;
margin-bottom: 2rem;
}
.detalaInfo .price {
color: #3367CD;
font-size: 1.5625rem;
font-weight: 500;
margin-right: 2.25rem;
position: relative;
display: flex;
column-gap: 1rem;
margin-top: 1rem;
align-items: center;
}
.price .pricetype {
font-size: 1.2rem;
color: #626262;
}
.priceflex {
display: flex;
}
.detalaInfo .availability, .detalaInfo .deliveryTime {
color: #696969;
font-size: 1rem;
position: relative;
}
.detalaInfo .paymentOptions img {
opacity: 0.65;
mix-blend-mode: luminosity;
filter: grayscale(1);
width: 22.1875rem;
max-width: 80vw;
}
.detalaInfo .paymentOptions {
border-bottom: 1px solid #DCE0E6;
padding-bottom: 1.875rem;
width: 100%;
}
.partInfo {
display: flex;
align-items: center;
}
.partInfo .parameter {
display: flex;
column-gap: 0.3125rem;
}
.partInfo .parameter p {
margin: 0;
margin-top: 0.1563rem;
margin-bottom: 0.1563rem;
font-size: 1rem;
color: #2D4046;
}
.partInfo .parameter p:first-of-type {
font-weight: bold;
}
.partInfo .text {
display: flex;
flex-wrap: wrap;
column-gap: 3.25rem;
width: 40.125rem;
margin-top: 1.625rem;
justify-content: space-between;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 01px;
grid-row-gap: 01px;
}
.popupButtons .infoLink {
display: flex;
column-gap: 1.6875rem;
margin-top: 1.625rem;
}
.popupButtons .popupLink {
font-weight: normal;
font-size: 0.875rem;
color: #2C3234;
}
.detalaInfo {
margin-left: 4.125rem;
}
.psue {
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.center {
justify-content: center;
align-items: center;
}
.rezerves_row_top .psueidoButton {
width: 4.9375rem;
opacity: 0;
transition: all 0.2s ease;
height: 1.6875rem;
display: flex;
justify-content: center;
align-items: center;
background: #F0F2F5 0% 0% no-repeat padding-box;
border: 1px solid #DCE0E6;
border-radius: 3px;
column-gap: 0.5625rem;
margin-right: 0.875rem;
}
.filter.kr_row_open .rezerves_row_top .psueidoButton {
opacity: 1;
}
.rezerves_row_content:hover + .tooltip {
opacity: 0;
}
.psueidoButton div {
font-size: 0.75rem;
}
.rezL {
width: 13.1875rem;
height: auto;
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-right: 1px solid #DCE0E6;
background-color: #EFF1F4;
}
.rezL:has(img.fullsize:not([src*="bm_image_default"])) {
background-color: white;
}
.brandLogo {
position: absolute;
top: 0;
right: 0;
height: 3rem !important;
object-fit: contain;
padding-top: 1rem;
padding-right: 1rem;
}
.rezR .right .text .tooltip, .deliveryTime .tooltip, .price .tooltip {
width: 20rem;
height: fit-content;
text-wrap: wrap;
text-align: center;
padding: 1rem;
top: unset;
bottom: 0;
margin-bottom: 3rem;
}
.rezR .right .text:hover .tooltip, .price:hover .tooltip {
opacity: 1;
}
.deliveryTime:hover .tooltip {
opacity: 1;
}
.rezL img {
height: 100%;
object-fit: contain;
}
.rezR {
padding-top: 1.3362rem;
padding-right: 1.875rem;
padding-bottom: 1.3362rem;
padding-left: 1.875rem;
width: 100%;
display: flex;
flex-direction: column;
}
.rezR .parameter {
display: flex;
align-items: center;
column-gap: 0.3125rem;
font-size: 0.875rem;
line-height: 1.125rem;
color: #2D4046;
}
.rezR .parameter p {
margin-top: 0;
margin-bottom: 0.1rem;
}
.rezR .custom_checkmark p {
margin-left: -3.125rem;
opacity: 1;
color: #2C3234;
}
.rezR .custom_checkmark .checkmark {
top: 0.3125rem;
}
.rezR .infoLink {
display: flex;
align-items: center;
column-gap: 0.9375rem;
margin-top: 0.75rem;
}
.popupLink {
font-size: 0.8125rem;
cursor: pointer;
font-weight: 600;
text-decoration: underline;
}
.rezR .topTitle {
display: flex;
width: 100%;
align-items: center;
height: fit-content;
justify-content: space-between;
}
.email_registered, .email_wrong {
margin-top: 1rem;
}
.email_registered {
color: rgb(167, 255, 186);
}
.email_wrong {
color: rgb(253, 165, 165);
}
.rezR .topTitle .title {
font-size: 1.125rem;
line-height: 1.5625rem;
color: #2D4046;
font-weight: 500;
margin-bottom: 0.625rem;
cursor: pointer;
padding-right: 61px;
}
.rezR .bottom {
display: flex;
justify-content: space-between;
}
.rezR .price {
margin-top: 1.5625rem;
font-size: 1.375rem;
color: #3367CD;
font-weight: 600;
}
.rezR .bottom .right {
display: flex;
flex-direction: column;
align-items: end;
}
.rezR .bottom .buy {
margin-top: 0.8438rem;
display: flex;
column-gap: 0.4375rem;
}
.amount {
width: 7.6875rem;
height: 2.5rem;
border: 1px solid #E4E7EC;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.amount .minus, .amount .result, .amount .plus {
width: 33%;
display: flex;
justify-content: center;
align-items: center;
}
.amount .minus, .amount .plus {
font-weight: 600;
font-size: 1.125rem;
cursor: pointer;
color: #2156B9;
}
.rezR .buyButton {
width: 2.5rem;
height: 2.5rem;
background-color: #2BBA57;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.3125rem;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
}
.buyButton.added .added {
display: block;
}
.buyButton img.notadded {
display: block;
}
.buyButton.added .counter {
position: absolute;
bottom: 0;
right: 0;
margin-bottom: -9px;
margin-right: -9px;
display: flex;
font-family: 'Rubik';
width: 18px;
height: 18px;
background-color: #E9EDF4;
border: 2px solid #FFFFFF;
font-size: 11px;
line-height: 13px;
color: #8E8E8E;
justify-content: center;
align-items: center;
border-radius: 3px;
}
.buyButton .added {
display: none;
}
.buyButton.added img.notadded {
display: none;
}
.buyButton.added {
}
.rezR .buyButton:hover {
background-color: #31d462;
}
.rezR .text {
font-size: 0.875rem;
line-height: 1.125rem;
text-wrap: nowrap;
margin-top: 1.3281rem;
text-align: end;
}
.saderibaPopup {
background-color: rgba(0, 0, 0, 0.05);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 80;
display: flex;
cursor: default;
justify-content: center;
align-items: center;
}
.saderibaPopup.novis {
background-color: transparent;
pointer-events: none;
}
.saderibaFG {
background-color: white;
padding: 2.1875rem 2.9375rem 2.3125rem 2.375rem;
border-radius: 3px;
box-shadow: 0px 6px 11px #00000017;
border: 1px solid #F2F2F2;
position: relative;
transform: scale(1);
transition: all 0.3s ease;
min-width: 650px;
width: auto;
}
.saderibaFG.novis {
transform: scale(0);
pointer-events: none;
}
.saderibaFG h2 {
text-align: center;
font-size: 1.125rem;
line-height: 2.1875rem;
font-weight: 600;
}
.parameterSaderiba {
display: flex;
justify-content: space-between;
font-size: 0.875rem;
border-bottom: 1px solid #E6E9ED;
}
.parameterSaderiba b {
font-weight: 600;
}
.parameterSaderiba p {
margin-top: 0.7rem;
margin-bottom: 0.7rem;
}
.parameterSaderiba:last-of-type {
border-bottom: transparent;
}
.closeButton {
position: absolute;
top: 0;
right: 0;
margin-top: 1.375rem;
margin-right: 1.125rem;
cursor: pointer;
}
.closeButton img {
width: 0.875rem;
}
.filterOpt {
width: 20.0625rem;
cursor: default;
background-color: white;
border-radius: 3px;
box-shadow: 0px 6px 11px #00000017;
border: 1px solid #F2F2F2;
display: flex;
flex-direction: column;
row-gap: 0.8125rem;
position: absolute;
z-index: 99;
padding: 2.0625rem 1.875rem 1.8125rem 1.9375rem;
margin-top: 3.125rem;
top: 0;
max-height: 61.875rem;
transition: all 0.5s ease;
max-width: 20.0625rem;
}
.filterOpt.novis {
max-height: 0px;
max-width: 6.4372rem;
padding: 0;
margin: 0;
pointer-events: none;
overflow: hidden;
border: none;
}
.filterOption {
display: flex;
align-items: center;
justify-content: space-between;
}
.switch {
position: relative;
display: inline-block;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #E4E9F0;
-webkit-transition: .4s;
transition: .4s;
width: 2.25rem;
height: 1.125rem;
margin-right: 1.875rem;
}
.slider:before {
position: absolute;
content: "";
height: 0.75rem;
width: 0.75rem;
top: 3px;
left: 4px;
bottom: 4px;
background-color: #495764;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider::before {
background-color: #2BBA57;
}
label.switch {
margin-left: -30px;
}
input:focus + .slider {
box-shadow: 0 0 1px #E4E9F0;
}
input:checked + .slider:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.filterOption .left {
font-size: 1rem;
text-wrap: nowrap;
}
body.login {
background-color: #2156B9;
}
.decor {
position: absolute;
aspect-ratio: 1/1;
opacity: 1;
}
.decor#n1 {
width: 15.4375rem;
top: 0;
right: 0;
margin-top: 7.9375rem;
margin-right: 10.3125rem;
}
.decor#n2 {
width: 31.875rem;
top: 0;
left: 0;
margin-left: -16.625rem;
margin-top: 10.9375rem;
}
.decor#n3 {
width: 20rem;
left: 0;
bottom: 0;
margin-bottom: 4.545rem;
margin-left: 25.3125rem;
}
.logobm {
margin-top: 7.9375rem;
margin-bottom: 5.3125rem;
}
.loginWindow {
width: 40.75rem;
height: fit-content;
background-color: white;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 0.625rem;
position: relative;
padding-bottom: 3rem;
}
.loginWindow .title {
font-size: 1.375rem;
font-weight: bold;
margin-top: 7.75rem;
margin-bottom: 1.5625rem;
}
.loginWindow input {
width: 25.75rem;
height: 3.4375rem;
border: transparent;
background-color: #F0F2F5;
border-radius: 5px;
font-size: 1rem;
margin-bottom: 0.625rem;
padding: 1.0625rem 1.25rem 1.0625rem 1.25rem;
}
.loginWindow .submitButton {
margin-top: 0.3125rem;
width: 25.75rem;
height: 3.4375rem;
background-color: #2156B9;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
font-weight: 500;
font-size: 1rem;
color: white;
margin-bottom: 1.5625rem;
}
.forgor {
margin-bottom: 4.0625rem;
}
.huh {
font-size: 1rem;
font-weight: bold;
color: #2156B9;
}
.center.flex.reg {
column-gap: 0.6875rem;
}
.login .flex {
display: flex;
}
.showPass#n1 {
margin-top: 19.9rem;
}
.showPass#n2 {
margin-top: 24rem;
}
.form13 .showPass#n1 {
margin-top: 1rem;
}
.form13 .showPass#n2 {
margin-top: 5rem;
}
.regSuccess {
width: 23.75rem;
text-align: center;
font-size: 1rem;
color: #495764;
margin-bottom: 1.6875rem;
}
.regSuccess img {
margin-left: 6px;
}
.reg .loginWindow {
height: 700px;
}
.reg .title {
margin-top: 3.1875rem;
}
.reg .check .custom_checkmark p {
max-width: 23.5rem;
font-size: 13px;
line-height: 17px;
margin-left: 2.5rem;
color: #2C3234;
opacity: 1;
}
.reg .checkmark::after {
left: 9px;
top: 5px;
}
.reg .checkmark {
margin-left: 0;
right: unset;
width: 1.5625rem;
height: 1.5625rem;
}
.homeclose {
position: absolute;
top: 0;
right: 0;
margin-top: 1.125rem;
margin-right: 1.25rem;
}
.header_navigation a img {
filter: invert(1);
}
.header_navigation a {
display: flex;
align-items: center;
column-gap: 0.8125rem;
}
.profileSet .flex {
display: flex;
justify-content: space-between;
}
.profileSet {
margin-top: 3.1875rem;
}
.form13 {
width: 22.25rem;
margin-bottom: 6.75rem;
}
.form13 .title {
font-size: 1.125rem;
font-weight: bold;
line-height: 1.5rem;
margin-bottom: 2.125rem;
}
.form13 form {
display: flex;
flex-direction: column;
row-gap: 0.4375rem;
position: relative;
}
.form13 input {
font-size: 1rem;
line-height: 1.3125rem;
background-color: #F0F2F5;
color: #495764;
border: transparent;
width: 22.25rem;
height: 3.4375rem;
border-radius: 0.3125rem;
padding: 1.0625rem 1.25rem 1.0625rem 1.25rem;
}
.form13 button {
font-size: 1rem;
font-weight: 600;
background-color: #2156B9;
display: flex;
justify-content: center;
align-items: center;
width: 22.25rem;
height: 3.4375rem;
border-radius: 5px;
border: transparent;
color: white;
margin-top: 0.875rem;
}
.showPass {
position: absolute;
margin-top: 16.6rem;
margin-left: 18.75rem;
color: #2156B9;
font-size: 0.875rem;
text-decoration: underline;
cursor: pointer;
}
.katalogs_top_bar {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1.1875rem;
margin-bottom: 1.5625rem;
}
.katalogs_top_bar .filters {
display: flex;
align-items: center;
column-gap: 0.9375rem;
}
.katalogs_top_bar .filtButton {
background-color: #2156B9;
color: white;
margin-left: 270px;
}
.katalogs_top_bar .filterOpt {
color: black;
}
.katalogs_top_bar .filtButton > img {
filter: invert(1);
}
.katalogs_top_bar select {
height: 2.8125rem;
background-color: #F0F2F5;
border: 1px solid #E4E7EC;
}
.katalogs_top_bar .detalas_left_top_bar {
border-bottom: unset;
}
.detalas_left_top_bar.nobord {
border: unset;
}
.activeSetting {
color: #2156B9 !important;
}
.activeSetting img {
filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1703%) hue-rotate(207deg) brightness(93%) contrast(90%) !important;
}
.orderGrid .tableHead, .orderItem .top, .bottomTop, .line {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.orderGrid .tableHead .item {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.bottomBottom {
display: flex;
column-gap: 7.625rem;
border-bottom: 1px solid #E3E3E3;
padding-bottom: 1.5rem;
}
.bottomTop {
flex-direction: column;
border-bottom: 1px solid #E3E3E3;
padding-bottom: 1.5rem;
}
.orderGrid .tableHead {
border-bottom: 1px solid #E3E3E3;
padding-bottom: 0.6875rem;
}
.bottom .tableHead {
border: transparent;
margin-top: 1.5rem;
}
.orderItem {
max-height: 4.375rem;
overflow: hidden;
transition: all 0.3s ease;
}
.orderItem.open {
transition: all 1s ease;
max-height: unset;
}
.orderGrid .orderItem .top {
border-bottom: 1px solid #E3E3E3;
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
.orderGrid .itemPair .item {
width: 9.375rem;
display: flex;
align-items: center;
text-wrap: nowrap;
column-gap: 1.4375rem;
}
.openArrow {
filter: grayscale(1);
transform: rotate(180deg);
transition: all 0.3s ease;
}
.orderItem.open .openArrow {
filter: none;
transform: none;
}
.sum, .sumT {
text-align: center;
}
.orderGrid .line {
margin-bottom: 0.5rem;
margin-top: 0.5rem;
}
.num, .numT {
text-align: right;
}
.orderGrid .itemPair {
display: flex;
}
.orderItem.open .top .item {
color: #2156B9;
}
.bottomBottom {
margin-top: 1.5625rem;
}
.bottomBottom .info {
font-size: 0.9375rem;
color: #495764;
margin-top: 0.9375rem;
margin-bottom: 1.125rem;
line-height: 1.375rem;
}
.bottomBottom .title {
display: flex;
align-items: center;
column-gap: 0.8125rem;
}
.history .detalas_pagination_wrap {
margin-bottom: 4.125rem;
}
.orderItem:last-of-type:not(.open) .top {
border-bottom: transparent;
}
.profileHis > h2 {
margin-top: 2.5rem;
margin-bottom: 3.4375rem;
text-align: center;
font-size: 1.125rem;
}
.bannerComplete {
width: 100%;
height: auto;
background-color: #F0F2F5;
border-radius: 0.625rem;
margin-top: 2.25rem;
margin-bottom: 0.9375rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
position: relative;
}
.decor#n6 {
width: 14.125rem;
height: 14.125rem;
background-color: #3367CD;
position: absolute;
top: 0;
right: 0;
border-radius: 100%;
margin-top: -6.875rem;
margin-right: -5rem;
}
.bannerComplete .title {
font-size: 1.375rem;
margin-top: 20px;
line-height: 1.8125rem;
font-weight: bold;
color: #2156B9;
/*margin-bottom: 10px;*/
}
.bannerComplete .subtitle {
width: 66.6667%; /* 100% / 1.5, so ’s 150% equals banner’s width */
text-align: center;
}
.bannerComplete .subtitle p {
width: 150%;
text-align: center; /* Centers text content */
margin-bottom: 20px;
}
.decor#n6 img {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 3.75rem;
margin-left: 4.6875rem;
}
.registerPlz {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 2.25rem;
margin-bottom: 4.25rem;
}
body.email {
width: 100%;
}
.registerPlz .text {
font-size: 1.375rem;
font-weight: bold;
color: #2D4046;
}
.registerPlz .buttons {
display: flex;
column-gap: 0.9375rem;
}
.registerPlz .blueButton {
width: 14.5625rem;
height: 3.125rem;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
background-color: #3367CD;
color: white;
font-size: 0.875rem;
font-weight: 600;
}
.registerPlz .transButton {
width: 11.375rem;
height: 3.125rem;
border-radius: 0.3125rem;
border: 1.5px solid #495764;
display: flex;
justify-content: center;
align-items: center;
column-gap: 0.6875rem;
}
.email .topTop {
height: 8.125rem;
background-color: #3367CD;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding-left: 2.8125rem;
padding-right: 2.8125rem;
}
.email .topBottom {
height: 3.8125rem;
width: 100%;
background-color: #2156B9;
display: flex;
justify-content: center;
align-items: center;
column-gap: 1.875rem;
}
.email .contact div {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 1.0625rem;
margin-bottom: 0.9375rem;
color: white;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.email .contact div:last-of-type {
margin-bottom: 0;
}
.topBottom div {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.875rem;
font-weight: bold;
color: white;
}
.email .paddingContainer {
padding-left: 30px;
padding-right: 30px;
}
.email .orderNumber {
font-size: 0.9375rem;
text-align: center;
color: #2C3234;
margin-top: 0.9375rem;
margin-bottom: 1.875rem;
}
.email .orderGrid .itemPair:first-of-type .item {
width: 12.5rem;
}
.email .orderGrid .item {
width: 5.125rem;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.email .orderGrid .line.title .item {
font-size: 0.75rem;
font-weight: bold;
text-transform: uppercase;
overflow: visible;
}
.orderTotal {
display: flex;
flex-direction: column;
align-items: end;
margin-top: 1.625rem;
margin-bottom: 2.4375rem;
row-gap: 1.125rem;
}
.orderTotal > div {
display: flex;
justify-content: end;
align-items: center;
column-gap: 1.5625rem;
}
.orderInfo {
background-color: #F0F2F5;
border-radius: 10px;
display: flex;
font-size: 0.9375rem;
justify-content: center;
column-gap: 3.75rem;
padding-bottom: 2.3125rem;
margin-bottom: 2.125rem;
flex-direction: column;
padding-left: 20px;
}
.orderInfo div {
color: #495764;
line-height: 1.25rem;
}
.orderInfo .title {
font-weight: 600;
color: black;
margin-bottom: 0.625rem;
margin-top: 1.625rem;
}
.registerPlz.email {
flex-direction: column;
align-items: center;
}
.registerPlz.email .text {
margin-bottom: 1.125rem;
font-size: 0.9375rem;
font-weight: bold;
}
.mobVis {
display: none;
}
.mobHide {
display: initial;
}
.deleteCartBG {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 99;
transition: all 0.5s ease;
}
.deleteCartBG.novis {
background-color: transparent;
pointer-events: none;
}
.deleteCartFG {
background-color: white;
width: 25.3125rem;
height: 16.625rem;
border-radius: 10px;
padding: 1.75rem;
z-index: 99;
transition: all 0.5s ease;
}
.deleteCartFG.novis {
transform: scale(0);
}
.deleteCartFG .title {
font-size: 1.125rem;
font-weight: 700;
margin-bottom: 1.5rem;
}
.deleteCartFG .desc {
font-size: 0.875rem;
font-weight: 400;
margin-bottom: 2.0625rem;
}
.deleteCartBG .button {
width: 100%;
height: 41px;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.8125rem;
font-weight: 500;
cursor: pointer;
}
.deleteCartBG .button.red {
background-color: #EF4444;
color: white;
margin-bottom: 0.75rem;
}
.deleteCartBG .button.white {
color: black;
background: #7D7D7D0D;
box-shadow: 0px 0px 4px 0px #0000000D inset;
}
.home_search_box.nav {
opacity: 1;
bottom: 0;
margin-top: 2rem;
}
.container.nopad {
width: 100%;
}
.rezerves_row_wrap .rezerves_row_wrap > .rezerves_row_top {
font-size: 16px;
line-height: 21px;
color: #626262;
margin: 0 0 15px 0;
display: block;
transition: ease-in-out 0.18s;
position: relative;
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 768px) {
.notLoggedIn, .loggedIn {
display: none;
}
.priceflex {
flex-direction: column;
}
.marg15 {
margin-bottom: 15px;
}
.home_banner_block {
background-image: url(images/bgmob.png) !important;
background-size: cover;
background-repeat: no-repeat;
}
.home_banner_block .controls {
position: relative;
padding: 0;
align-items: end;
padding-bottom: 4.875rem;
padding-left: 1.5625rem;
padding-right: 1.5625rem;
}
.controls .indicators {
padding-bottom: 0;
}
.home_banner_block h2 {
padding-top: 0rem !important;
padding-bottom: 0 !important;
margin-top: 4.25rem;
margin-bottom: 0;
}
.home_banner_block .container {
align-items: start;
}
.home_modeli .container {
flex-direction: column;
}
.home_modela_box_wrap {
max-width: 100%;
margin-right: 0;
margin-bottom: 1.875rem;
}
.home_search_box {
margin-top: -50px;
flex-direction: row-reverse;
box-shadow: 0px 6px 22px #0000000B;
}
.home_modela_izvele {
min-height: 0;
}
.controls #left, .controls #right {
order: 1;
width: 0.4594rem;
height: 0.7806rem;
}
.controls #left {
margin-right: -7.5rem;
}
.textBanner h2 {
font-size: 1.5625rem;
line-height: 2.0625rem;
}
.header_register_box {
width: 5.3125rem;
font-size: 12px;
}
.textBanner p {
font-size: 1rem;
line-height: 1.3125rem;
}
.allr .carousel {
display: flex;
flex-wrap: wrap;
}
.allr .carousel .produkta_box {
width: 100%;
max-width: 100% !important;
}
.home_modela_box {
width: 13% !important;
height: 13% !important;
aspect-ratio: 1/1;
}
.home_modeli_item_wrap {
flex-direction: column;
max-width: 100%;
}
.home_pedejie_title {
margin-top: 1.875rem;
font-size: 1.125rem !important;
}
.home_pedejie_skatit {
font-size: 0.875rem !important;
}
.mobile_n_wrap .langPicker {
color: black;
position: absolute;
bottom: 0;
margin-bottom: 150px;
margin-bottom: 220px;
margin-left: 1.3rem;
}
.header_mobile_upper {
display: none;
}
.mobile_n_wrap .langPicker .arrow {
filter: invert(0);
}
.header_mobile_mail {
margin-bottom: 0.0625rem;
align-items: center;
justify-content: center;
}
.menu-main-header-container {
position: relative;
}
.fix {
margin-top: 0;
position: fixed;
bottom: 0;
width: 100%;
}
.header_mobile_ll .registerPlz {
background-color: #F0F2F5;
margin: 0;
padding-bottom: 1.75rem;
padding-top: 2.3125rem;
width: 100%;
justify-content: center;
}
.fix .registerPlz .blueButton, .fix .registerPlz .transButton {
width: 10.0625rem;
}
.login .logobm {
margin-top: 6.25rem;
margin-bottom: 3.75rem;
width: 9.1875rem;
}
.loginWindow {
width: 90%;
margin-left: 0.9375rem;
margin-right: 0.9375rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.reg .logobm {
margin-top: 3rem;
}
.showPass {
margin-left: 12rem;
margin-top: 17.5rem;
}
.regSuccess {
width: 100%;
}
.forgor {
margin-bottom: 1rem;
}
.loginWindow input {
width: 100%;
height: 3.4375rem;
}
.loginWindow .submitButton {
width: 100%;
}
.loginWindow .title {
margin-top: 3.25rem;
margin-bottom: 1.5625rem;
}
.rezerves_dalas_item_top {
flex-direction: column;
}
.rezL {
width: 100% !important;
height: 11.0625rem;
}
.mobVis {
display: block;
}
.mobHide {
display: none !important;
}
.header_middle_part .header_register_box {
display: none;
}
.rezR .bottom {
flex-direction: column-reverse;
}
.amount {
background-color: white;
}
.TLRight, .TLLeft {
}
.rezerves_dalas_select_wrap {
margin-left: 0 !important;
}
.rezR .parameter {
flex-wrap: wrap;
}
.rezR .left > .parameter {
display: none;
}
.rezR .left {
display: none;
}
.mobParameters .title {
font-size: 0.875rem;
line-height: 1.75rem;
cursor: pointer;
position: relative;
}
.leftMob {
border-top: 1px solid #DCE0E6;
margin-top: 1.4375rem;
padding-top: 1.4375rem;
}
.mobParameters {
max-height: 1.75rem;
overflow: hidden;
transition: all 0.3s ease;
}
.mobParameters.open {
max-height: 100rem;
}
.mobParameters.open .title {
color: #3367CD;
margin-bottom: 1.0625rem;
font-weight: 500;
border-top: 1px solid #DCE0E6;
margin-top: 0.5rem;
}
.mobParameters .title::after {
content: '';
width: 8px;
height: 8px;
background-image: url(images/angle-small-down.svg);
transform: rotate(90deg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
margin-top: 12px;
transition: all 0.3s ease;
}
.mobParameters.open .title::after {
transform: rotate(270deg);
margin-top: 8px;
filter: brightness(0) saturate(100%) invert(32%) sepia(82%) saturate(925%) hue-rotate(193deg) brightness(97%) contrast(95%);
}
.mobParameters .parameter:last-of-type {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
border-bottom: 1px solid #DCE0E6;
}
.rezR .infoLink {
flex-direction: column;
align-items: start;
}
.topLineRez .TLRRight {
display: none;
}
.filtButton {
display: none;
}
.filterText {
text-wrap: nowrap;
}
.topLineRez {
flex-direction: column;
}
.rezR {
background-color: #F7F8FA;
border: 1px solid #DCE0E6;
padding-left: 0;
padding-right: 0;
}
.rezR .bottom .right {
align-items: start;
}
.rezR .topTitle, .rezR .bottom .leftMob, .rezR .bottom .right {
padding-left: 1.1875rem;
padding-right: 1.1875rem;
}
.rezR .price {
margin-top: 0;
font-size: 1.125rem;
}
.rezR .bottom .right .text {
display: none;
}
.rezR .topTitle {
height: fit-content;
}
.rezR .topTitle .check {
display: none;
}
.mobVis.flex {
display: flex;
}
.viewButton {
width: 6.6875rem;
height: 2.5rem;
background-color: #2156B9;
border-radius: 3px;
justify-content: center;
align-items: center;
column-gap: 10px;
color: white;
padding-left: 1rem;
padding-right: 1rem;
width: fit-content;
}
.viewButton img {
filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(456%) hue-rotate(1deg) brightness(116%) contrast(100%);
}
.TLLeft {
position: relative;
}
.TLLeft > div::after {
content: '';
width: 14px;
height: 14px;
background-image: url(images/angle-small-down.svg);
transform: rotate(90deg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
margin-top: 12px;
transition: all 0.3s ease;
}
.TLLeft.open > div::after {
transform: rotate(270deg);
margin-top: 8px;
}
.rezerves_dalas_navigacija_wrap {
max-height: 0px;
overflow: hidden;
transition: all 0.3s ease;
}
.rezerves_dalas_navigacija_wrap.open {
max-height: 100rem;
}
.grozs_wrapper .logobmw {
display: none;
}
.trashCont {
display: none;
}
.grozs_title {
height: 44px;
font-size: 15px;
display: flex;
align-items: center;
justify-content: start;
}
.grozs_wrapper {
margin-top: 0;
}
.trash.mobVis {
position: absolute;
right: 0;
bottom: 0;
background-image: url(images/trash.svg);
width: 16px;
height: 16px;
margin-bottom: 0px;
background-size: contain;
filter: brightness(0) saturate(100%) invert(17%) sepia(49%) saturate(7499%) hue-rotate(356deg) brightness(105%) contrast(73%);
}
.grozs_item_content {
position: relative;
}
.grozs_par_maksataju_wrap {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.grozs_par_maksataju_form {
padding: 0 !important;
}
.paymentGrozs {
flex-direction: column;
}
.paymentOptions {
width: 100%;
}
.breadcrumb {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.grozs_step2_item .toprow > div:last-of-type > p {
margin: 0;
}
.grozs_step2_item:not(:last-of-type) {
border-bottom: 1px solid #C8CED3;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
.grozs_step2_item .toprow {
align-items: baseline;
}
.grozs_step2_item .toprow div:first-of-type {
margin-right: 15px;
}
.grozs_apmaksas_veids_top_row {
padding-left: 20px;
}
.katalogs_top_bar {
flex-direction: column;
align-items: start;
margin-top: 0;
margin-bottom: 0;
}
.katalogs_top_bar .title {
display: none;
}
.katalogs_top_bar .filters {
display: none;
}
.detalas_right_item_column_2, .detalas_right_item_column_3 {
flex-direction: row;
column-gap: 40px;
flex-wrap: wrap;
}
.auto_galerija {
flex-direction: column;
}
.auto_galerija .auto_left {
height: 250px;
width: 100%;
}
.auto_right {
display: flex !important;
flex-wrap: wrap;
width: 100%;
}
.auto_right img, .seemore {
width: 29%;
height: 29%;
aspect-ratio: 1/1;
}
.seemore img {
width: 100%;
height: 100%;
}
.auto_right .hidden:nth-child(-n+6) {
display: block;
}
}
.saderibaFG.diff {
padding: 0;
width: 611px;
}
.diff .top {
background-color: #3367CD;
padding: 2.375rem 7.875rem 1.8125rem 2.375rem;
font-size: 1.5625rem;
font-weight: bold;
line-height: 2.0625rem;
color: white;
}
.diff .text {
padding: 1.8125rem 3.75rem 1.6875rem 2.3125rem;
}
.diff .buttons {
display: flex;
column-gap: 0.6875rem;
padding-bottom: 2.75rem;
padding-left: 2.3125rem;
}
.diff .blueButton {
width: 7.625rem;
height: 2.625rem;
color: white;
border-radius: 3px;
background-color: #3367CD;
display: flex;
align-items: center;
justify-content: center;
}
.diff .transButton {
width: 7.625rem;
height: 2.625rem;
color: black;
border-radius: 3px;
background-color: transparent;
border: 1px solid #9A9A9A;
display: flex;
align-items: center;
justify-content: center;
}
.grozs_right .popupLink.saderiba {
text-align: center;
margin-top: 15px;
}
.selfpage {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 3rem;
grid-row-gap: 15px;
margin-top: 50px;
width: 100%;
}
.selfpage .carousel__slide {
margin-right: 0;
}
.container.center {
display: flex;
justify-content: center;
}
.wrapiftoomany {
display: flex;
flex-direction: column;
max-height: 500px;
flex-wrap: nowrap;
overflow: scroll;
column-gap: 20px;
}
.modelsGrid {
display: grid;
grid-template-rows: repeat(5, 1fr);
grid-auto-flow: column;
grid-column-gap: 10px;
grid-row-gap: 0px;
width: fit-content;
overflow: auto;
}
.saderibaFG.long {
width: fit-content;
max-height: 90vh;
}
@media (max-width: 768px) {
.rezerves_dalas_item_top {
flex-wrap: wrap;
}
.rezR .bottom {
flex-wrap: wrap;
}
.topLineRez {
flex-wrap: wrap;
}
.TLRight {
flex-wrap: wrap;
row-gap: 10px;
}
.rezR .topTitle {
margin-bottom: 10px;
}
.rezR .bottom .right {
align-items: start;
}
.rezR .custom_checkmark {
margin-top: 25px;
}
.filterOpt {
left: 0;
}
.grozs_par_maksataju_wrap {
padding-left: 1rem;
padding-right: 1rem;
}
.grozs_apmaksas_veids_top_row {
flex-wrap: wrap;
justify-content: center;
}
.grozs_par_maksataju_top_row {
flex-wrap: wrap;
justify-content: center;
}
.paymentGrozs {
flex-wrap: wrap;
}
.detala.flex {
flex-wrap: wrap;
}
.detalaGallery .mainImg {
width: 100%;
height: 100%;
aspect-ratio: 1/1;
}
.detalaGallery {
margin-bottom: 8.8rem;
}
.detalaGallery .moreImg {
width: 100%;
}
.detalaGallery .moreImg > img {
width: 30%;
height: 30%;
aspect-ratio: 1/1;
}
.moreImg .more {
width: 30%;
height: 30%;
aspect-ratio: 1/1;
}
.detalaInfo {
width: 100%;
margin-left: 0;
margin-bottom: 5rem;
}
.detalaInfo .subtitle {
flex-wrap: wrap;
}
.detalaInfo .priceNStuff {
flex-wrap: wrap;
row-gap: 10px;
}
.partInfo .text {
display: flex;
flex-direction: column;
}
.decor#n6 {
width: 8rem;
height: 8rem;
margin-top: -4.8rem;
margin-right: -3rem;
}
.decor#n6 img {
margin-bottom: 1.5rem;
margin-left: 2.5rem;
}
.orderGrid .itemPair {
overflow: hidden;
column-gap: 5px;
}
.orderGrid .itemPair .item {
width: 88px;
}
.orderGrid .line {
column-gap: 10px;
}
.bottomBottom {
flex-wrap: wrap;
}
.registerPlz {
flex-wrap: wrap;
row-gap: 10px;
}
.registerPlz .buttons {
flex-wrap: wrap;
row-gap: 20px;
}
.profileSet .flex {
flex-wrap: wrap;
}
}
.reserved-space-carousel-product {
line-height: 1.5;
height: calc(2 * 1.5em);
overflow: hidden;
}
.reserved-space-recent-product {
line-height: 1.5;
height: calc(2 * 1.5em);
overflow: hidden;
}
.order_submit_button {
background: var(--bm-blue);
border-radius: 5px;
border: none;
width: 100%;
max-width: 404px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: white;
cursor: pointer;
padding: 12px 24px;
text-transform: uppercase;
}
.order_submit_button:hover {
background: var(--bm-darkblue);
}
.order_submit_button:active {
background: var(--bm-darkblue);
}
/* Responsive adjustments */
@media (max-width: 480px) {
.order_submit_button {
max-width: 100%;
height: 45px;
font-size: 12px;
}
}
.loading-overlay-container {
position: relative;
width: 100%;
height: 100%;
}
/*LOADING OVERLAY START*/
.loading-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
}
.spinner {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 8px solid #f3f3f3;
border-top: 8px solid #3498db;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*LOADING OVERLAY END*/
.cart-count-display {
display: inline-block;
width: 50px; /* Adjust to match original
*/
text-align: center; /* Center text and cursor */
padding: 2px 5px;
margin: 0;
border: 1px solid transparent;
font-size: inherit;
line-height: normal;
background: transparent;
cursor: text;
}
/* Remove spin buttons */
.cart-count-display::-webkit-outer-spin-button,
.cart-count-display::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.cart-count-display {
-moz-appearance: textfield; /* Firefox */
}
/* Focus feedback */
.cart-count-display:focus {
outline: none;
border: 1px solid #ccc;
background: #fff;
}
.grayscale {
filter: grayscale(100%);
opacity: 0.7;
}
.produkta_cart_btn {
display: inline-block;
padding: 10px 14px;
border-radius: 6px;
text-decoration: none;
}
.produkta_cart_btn.disabled,
.produkta_cart_btn[disabled] {
pointer-events: none;
cursor: not-allowed;
background-color: #ddd;
color: #666;
}
.availability-msg-box {
border: 1px solid #f5c6cb;
background-color: #f8d7da;
color: #721c24;
padding: 15px;
margin: 15px 0;
border-radius: 5px;
font-weight: bold;
}
.availability-msg-box-list {
border: 1px solid #f5c6cb;
background-color: #f8d7da;
color: #721c24;
padding: 8px 12px;
border-radius: 5px;
font-weight: bold;
font-size: 0.7rem;
width: auto;
margin-top: 20px;
}
@media (max-width: 1200px) {
.header_language_box {
margin-left: 25px;
padding: 0 10px;
}
.rezerves_dalas_item_price {
position: absolute;
bottom: 0;
left: 0;
margin: 0 0 20px 20px;
}
.rezerves_dalas_item_lower_left {
padding-bottom: 50px;
}
.rezerves_dalas_item_cart {
position: absolute;
bottom: 20px;
right: 20px;
width: fit-content;
}
.rezerves_dalas_item_lower {
border-top: 1px solid #DCE0E6;
}
.rezerves_dalas_item_lower .rezerves_dalas_item_quantity {
display: none;
}
.rezerves_dalas_item_quantity {
margin: 0 0 0px auto;
}
.rezerves_dalas_right_column .rezerves_dalas_item_field_wrap, .rezerves_dalas_middle_column > *:not(.rezerves_dalas_item_title) {
display: none;
}
.rezerves_dalas_middle_column {
max-width: initial;
}
.rezerves_dalas_right_column {
padding: 0;
}
.grozs_wrapper {
flex-direction: column;
}
.grozs_wrapper .grozs_right {
width: 100%;
margin: 0;
}
.grozs_item_top_row {
width: 100%;
}
.grozs_item_column_1 {
width: 45%;
}
.grozs_item_column_2 {
width: 20%;
}
.grozs_item_column_3 {
width: 20%;
}
.grozs_item_column_4 {
width: 15%;
}
.grozs_piegade_part {
order: 1;
}
.grozs_back_btn {
margin-top: 20px;
}
.grozs_left {
display: flex;
flex-direction: column;
}
.grozs_piegade_part {
margin: 20px 0 0 0;
}
.grozs_wrapper {
gap: 20px;
}
.grozs_item_column_2 {
width: 40%;
}
.grozs_item_column_3 {
width: 40%;
flex-direction: column;
gap: 9px;
}
.grozs_item_column_4 {
width: 20%;
}
.grozs_item_column_side {
width: 55%;
}
.grozs_par_maksataju_wrap {
width: 100%;
}
.grozs_wrapper .grozs_apmaksas_veids_wrap {
width: 100%;
}
.detalas_wrap {
flex-direction: column;
}
.detalas_left, .detalas_right {
width: 100%;
}
.detalas_left_item_outside {
display: none;
}
.detalas_left_top_bar::before {
content: url(images/angle-small-down.svg);
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%) rotate(90deg);
transition: ease-in-out 0.18s;
}
.detalas_left_top_bar {
border-bottom: none;
}
.detalas_right_item_column_2 {
width: 35%;
}
.auto_galerija {
grid-template-columns: repeat(1, 1fr);
flex-wrap: wrap;
}
.orderItem .openArrow{
display: none;
}
.seemore{
width: 100%;
height: 100%;
}
.auto_left {
height: 460px;
max-width: 650px;
margin: 0 auto;
}
.auto_right{
width: 100%;
}
}
@media (max-width: 1000px) {
.rezerves_dalas_wrap {
flex-direction: column;
}
.rezerves_dalas_left {
max-width: initial;
}
.rezerves_dalas_left_top_bar {
border-radius: 3px;
cursor: pointer;
}
.rezerves_dalas_navigacija_wrap {
display: block;
}
.rezerves_dalas_left_top_bar::before {
content: url(images/angle-small-down.svg);
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%) rotate(90deg);
filter: brightness(0) saturate(100%) invert(1);
transition: ease-in-out 0.18s;
}
.kr_top {
grid-template-columns: repeat(1, 1fr);
}
.kr_left p, .kr_right p {
max-width: initial;
}
.header_lower_part .header_katalogs {
max-width: 175px;
}
}
@media (max-width: 950px) {
.footer_middle_part {
flex-direction: column;
gap: 30px;
}
.footer_navigation {
padding-left: 35px;
}
.footer_search_box {
width: auto;
}
}
@media (max-width: 900px) {
.header_navigation, .header_top_part, .header_lower_part .header_language_box {
display: none;
}
.header_cart_wrap {
margin: auto auto auto 0;
}
.header_search_box input {
padding: 10px 40px 10px 10px;
width: 50px;
position: absolute;
top: 0;
right: 0;
}
.header_search_box {
width: auto;
margin-left: auto;
}
.header_search_box img {
right: 0px;
}
.header_lower_part {
height: 70px;
}
.home_modela_izvele_title {
font-weight: 500;
margin: 10px 0 0 0;
}
.header_middle_part .header_language_box {
display: none;
}
.header_language_box {
border: 1.5px solid black;
}
.header_language_box span {
color: black;
}
.header_language_box > img {
filter: initial;
}
}
@media (min-width: 901px) {
label.hb_label, #site-navigation {
display: none;
}
}
@media (max-width: 768px) {
.container {
width: calc(100% - 50px);
}
.logobm{
margin-top: 2rem;
margin-bottom: 2rem;
}
.reg .loginWindow{
height: fit-content;
width: 100%;
border-radius: 0;
}
.homeclose{
display: none;
}
.check{
display: flex;
justify-content: center;
}
.check .detalas_left_item {
padding: 3px 0;
width: 90%;
}
.loginWindow input{
width: 90%;
}
.loginWindow .submitButton {
width: 90%;
}
.form13{
width: 100%;
}
.form13 input{
width: 100%;
}
.form13 button{
width: 100%;
}
.decor#n3{
margin-left: 0;
}
.showPass{
margin-left: 12rem;
}
.email .topTop .title img{
width: 10rem;
}
.email .topBottom{
flex-direction: column;
}
.email .topTop{
padding-left: 1rem;
padding-right: 1rem;
}
.profileSet .showPass{
margin-left: 17rem;
}
.home_banner_block h2 {
font-size: 34px;
line-height: 50px;
max-width: 420px;
}
.footer_logo_wrap, .header_logo {
font-size: 25px;
line-height: 50px;
}
.katalogs_top_bar .detalas_left_top_bar{
margin-left: -60px;
}
.katalogs_top_bar .detalas_left_top_bar::before{
margin-right: -40px;
}
.katalogs_top_bar .filtButton {
padding-left: 1rem;
padding-right: 1rem;
}
.katalogs_top_bar{
justify-content: center;
flex-wrap: wrap;
}
.breadcrumbs_wrap{
display: none;
}
.home_modela_box {
width: 48px;
height: 48px;
font-size: 20px;
}
.rezerves_dalas_item_price {
font-size: 28px;
line-height: 38px;
}
.rezerves_dalas_item_title {
font-size: 17px;
}
.grozs_item_column_2::before, .grozs_item_column_3::before, .grozs_item_column_4::before {
content: attr(data-label);
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
width: 100%;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.grozs_item_column_2 p, .grozs_item_column_3 p, .grozs_item_column_4 p {
margin: 0;
line-height: 49px;
}
.detalas_left {
margin-top: 30px;
}
.grozs_item_row {
flex-direction: column;
height: auto;
}
.grozs_item_column_1, .grozs_item_column_side {
width: 100%;
padding: 18px 0;
}
.grozs_item_top_row {
display: none;
}
.grozs_item_row {
border-top: 1px solid #E3E3E3;
border-bottom: none;
}
.grozs_item_row:last-child {
border-bottom: 1px solid #E3E3E3;
}
.grozs_item_delete {
left: initial;
transform: initial;
}
.grozs_item_date {
width: 84%;
}
.grozs_item_column_2, .grozs_item_column_3, .grozs_item_column_4 {
width: 33.333%;
align-items: center;
}
.grozs_item_column_2 {
text-align: left;
}
.grozs_item_column_2::before {
justify-content: initial;
}
.grozs_item_column_4 {
text-align: right;
}
.grozs_item_column_4::before {
justify-content: right;
}
.grozs_item_column_4.mobVis::before{
justify-content: left;
text-align: left;
}
.grozs_item_column_4.mobVis{
text-align: start;
}
.grozs_par_maksataju_row p {
display: none;
}
.grozs_par_maksataju_row {
justify-content: center;
}
.jur_pers_row {
margin: 0 auto;
width: 100%;
max-width: 367px;
}
.grozs_par_maksataju_wrap button[type=submit] {
margin: 0 auto;
}
.grozs_par_maksataju_row.piegades_row {
flex-direction: column;
}
.piegades_row p {
display: block;
margin: 0;
width: 100%;
max-width: 367px;
text-align: initial;
}
.grozs_par_maksataju_form {
padding: 30px 20px;
}
.number_row > div {
width: 100%;
max-width: 367px;
}
.number_row div input:not([type='checkbox']) {
width: 100%;
}
.grozs_apmaksas_veids_choice {
padding: 30px 20px;
}
.grozs_apmaksas_veids_lower_checkbox {
margin: 0;
}
.grozs_apmaksas_veids_btn {
max-width: initial;
}
.detalas_right_item {
flex-direction: column;
padding-bottom: 82px;
}
.detalas_right_item_column_1, .detalas_right_item_column_2, .detalas_right_item_column_3 {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.detalas_right_item_open_btn {
position: absolute;
bottom: 10px;
left: 50%;
max-width: 500px;
transform: translateX(-50%);
}
.auto_right {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.auto_left {
height: 330px;
}
}
@media (max-width: 700px) {
.kontakti_wrapper .container {
flex-direction: column;
}
.kontakti_left, .kontakti_forma form { max-width: initial }
.kontakti_forma form textarea {
max-width: 100%;
}
.grozs_piegade_part > div {
gap: 20px;
}
}
@media (max-width: 570px) {
.detalas_right_item_open_btn {
left: 10px;
width: calc(100% - 20px);
transform: none;
}
}
@media (max-width: 500px) {
.home_banner_block h2 {
font-size: 28px;
line-height: 44px;
padding: 55px 0 60px 0;
}
.home_modeli_item_wrap > div {
width: 100%;
}
.home_pedejie_title {
font-size: 20px;
}
.home_pedejie_skatit {
gap: 18px;
font-size: 15px;
}
.katalogs_row_inside_item_link {
font-size: 14px;
}
.katalogs_row_inside_item_link {
font-size: 14px;
}
.katalogs_row p {
font-size: 16px;
}
.katalogs_row span {
font-size: 16px;
}
.katalogs_row_inside_item, .katalogs_row_inside_item_link {
width: 100%;
}
.rezerves_dalas_item_title {
font-size: 16px;
line-height: 24px;
}
.rezerves_dalas_item_top > div:nth-child(1) {
width: 100%;
}
.rezerves_dalas_item_top > div:nth-child(2) {
width: 100%;
}
.rezerves_dalas_img_wrap img {
width: 100%;
}
.dpp_box {
height: 40px;
width: 40px;
font-size: 15px;
}
.rezerves_dalas_item_cart {
padding: 0 20px;
}
.rezerves_dalas_item_price {
font-size: 22px;
line-height: 30px;
}
.rezerves_dalas_select_wrap {
justify-content: space-between;
width: 100%;
margin-left: 10px;
}
.rezerves_dalas_select_wrap p {
width: fit-content;
min-width: 82px;
}
.rezerves_dalas_select_wrap select {
width: 100%;
max-width: 210px;
}
.kontakti_map_wrap .absolute {
width: 100%;
bottom: 20px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
padding: 0 26px;
}
.map_waze, .map_google {
position: initial;
width: auto;
}
.grozs_back_btn {
width: 100%;
}
.auto_right {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.auto_left {
height: 250px;
}
}
@media (max-width: 450px) {
.footer_search_btn {
padding: 6px 5px;
font-size: 14px;
}
.footer_search_input {
font-size: 14px;
max-width: 140px;
}
.footer_lower_part p {
font-size: 13px;
}
.katalogs_row {
gap: 10px;
}
.rezerves_dalas_item_title {
font-size: 15px;
}
}
@media (max-width: 400px) {
.katalogs_row p {
font-size: 14px;
}
.katalogs_row span {
font-size: 14px;
}
.rezerves_dalas_item_cart {
padding: 0 12px;
font-size: 13px;
}
.grozs_item_column_2::before, .grozs_item_column_3::before, .grozs_item_column_4::before {
font-size: 14px;
}
.detalas_left_top_bar p {
font-size: 16px;
}
}
@media (max-width: 355px) {
.kontakti_map_wrap .absolute {
padding: 0;
}
.detalas_left_top_bar p {
font-size: 15px;
}
}
@media (min-width: 1201px) {
.rezerves_dalas_item_mobile_middle {
display: none;
}
}
.text-inactive {
color: #BBBFC1;
}
.rezerves_row_content h4 {
margin-top: 5px;
margin-bottom: 1px;
}