/* File data: swiper.css */

/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */

 @font-face{font-family:swiper-icons;src: url('/media/swiper/data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End of file */


/* File data: jquery.jscrollpane.css */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 100%;
	background: #d9d8d5;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #d9d8d5;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #d9d8d5;
	position: relative;
}

.jspDrag
{
	background: #999897;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* End of file */


/* File data: default.css */

*{margin: 0; padding: 0;}

html{width: 100%; height: 100%; margin: 0; padding: 0;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset, img{border: 0;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
input, textarea, select{font-family: inherit; font-size: inherit; font-weight: inherit; outline: none; border-radius: 4px;
    border: 1px solid #c7c7c7; background: #fff;}
input, textarea, select{font-size: 100%;}
textarea{resize: none}
select{background: #fff}
input[type="checkbox"]{margin-right: 6px; outline: none}
a, img{outline: 0;}
a{color: #0564c0; text-decoration: none}
label{cursor: pointer;}
li{list-style: none;}
.three-column{width: 33.3%; box-sizing: border-box; padding: 0 2.5%; float: left}

.block{display: block;}	
.inline{display: inline;}
.clear{clear: both; line-height: 0 !important; font-size: 0 !important; height: 0 !important;}
.hidden{display: none !important;}
.clearfix:after {content: ''; display: block; clear: both;}
.center {text-align: center}

.editable p {padding: 0; margin-bottom: 12px; font-size: 17px}
.editable p img{display: block; max-width: 100%}
.editable li {margin-bottom: 5px; line-height: 1.5;}
.editable ul{font-size: 17px}
.editable ul li{list-style: disc; list-style-position: inside; margin-left: 12px}
.editable table{width: 100%;}
h1{font: 36px 'MontserratBold'; margin-bottom: 20px; line-height: 1}
h2{font: 40px 'MontserratBold'; margin-bottom: 25px; margin-top: 20px; color: #00488d}
h3{font: 24px/30px; font-weight: normal; margin-bottom: 15px; margin-top: 20px; color: #00488d}
h4{font-size: 24px; font-weight: normal; margin-bottom: 15px; margin-top: 20px}
h5{font-size: 16px;}
h6{font-size: 14px;}

::-webkit-input-placeholder {color:#3c3b36; opacity: 1}
::-moz-placeholder {color:#3c3b36; opacity: 1}
:-moz-placeholder {color:#3c3b36; opacity: 1}
:-ms-input-placeholder {color:#3c3b36; opacity: 1}

@font-face {
    font-family: 'MontserratRegular';
    src: url('/media/css/../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratMedium';
    src: url('/media/css/../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratSemiBold';
    src: url('/media/css/../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratBold';
    src: url('/media/css/../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* Animations */
/* ----------------------------------------------
 * Generated by Animista on 2024-4-29 13:53:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-elliptic-top-fwd
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-elliptic-top-fwd {
    0% {
      -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
              transform: translateY(-600px) rotateX(-30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) rotateX(0) scale(1);
              transform: translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% 1400px;
              transform-origin: 50% 1400px;
      opacity: 1;
    }
  }
  @keyframes slide-in-elliptic-top-fwd {
    0% {
      -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
              transform: translateY(-600px) rotateX(-30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) rotateX(0) scale(1);
              transform: translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% 1400px;
              transform-origin: 50% 1400px;
      opacity: 1;
    }
  }
   
.slide-in-elliptic-top-fwd {
	-webkit-animation: slide-in-elliptic-top-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-elliptic-top-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
 @-webkit-keyframes bounce-top {
    0% {
      -webkit-transform: translateY(-45px);
              transform: translateY(-45px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 1;
    }
    24% {
      opacity: 1;
    }
    40% {
      -webkit-transform: translateY(-24px);
              transform: translateY(-24px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    65% {
      -webkit-transform: translateY(-12px);
              transform: translateY(-12px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    82% {
      -webkit-transform: translateY(-6px);
              transform: translateY(-6px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    93% {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    25%,
    55%,
    75%,
    87% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
  }
  @keyframes bounce-top {
    0% {
      -webkit-transform: translateY(-45px);
              transform: translateY(-45px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 1;
    }
    24% {
      opacity: 1;
    }
    40% {
      -webkit-transform: translateY(-24px);
              transform: translateY(-24px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    65% {
      -webkit-transform: translateY(-12px);
              transform: translateY(-12px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    82% {
      -webkit-transform: translateY(-6px);
              transform: translateY(-6px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    93% {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    25%,
    55%,
    75%,
    87% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
  }

.bounce-top {
	-webkit-animation: bounce-top 0.9s both;
	        animation: bounce-top 0.9s both;
}
/* End of file */


/* File data: responsive-style.css */

/* Structure */
html{height: 100%;}
body{height: 100%; min-width: 360px; position: relative; font: 16px/1.33 'MontserratRegular'; color: #181f26; overflow-x: hidden}
#container{min-height: 100%; position: relative; box-sizing: border-box}
#header{min-height: 105px; font-size: 15px; z-index: 5; position: relative; background: #fff;}
#header-top{height: 40px;  background: #c0d4e7}
#left-column{width: 300px; float: left; margin: 0 20px 0 0; box-sizing: border-box; padding: 0 5px}
#left-column.index-left-column{padding: 0}
#content{position: relative; min-height: 100px; box-sizing: border-box; padding-bottom: 40px}
#content.under-banner-content{width: 100%}
#content:has(#catalog-products){padding-right: 5px;}
#content.shops{padding-bottom: 0;}
#sticky-footer-wrapper {padding-bottom: 250px;}
#footer{position: absolute; left: 0; bottom: 0; width: 100%; height: 250px; background: url("/media/css/../images/footer-pattern.jpg") repeat;
color: #fff; text-align: center; padding-top: 25px; box-sizing: border-box; font-size: 15px; z-index: 1}
div.wrapper, div.cart-wrapper{max-width: 1540px; margin: 0 auto; padding: 0 10px; position: relative; height: 100%;}
div.wrapper-aside{float: right; width: calc(100% - 320px); box-sizing: border-box; padding: 0 17px;}
div.wrapper-left{float: left; max-width: 1220px}
div.wrapper.left-small{max-width: 1150px; float: none; margin: 0 0 0 calc((100% - 1540px) / 2); padding: 0;}
.none-padding{padding: 0 !important}
.go-back-button{display: block; padding-left: 20px; background: url("/media/css/../images/arrow-left-blue.svg") no-repeat left center;
background-size: 10px 9px; margin: 0 0 25px 0; clear: both;}
.go-back-button > *{cursor: pointer;}
div.wrapper-900{width: 900px; margin: 10px auto}
div.editable.not-found{min-height: 200px}

/* Buttons */
.button{height: 42px; padding: 0 30px; cursor: pointer; background: #00488d; border-radius: 50px; color: #fff; 
font: 16px 'MontserratBold'; border: none; transition: all 0.5s ease; display: flex; align-items: center; 
justify-content: center; box-sizing: border-box;}
.button:hover{background-color: #1e88e5;}
.button.white{background: #fff; border: 3px solid #00488d; color: #181f26;}
.button.white:hover{color: #fff; background: #1e88e5; border-color: #1e88e5;}
.button.repeat{background: #00488d url(/media/css/../images/refresh-white.svg) left 32px center no-repeat; padding-left: 60px;}
.button.repeat:hover{background-color: #1e88e5;}
.button.orange{background-color: #d63c1d;}
.button.single{display: inline-flex; margin-bottom: 30px;}
.button.small{height: 36px; padding: 0 12px; font-size: 14px;}
.button.grey{background: #eeedeb; color: #00488d;}
.button.grey:hover{color: #fff; background: #1e88e5;}
.button.square{border-radius: 6px; padding: 0 12px;}

/* Header */
#header-top > div.wrapper{display: flex; justify-content: space-between; align-items: center;}
#header-top > div.wrapper > div{display: flex; gap: 20px; align-items: center;}
div.city-select{cursor: pointer; color: #00488d; padding-right: 21px; font: 14px 'MontserratBold';
background: url(/media/css/../images/restyle/chevron-down.svg) right center no-repeat;}
div.city-list{position: absolute; top: 40px; width: 200px; background: #00488d; padding: 15px 0 20px 0; z-index: 100;
display: none; box-shadow: 0 2px 27px rgba(0, 0, 0, .4);}
div.city-list.modal{left: calc((100% - 1540px) / 2); top: 40px; position: fixed;}
div.city-list li{padding: 5px 16px}
div.city-list li a{color: #fff}
div.city-list li a:hover{color: #c0d4e7;}
div.city-search{width: 175px; height: 30px; margin: 10px auto 0;}
div.city-search input[type="search"]{width: 100%; height: 100%; border: none; padding: 0 30px 0 10px; outline: none; 
background: #fff url("/media/css/../images/search-black.svg") no-repeat 150px center; background-size: 20px 18px;}
div.city-search ul{background: #eee; border-radius: 4px; width: 350px; padding: 10px 0;}
div.city-search ul li{padding: 0;}
div.city-search ul li a{color: #00488d; display: block; padding: 5px 10px; text-decoration: none !important;}
div.city-search ul li a:hover{background: #c0d4e7; color: #00488d;}

#header-top div.login{background: url("/media/css/../images/restyle/user.svg") no-repeat left center; box-sizing: border-box; 
padding: 0 10px 0 22px; cursor: pointer; font: 14px 'MontserratBold'; color: #00488d; background-size: 16px 16px;}
#header-top div.login > a{color: #00488d;}

#user-menu li a{font: 14px 'MontserratBold'; color: #00488d;}
#user-menu li.favorites{display: flex; min-width: 130px; align-items: center; gap: 5px;}
#user-menu li.favorites span{color: #fff; background: #00488d; font-size: 9px; padding: 0 1px;
display: flex; justify-content: center; align-items: center; height: 16px; min-width: 16px; border-radius: 8px;}
#user-menu li.favorites a{padding: 0 0 0 22px; background: url(/media/css/../images/restyle/heart.svg) left center no-repeat; 
background-size: 16px 16px;}

/* Order call form */
#order-call{position: relative;}
#order-call > a.phone{color: #00488d; margin-right: 20px; font: 14px 'MontserratBold';}
#order-call > span{cursor: pointer; font: 14px 'MontserratBold'; color: #00488d;}
#cart-summery{width: 200px; padding: 0; height: 100%; color: #fff; box-sizing: border-box; position: relative}
#cart-summery a{height: 100%; display: block; text-decoration: none; color: #fff; padding: 22px 0 0 25px;
box-sizing: border-box;}
#order-call span.call-icon{display: inline-block; width: 35px; height: 40px; float: left;}
#order-call span.call-icon{background: #01b6d5 url("/media/css/../images/button-call.svg") center center no-repeat; background-size: 22px 22px}

/* Mobile menu */
#mobile-top-menu{font: 16px/140% 'MontserratBold'; background: #fff; z-index: 100000; position: fixed; height: 100%; overflow: auto;
width: 360px; left: 0; top: 0px; padding: 40px; box-sizing: border-box; display: none;}
#mobile-top-menu .close{display: block; background: rgba(0, 0, 0, 0) url("/media/css/../images/restyle/close.svg") no-repeat; 
background-size: contain; cursor: pointer; height: 24px; width: 24px; position: absolute; top: 10px; right: 10px}
#mobile-top-menu img.logo{width: 160px; margin-bottom: 30px;}
#mobile-top-menu a.phone{color: #00488d; display: inline-block; font-size: 20px; margin-bottom: 30px;}
#mobile-top-menu ul{display: flex; flex-direction: column; gap: 30px;}
#mobile-top-menu ul li{padding-left: 35px; cursor: pointer; background-position: left center; background-repeat: no-repeat;
background-size: 20px 20px;}
#mobile-top-menu ul li > a{padding-left: 35px; display: inline-block; color: #181f26;}
#mobile-top-menu ul li:has(a){padding: 0;}
#mobile-top-menu ul li.telegram, #mobile-top-menu ul li.partnership, #mobile-top-menu > ul > li:last-child{
padding-bottom: 30px; border-bottom: 1px solid #eeedeb; background-position: top 3px left;}
#mobile-top-menu ul li.order-call{background-image: url(/media/css/../images/restyle/phone.svg);}
#mobile-top-menu ul li.whatsapp{background-image: url(/media/css/../images/whatsapp.svg);}
#mobile-top-menu ul li.telegram{background-image: url(/media/css/../images/restyle/telegram.svg);}
#mobile-top-menu ul li.partnership{background-image: url(/media/css/../images/shake-hands.svg);}
#mobile-top-menu ul li.user{background-image: url(/media/css/../images/restyle/user.svg);}
#mobile-top-menu ul li.favorites{background-image: url(/media/css/../images/restyle/heart.svg); display: flex;}
#mobile-top-menu ul li.favorites > span{color: #fff; background: #00488d; font-size: 9px; padding: 0 1px;
display: flex; justify-content: center; align-items: center; height: 15px; min-width: 15px; border-radius: 8px;
margin-left: 5px; position: relative; bottom: -3px}
#mobile-top-menu ul li.page.has-children > a{background: url(/media/css/../images/restyle/chevron-down.svg) right center no-repeat;
padding-right: 22px;}
#mobile-top-menu ul li ul{padding-left: 20px; border-left: 2px solid #00488d; margin-left: 35px; display: none;}
#mobile-top-menu ul li ul li{margin-bottom: 26px;}
#mobile-top-menu ul li ul li:last-child{margin: 0;}
#mobile-top-menu > ul > li.page.open.has-children > a{color: #00488d;}

/* Header menu */
#header-middle div.wrapper{height: 84px; display: flex; align-items: center; justify-content: space-between;}
#logo{display: block; width: 255px;}
#logo img{display: block; max-width: 100%}

#top-menu{font: 16px 'MontserratBold'; display: flex; align-items: center; gap: 10px;}
#top-menu > li.page{margin-right: 10px; position: relative; padding: 10px 0;}
#top-menu > li.has-children{padding-right: 21px; background: url(/media/css/../images/restyle/chevron-down.svg) right center no-repeat;}
#top-menu li a{color: #181f26;}
#top-menu > li.active > a{color: #1e88e5;}
#top-menu li ul{width: 190px; box-sizing: border-box; position: absolute; top: 42px; left: 50%; margin-left: -95px;
background: #202a37; padding: 2px 20px 15px 20px; z-index: 100; border-radius: 4px; display: none;}
#top-menu > li:hover ul{display: block; box-shadow: 0 2px 27px rgba(0, 0, 0, .4);}
#top-menu li ul li{padding: 7px 0;}
#top-menu li ul li a{text-decoration: none; color: #fff; font-size: 14px; transition: all 0.5s ease;}
#top-menu li ul li a:hover{color: #ffc600;}
#top-menu > li.social{height: 44px; padding: 0 10px 0 36px; border: 3px solid #d63c1d; border-radius: 40px; display: flex;
align-items: center; cursor: pointer;}
#top-menu li.social.partnership{background: #fff url("/media/css/../images/shake-hands.svg") no-repeat left 7px center;}
#top-menu li.social.whatsapp{background: #fff url("/media/css/../images/whatsapp.svg") no-repeat left 7px center;
border-color: #19ad50;}
#top-menu li.social.telegram{background: #fff url("/media/css/../images/telegram.png") no-repeat left 7px center;
border-color: #1d9ad6;}
#top-menu li.icon-button{margin-left: 10px; width: 24px; height: 24px; cursor: pointer; display: none;}
#top-menu li.icon-button.account{background: #fff url(/media/css/../images/restyle/user.svg) center no-repeat; background-size: 20px 20px;}
#top-menu li.icon-button.mobile-menu{background: #fff url(/media/css/../images/restyle/menu-hamburger.svg) center no-repeat;}

span.triangle{background: rgba(0, 0, 0, 0) url("/media/css/../images/triangle.png") no-repeat scroll center bottom / 14px 7px; 
height: 7px; position: absolute; left: 0; top: -7px; width: 100%;}

/* Header bottom */
#header-bottom{background: #00488d; height: 60px; position: relative;}
#header-bottom > div.wrapper{display: flex; align-items: center; justify-content: space-between;}
#header-bottom.fixed{position: fixed; top: 0; width: 100%; z-index: 30;}
#header-bottom div.catalog-toggle{height: 20px; padding: 0 0 0 32px; font: 16px 'MontserratRegular'; color: #fff;
background: url("/media/css/../images/list.svg") no-repeat left center; width: 280px; box-sizing: border-box; cursor: pointer;}
#header-bottom-holder{height: 60px; display: none;}
#header-bottom-holder.fixed{display: block;}

#search-form{overflow-x: hidden; background: #fff; border-radius: 6px; width: calc(100% - 500px); 
height: 44px;}
#search-form div.search-field{height: 100%; display: flex; align-items: center;}
#search-form input.string{border: none; width: calc(100% - 80px); height: 100%; box-sizing: border-box; font-size: 16px;
padding: 4px 20px;}
#search-form .search-icon{width: 44px; height: 100%; cursor: pointer; display: block; background-position: center;
background: url(/media/css/../images/search-black.svg) no-repeat center; background-size: 20px 20px;}
#search-form span.search-clear{background: url("/media/css/../images/cross.png") center no-repeat; background-size: 13px 13px; 
cursor: pointer; width: 44px; height: 100%;}
#search-form div.search-field.open{left: 0}

#search-form div.search-results{display: none; position: absolute; top: 54px; z-index: 1000; background: #fff; 
width: calc(100% - 19.5% - 82px); box-shadow: 0 3px 5px 3px #ddd}
#search-form div.search-results a.search-variant{display: block; color: #3c3b36; min-height: 76px; border-bottom: 1px solid #d0d2d6; 
padding: 10px; box-sizing: border-box}
#search-form div.search-results a.search-variant:hover{background: #d0d2d6}
#search-form div.search-results a.search-variant div.image-wrapper{display: inline-block;  height: 100%; width: 105px}
#search-form div.search-results a.search-variant img{height: 100%; display: block; margin: 0 auto}
#search-form div.search-results a.search-variant img.empty{max-width: 90%; height: auto;}
#search-form div.search-results a.search-variant div.product-description{display: inline-block; vertical-align: top; 
box-sizing: border-box; width: calc(100% - 105px)}
#search-form div.search-results a.search-variant div.product-description span.price{font-weight: bold; }
#search-form div.search-results div.show-all{height: 66px; line-height: 66px; padding: 0 40px; color: #00488d; cursor: pointer}
#mobile-search-show{background: url("/media/css/../images/search.svg") no-repeat center; background-size: 23px 23px;
width: 40px; height: 100%; cursor: pointer; display: none;}

#cart-summery span.cart-icon{background: url("/media/css/../images/shopping-cart.svg") center no-repeat; width: 24px;
background-size: 24px 24px; display: block; margin-right: 10px; display: inline-block; height: 24px;
position: relative; top: -3px;}
#cart-summery #cart-quantity{display: block; min-width: 16px; height: 16px; border-radius: 100%; background: #ffc600; 
font-size: 11px; position: absolute; top: 14px; left: 40px; color: #181f26; text-align: center; 
box-sizing: border-box; padding: 1px 3px;}
#cart-summery .cart-total{position: relative; top: -9px;}

div.categories{background: #181f26; font-size: 19px; color: #fff; min-height: 468px; box-sizing: border-box}
#left-column div.text-block{margin-bottom: 30px;}
#left-column div.text-block img{display: block; width: 100%}
#left-column div.header, #catalog-filters div.header{font: 16px 'MontserratBold'; margin-bottom: 20px; padding: 0}

#brands-list{border-bottom: 1px solid #e2e6e5; text-align: right; margin: 0 0 30px 0; padding: 0 0 15px 0;}
#brands-list li{margin: 0 0 12px 0;}
#brands-list li:last-child{margin: 0;}
#brands-list li a{color: #00b6d5; text-decoration: none;}
#brands-list li.show-more{text-decoration: underline; cursor: pointer; color: #00b6d5;}
#brands-list li.active a{color: #2e3638;}

#catalog-menu{background: #181f26; position: fixed; width: 500px; height: 100%; top: 0; left: 0;
overflow-y: auto; overflow-x: visible; z-index: 10000; display: none;}
#catalog-menu div.head{padding: 50px 40px 47px 40px; background: #262e36;}
#catalog-menu a.by-model{display: block; height: 32px; padding-top: 12px; text-align: center; background: #ffc600; 
color: #181f26; font: 18px 'MontserratBold'; border-radius: 25px;}
#catalog-menu a.by-model.first{margin-bottom: 20px;}
#catalog-menu-close{background: url("/media/css/../images/close.svg") no-repeat center; width: 20px; height: 20px;
display: inline-block; cursor: pointer; background-size: contain; position: absolute; top: 17px; right: 35px;}
#catalog-menu div.inside{padding: 0 40px 20px 40px;}
#catalog-menu-back{color: #ffc600; padding-left: 20px; font: 18px 'MontserratRegular'; background-size: contain; 
cursor: pointer; background: url("/media/css/../images/arrow-left-yellow.svg") no-repeat left center; margin-top: 20px; 
display: none;}
#catalog-menu div.list-wrapper{position: relative; overflow: hidden;}
#catalog-menu ul{padding: 20px 0 0 0; width: 100%}
#catalog-menu ul li{font: 18px 'MontserratRegular'; padding: 20px 0 22px 0; border-top: 1px solid #262e36;}
#catalog-menu ul li a{color: #fff; display: block;}
#catalog-menu ul li span{color: #fff; cursor: pointer; background: url(/media/css/../images/arrow-right-white.svg) right center no-repeat; 
background-size: 12px 10px; padding-right: 15px; display: block;}
#catalog-menu ul.layer{position: absolute; top: 0; right: -100%; width: 100%;}

div.index-catalog-sections{background: #181f26;}
div.index-catalog-sections div.inner{max-width: 1540px; padding: 60px 0 50px 0; margin: 0 auto;}
div.index-catalog-sections h1{color: #fff; font: 36px 'MontserratBold'; margin-bottom: 20px;}
div.index-catalog-sections div.list{float: left; width: 100%;}
div.index-catalog-sections div.list a{color: #fff; display: flex; float: left; width: calc(18% - 2px); margin: 0 2.5% 20px 0;
align-items: center; height: 100px; border-radius: 3px; font: 17px 'MontserratRegular';
border: 1px solid #262e36;}
div.index-catalog-sections div.list a:hover{background: #262e36; color: #ffc600;}
div.index-catalog-sections div.list a:nth-child(5n){margin-right: 0;}
div.index-catalog-sections div.list a:first-child{background: #ffc600; color: #181f26;
border-color: #ffc600;}
div.index-catalog-sections div.list a img{width: 50px; height: 50px; margin: 0 28px;}

/* Content area */
#index-banner-slider{position: relative; padding-top: 10px; box-sizing: border-box; margin-bottom: 10px;}
#index-banner-slider .swiper-slide a{display: block; width: 100%;}
#index-banner-slider .swiper-slide img{display: block; max-width: 100%; margin: 0 auto;}
.index-banner-controls{height: 35px; position: relative; z-index: 100; margin-top: -35px;}
.index-banner-controls .arrows{display: flex; justify-content: space-between; width: 100%; position: relative;
height: 0;}
.index-banner-controls .arrows > *{height: 40px; width: 35px; background-size: contain !important;
cursor: pointer; top: -12rem; position: relative; opacity: 0.2; transition: all 0.5s ease;}
.index-banner-controls .arrows > *:hover{opacity: 1;}
.index-banner-controls .index-banner-prev{background: url(/media/css/../images/arrow-left-blue.svg) no-repeat center;}
.index-banner-controls .index-banner-next{background: url(/media/css/../images/arrow-right-blue.svg) no-repeat center;}
.index-banner-controls .index-banner-pagination{display: flex; gap: 10px; padding: 10px;}
.index-banner-controls .index-banner-pagination span{width: 15px; height: 15px; background: #ccc; border-radius: 50%;
opacity: 1 !important; margin: 0 !important;}
.index-banner-controls .index-banner-pagination span.active{background: #0564c0;}

#index-banner-slider div.banner-text{background: url(/media/css/../images/banner-text.png) repeat-x top; padding: 20px 30px 25px 30px; 
width: 45% !important; height: auto !important; position: absolute; bottom: 10%; left: 0; font-size: 15px !important; 
line-height: 1.2 !important}
#index-banner-slider div.banner-text div.header{margin: 0 0 10px 0 !important; font: 45px/45px "PTSansNarrowRegular";}
#index-banner-slider div.banner-text p{margin-bottom: 8px;}

div.slider-info{padding: 10px 3.7%; background: #181f26; height: 65px; -webkit-box-sizing: border-box; 
box-sizing: border-box; color: #fff; font-size: 16px;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; 
justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap}
div.slider-info > div{box-sizing: border-box; line-height: 45px; padding-left: 60px;}
div.slider-info div.cards{background: url("/media/css/../images/icon-credit-cards.png")no-repeat left center;}
div.slider-info div.delivery{background: url("/media/css/../images/icon-delivery.png")no-repeat left center;}
div.slider-info div.package{background: url("/media/css/../images/icon-package.png")no-repeat left center;}

div.car-brands-wrapper{padding: 0 25px;}
div.car-brands{margin: 20px 0 20px 0;}
div.owl-carousel div.brand-logo{height: 110px;}
div.owl-carousel div.brand-logo a{display: block; height: 110px; display: flex; justify-content: center;
align-items: center;}
div.owl-carousel div.brand-logo a img{display: block; max-width: 100%}
div.car-brands div.owl-nav{top: 40%;}

.owl-carousel .owl-item{box-sizing: border-box; padding: 7px;}

div.special-products{background: #eeedeb; padding: 20px 0 35px}
div.special-products div.wrapper{padding: 0 30px;}
div.special-products-header, div.title{margin: 25px 0 15px; display: inline-block}
div.special-products-header{font: 25px 'MontserratBold'; margin-left: 10px;}
div.special-products-header a{color: #0564c0; margin-left: 20px; font-size: 14px;}
a.all{color: #0564c0; margin-left: 7px; display: inline-block}
a.all-button{font-size: 15px; padding: 10px 17px; display: block; color: #888889; border: 2px solid #888889;
border-radius: 50px; float: right; transition: all 0.3s; min-width: 190px; text-align: center}
a.all-button:hover{border: 2px solid #0564c0; color: #0564c0}

div.promo-block{padding: 0 0 20px 0; display: flex;}
div.promo-block div.promo:last-child{margin-right: 0}
div.promo-block div.promo > a{display: block;}
div.promo-block div.promo img{display: block; width: 100%}
div.promo-block.index-promo{padding: 20px 0}
div.promo-block div.owl-nav{top: 44%}

div.news-block{padding: 0 0 60px}
div.news-block div.title{font: 25px 'MontserratBold';}
.news{display: block; width: 21%; margin-right: 5.3%; margin-bottom: 30px; float: left; box-sizing: border-box}
.news:nth-child(4n){margin-right: 0}
.news .news-image{margin-bottom: 15px; position: relative}
.news .news-image img{display: block; width: 100%}
.news .news-image .image-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(5, 100, 192, 0.5); opacity: 0; transition: opacity 0.5s}
.news .news-date{font-size: 13px; color: #888889; padding: 0 15px 5px}
.news .news-text{padding: 0 15px; color: #181f26; height: 40px}
.news:hover .image-hover{opacity: 1}
.news:hover .news-text{color: #0564c0}

div.about{background: #eeedeb; padding: 35px 0 45px; margin-bottom: -40px}
div.about div.wrapper{max-width: 1200px}
div.about h3{color: #181f26; font: 18px MontserratBold}
div.bordered{border: 3px solid #00488d; border-radius: 15px; padding: 15px 30px; box-sizing: border-box;
margin: 35px auto; width: 100%; max-width: 920px}
div.bordered h3{margin-bottom: 15px; font: 24px 'MontserratBold'; color: #00488d}
div.bordered p{margin-bottom: 30px}

input[type="button"], input[type="submit"]{-webkit-appearance: button;}

#bottom-text{position: relative; /* max-height: 175px; */ overflow: hidden; clear: both; padding-right: 24%}
#bottom-text div.cover{display: none; background: url(/media/css/../images/cover.png) repeat-x bottom; height: 49px; 
position: absolute; bottom: 0;
width: 100%;}
#bottom-text.open{height: auto; max-height: 100000px}
#bottom-text.open div.cover{display: none;}
#bottom-text p{margin: 0 0 10px 0; line-height: 1.5;}
#bottom-text h1{margin: 0 0 20px 0; font-size: 48px;}
#bottom-text h2{text-align: left; margin-bottom: 20px}
#bottom-text-button{padding: 10px 0 0 0; display: none}
#bottom-text-button span{color: #00488d; text-decoration: underline; cursor: pointer;}

div.breadcrumbs{font-size: 14px; line-height: 22px; padding: 15px 0; max-width: 1200px;}
div.breadcrumbs a{background: url(/media/css/../images/breadcrumbs.png) no-repeat right; padding-right: 12px; margin: 0 4px 0 0;
text-decoration: none; color: #0564c0;}

div.shop{text-align: center}
div.shop p{margin-bottom: 10px; font-size: 18px;}
div.shop p > a, div.shop p > span{padding-left: 30px; display: inline-block;}
div.shop a.phone{background: url("/media/css/../images/phone.svg") no-repeat center left; background-size: 18px 18px;}
div.shop a.email{background: url("/media/css/../images/message.svg") no-repeat center left; background-size: 18px 18px;}
div.shop p span.schedule{background: url("/media/css/../images/clock.svg") no-repeat center left; background-size: 18px 18px;}
div.shop p a.whatsapp{background: url("/media/css/../images/whatsapp.svg") no-repeat center left; background-size: 18px 18px;}
.shop-content{text-align: left}
div.shop p.shop-address{font-weight: bold}
div.shop p.shop-address a{color: #181f26;}
#gallery{margin: 30px auto}
div.gallery-wrapper{ background-color: #f4f3ef}
#content h1 a.clear-products-list{font-size: 13px; margin-left: 15px;}

/* Pager */
div.pager{clear: both; margin-bottom: 25px; display: flex; height: 36px; align-items: center; gap: 7px;}
div.pager span{margin: 0 5px 0 0;}
div.pager a{box-sizing: border-box; padding: 7px 9px 7px 9px; text-decoration: none; margin-left: -5px; color: #181f26;
font: 16px/22px 'MontserratBold'; font-weight: 700;}
div.pager a.pager-prev{background: url(/media/css/../images/arrow-left-blue.svg) left 5px center no-repeat; 
padding: 5px 10px 7px; background-size: 10px 10px; margin-right: 5px;}
div.pager a.pager-next{background: url(/media/css/../images/arrow-right-blue.svg) right 5px center no-repeat; 
padding: 5px 10px 7px; background-size: 10px 10px; margin-left: 5px;}
div.pager a.active{background: #00488d; color: #fff; border-radius: 50%; min-width: 36px; text-align: center;}
div.pager a:hover{color: #00488d;}
div.pager a.active:hover{color: #fff;}

#previous-next{clear: both; margin-top: 30px; height: 45px; line-height: 45px; background: #eeedeb}
#previous-next a{display: inline-block; height: 100%;  max-width: 48%; box-sizing: border-box; color: #0564c0}
#previous-next a span{display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
#previous-next a.next span{text-align: right}
#previous-next a.previous{padding: 0 0 0 40px; background: url(/media/css/../images/arrow-left-blue.svg) left 22px center no-repeat; 
background-size: 9px 9px}
#previous-next a.next{float: right; background: url(/media/css/../images/arrow-right-blue.svg) right 22px center no-repeat;
background-size: 9px 9px; padding: 0 40px 0 0;}

/* Forms */
div.center-wrapper{max-width: 695px; margin: 0 auto}
div.center-wrapper h1, div.center-wrapper p{text-align: center}
form.regular{width: 100%; max-width: 600px; padding: 15px 0 30px 0; /*font-size: 18px*/}
form.regular div.field-name{float: left; width: 200px; margin: 0 3% 20px 0; padding: 0; min-height: 32px;
font: 16px 'MontserratBold';}
form.regular span.required{color: #d63c1d;}
form.regular p.required-text{text-align: left; margin-bottom: 10px; font-size: 16px;}
form.regular div.field-input{float: left; width: calc(100% - 200px - 3%); margin: 0 0 20px 0; min-height: 32px; 
display: flex; align-items: center;}
div.agreement{margin-bottom: 20px; font-size: 15px}
div.agreement a{color: #1e88e5; text-decoration: underline}
form.regular div.field-input input[type="text"], form.regular div.field-input input[type="password"]{border: 1px solid #c5c5c5;
padding: 12px 3%; height: 18px; width: 100%;}
form.regular div.field-input:has(input[name='captcha']){display: flex; justify-content: space-between;}
form.regular div.field-input input > *{box-sizing: border-box;}
form.regular div.field-input input[name='captcha']{width: 70%;}
form.regular div.field-input textarea{border: 1px solid #c5c5c5; padding: 5px 5%; width: 90%;}
form.regular div.field-input select{border: 1px solid #c5c5c5; padding: 2px 5% 3px 3%; width: 100%; height: 44px; cursor: pointer;
background: #fff url(/media/css/../images/arrow-down.svg) right 14px center no-repeat; background-size: 14px 14px; appearance: none;}
form.regular div.field-input select option{padding: inherit}
form.regular div.buttons{margin: 30px 0; display: flex; clear: both; justify-content: space-between;}
form.regular div.buttons.wide{float: none; display: flex; justify-content: space-between;}
form.regular div.buttons input{color: #fff; background: #00488d; padding: 0 35px; border: none; cursor: pointer; border-radius: 50px;
font: 16px 'MontserratBold'; display: flex; align-items: center; height: 50px}
form.regular div.buttons input.right{margin-left: auto;}
form.regular div.buttons input:hover{background: #1e88e5;}
form.regular input[type='text'], form.regular input[type='password'], form.regular textarea, form.regular select{font-size: 16px;}
::placeholder{color: #c5c5c5;}
form.regular div.separator{border-bottom: 1px solid #c5c5c5; clear: both; margin-bottom: 30px; padding-top: 10px;
width: 98%;}

div.form-errors{background: #f9f3d7; margin: -5px 0 20px 0; padding: 15px 10px;}
div.form-errors p{color: #d63c1d; padding: 0 10px 0 10px; margin-bottom: 10px; font-size: 15px; line-height: 18px;
text-align: left;}
form.regular div.field-input.error-field input, form.regular div.field-input.error-field select,
form.regular div.field-input.error-field textarea{background: #f9f3d7; border: 1px solid #eee7c6;}
div.form-success{background: #c1f7c0; margin: -5px 0 20px 0; padding: 15px 10px;}
div.form-success p{color: #217c20; padding: 0 10px 0 10px; margin-bottom: 10px; font-size: 15px; line-height: 18px;}
div.form-success, div.form-errors{width: 100%; box-sizing: border-box;}
div.form-errors p:last-child, div.form-success p:last-child{margin: 0;}
div.delivery-sign{margin-top: 5px;}
div.form-bottom-links{clear: both; position: relative}
div.form-bottom-links a{margin: 8px 28px 0 0; font-size: 17px; display: inline-block;}

div.flash-message{width: 100%; display: flex; flex-direction: column; gap: 8px; border-radius: 4px;
margin-bottom: 25px; font-size: 15px; padding: 15px 25px; box-sizing: border-box;}
div.flash-message.success{background: #c1f7c0; color: #217c20;}

div.center-wrapper.registration div.breadcrumbs{color: #888889}
div.center-wrapper.registration div.breadcrumbs a{color: #888889}
div.center-wrapper.registration h1{text-align: left; margin-bottom: 28px}

#new-client-type{display: flex; height: 56px; border-bottom: 1px solid #00488d; max-width: 600px; margin-bottom: 20px}
#new-client-type li{width: 50%; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0;
list-style: none; color: #00488d; font: 16px 'MontserratBold'; cursor: pointer;}
#new-client-type li.active{background: #00488d; color: #fff; cursor: default;}

form div.contract{width: 100%; clear: both; border-top: 1px solid #c5c5c5; padding-top: 25px;
margin-bottom: 25px}
form div.contract > div{width: 100% !important; float: none !important; display: flex !important;
align-items: center !important;}
form div.contract label{margin-left: 12px;}
form div.contract.passive label{color: #c5c5c5}

/* Footer */
#footer div.wrapper{display: flex; flex-direction: column; align-items: center; justify-content: space-between;
padding: 20px 0 30px 0; box-sizing: border-box;}
#footer a{text-decoration: none; color: #ffc600}
#footer a:hover{text-decoration: underline}
#footer div.payment-systems{background: url(/media/css/../images/payment.png) no-repeat; background-size: contain; width: 328px; 
height: 26px;}
#footer div.ssl{height: 41px;}
#footer div.ssl table{margin: 0 auto;}
#footer div.links a{margin: 0 10px}
#footer div.links img{display: none;}

#scroll-up-button{width: 50px; height: 50px; position: fixed; bottom: 30px; right: 30px; z-index: 1000000; cursor: pointer;
background: url(/media/css/../images/scroll-up.svg) no-repeat center; background-size: contain; opacity: 0.7; display: none;}
/* End of file */


/* File data: responsive-catalog.css */


/* Categories left list */
#categories-list{box-sizing: border-box; position: relative; padding: 8px 0 0 0; background: #181f26; color: #fff;
font-size: 16px;}
#categories-list .show-all{color: #1e88e5; background: url("/media/css/../images/arrow-down-blue.svg")no-repeat 220px center; background-size: 8px 8px;
cursor: pointer; width: 100%; padding: 13px 25px; box-sizing: border-box; position: relative; z-index: 100}
#categories-list .show-all.open{background: url("/media/css/../images/arrow-up-blue.svg")no-repeat 83px center; background-size: 8px 8px;}
#categories-list li:hover{background: #262e36}
#categories-list .show-all:hover{background: #262e36 url("/media/css/../images/arrow-down-blue.svg")no-repeat 220px center; background-size: 8px 8px; }
#categories-list .show-all.open:hover{background: #262e36 url("/media/css/../images/arrow-up-blue.svg")no-repeat 83px center; background-size: 8px 8px;}
#categories-list li a{display: block; width: 100%; height: 100%; padding: 13px 30px; box-sizing: border-box; color: #fff}
#categories-list > li:first-child a{color: #ffc600; text-transform: uppercase;}
#categories-list li:last-child{margin: 0;}
#categories-list li.has-children > a span{padding-right: 13px; background: url(/media/css/../images/arrow-right-white.svg) right center no-repeat; background-size: 9px 8px}
#categories-list li.has-children.open > a span{background: url(/media/css/../images/arrow-menu-down-yellow.png) right 13px no-repeat; color: #ffc600}
#categories-list li ul li.active > a{color: #ffc600;}
#categories-list li.open ul{padding: 10px 10px 0 30px;}
#categories-list li.open ul li{margin: 0 0 15px; font-size: 17px; padding: 0}
#categories-list li.extra{display: none; background: #181f26; position: relative; z-index: 100}
#categories-list li.extra:hover{background: #262e36}

#categories-list li div.list-wrapper{position: absolute; left: 100%; top: 0; width: 320px;  background: #262e36; z-index: 100;
box-sizing: border-box; height: 468px; display: none}
#categories-list li div.list-wrapper ul{height: 100%; overflow: auto; box-sizing: border-box; padding-top: 6px}
#categories-list.retractable li:hover > div.list-wrapper{display: block}
#categories-list.retractable li ul li:hover{background: #181f26}
#categories-list.retractable li ul li div.list-wrapper {background: #262e36; display: none}
#categories-list.retractable li ul li:hover > div.list-wrapper{display: block}
.scrollable::-webkit-scrollbar{width: 10px; background-color: #d9d8d5;}
.scrollable::-webkit-scrollbar-thumb{background-color: #999897;}

#categories-list.hidden-list{width: 300px; position: absolute; z-index: 10000; top: 43px; display: none; min-height: 468px}

#categories-list-inside{box-sizing: border-box; padding: 20px; border: 1px solid #888889; border-radius: 4px;
margin-bottom: 35px}
#categories-list-inside li{padding-bottom: 10px}
#categories-list-inside li a{color: #0564c0; }
#categories-list-inside li a:hover{color: #181f26; }


/* Categories page */
#catalog-categories{width: 100%; float: left; padding: 10px 0 30px 0;}
#catalog-categories > div{width: 23.5%; margin: 0 2% 15px 0; float: left; box-sizing: border-box; text-align: center}
#catalog-categories > div:nth-child(4n){margin-right: 0}
#catalog-categories > div a.image{width: 100%; height: 100%; display: block;}
#catalog-categories > div a.image img{display: block; margin: 0 auto 15px;}
#catalog-categories > div a.name{display: block;}

div.catalog-banner{margin-bottom: 30px; width: 100%;}
div.catalog-banner img{display: block; width: 100%;}

/* Navigation */
#catalog-navigation{margin-bottom: 12px;}
div.catalog-navigation-top{height: 46px; padding: 0 12px; box-sizing: border-box; background: #eeedeb;
display: flex; justify-content: space-between; align-items: center;}
div.catalog-navigation-bottom{padding: 0 12px; box-sizing: border-box; height: 54px; line-height: 54px;
display: flex; justify-content: space-between;}
div.catalog-navigation-bottom .pager{box-sizing: border-box; float: right; clear: none; margin: 10px 0 0 0}
#catalog-navigation div.sorter{display: flex; gap: 10px;}
#catalog-navigation div.sorter a{display: inline-block; padding: 0 16px 0 0; text-decoration: none; color: inherit}
#catalog-navigation div.sorter a:hover{color: #2e3638;}
#catalog-navigation div.sorter a.active-desc{background: url(/media/css/../images/arrow-down-blue.svg) right 4px center no-repeat;
background-size: 8px 8px; color: #1565c0;}
#catalog-navigation div.sorter a.active-asc{background: url(/media/css/../images/arrow-up-blue.svg) right 4px center no-repeat;
background-size: 8px 8px; color: #1565c0;}
#catalog-navigation div.sorter label{display: inline-flex; align-items: center;}
#catalog-navigation div.sorter label input{position: relative; bottom: -1px;}
div.catalog-navigation-bottom.at-bottom{display: flex; flex-direction: column; height: auto;}
div.catalog-navigation-bottom.at-bottom div.pager{justify-content: center;}
#pager-show-more{min-width: 900px; margin: 0 auto 55px auto; background: #eeedeb; border-radius: 6px;
color: #00488d; height: 40px; display: flex; justify-content: center; align-items: center; font: 16px 'MontserratBold';
cursor: pointer;}
#pager-show-more span{margin-left: 5px;}

#catalog-navigation div.view-toggles{display: flex; gap: 8px;}
#catalog-navigation div.view-toggles span{width: 26px; height: 20px; cursor: pointer;}
#catalog-navigation span.view-toggle-tile{background: url("/media/css/../images/view-toggle-tile.svg")no-repeat; background-size: contain}
#catalog-navigation span.view-toggle-picture-list{background: url("/media/css/../images/view-toggle-picture-list.svg")no-repeat; background-size: contain}
#catalog-navigation span.view-toggle-list{background: url("/media/css/../images/view-toggle-list.svg")no-repeat; background-size: contain}
#catalog-navigation span.view-toggle-tile.active{background: url("/media/css/../images/view-toggle-tile-active.svg")no-repeat; background-size: contain}
#catalog-navigation span.view-toggle-picture-list.active{background: url("/media/css/../images/view-toggle-picture-list-active.svg")no-repeat; background-size: contain}
#catalog-navigation span.view-toggle-list.active{background: url("/media/css/../images/view-toggle-list-active.svg")no-repeat; background-size: contain}

div.catalog-navigation-bottom div.limit{margin-bottom: 30px;}
div.catalog-navigation-bottom div.limit span{margin-right: 5px;}
div.catalog-navigation-bottom div.limit a{display: inline-block; padding: 0 11px; text-decoration: none; margin-left: -3px; color: inherit}
div.catalog-navigation-bottom div.limit a.active, #catalog-navigation div.limit a:hover{color: #1565c0;}

/* Filters */
#left-column-filters{padding: 0 25px}
form.filters{position: relative;}
form.filters div.filter-name{margin: 0 0 15px 0; font: 16px 'MontserratBold'}
form.filters div.filter-input{margin: 0 0 15px 0; padding: 0 0 15px 0; position: relative;}
form.filters div.controls{padding: 0 0 15px 0; font-size: 14px; display: flex; gap: 25px;
align-items: center; width: 100%;}
form.filters div.controls input#apply-filters{background:#16528e; width: 110px; height: 30px;
border: none; display: block; color: #fff; cursor: pointer; border-radius: 4px}
form.filters div.controls input#apply-filters:hover{background: #0564c0}
form.filters div.controls a.drop-filters{height: 30px; color: #0564c0; display: flex; align-items: center;}
form.filters div.controls a.drop-filters:hover{color: #16528e}
#filter-brand{width: 100%; height: 30px; border-radius: 2px; padding: 0 10px}

form.filters div.filter-input table.enum-multiple-choice{width:100%;}
form.filters div.filter-input table.enum-multiple-choice td{padding: 5px 0; position: relative;}
form.filters div.filter-input table.enum-multiple-choice td input{position: relative; bottom: -2px; float: left;}
form.filters div.filter-input table.enum-multiple-choice td label{margin: 0 0 0 4px; font-size: 15px; float: left;
display: inline-block; width: 210px}
form.filters div.filter-input div.show-more{display: inline-block; margin: 7px 0 0 0; cursor: pointer; color: #1565c0;
font-size: 16px; background: url("/media/css/../images/arrow-down-blue.svg") no-repeat right center; background-size: 10px 10px; 
padding-right: 15px}

form.filters div.filter-input div.filter-slider-wrapper{height: 20px; margin: 0 0 15px 0; box-sizing: border-box; padding-right: 5px}
form.filters div.filter-slider-inputs{display: flex; justify-content: space-between;}
form.filters div.filter-input input.text.interval{width: 45%; padding: 4px 10px; border: 1px solid #aaa; border-radius: 2px;
box-sizing: border-box;}
form.filters div.filter-input span.interval-separator{width: 10%; display: flex; align-items: center; justify-content: center;}
#catalog-filters-informer{width: 318px; height: 38px; line-height: 39px; background: url(/media/css/../images/filter-bar.png) center no-repeat;
position: absolute; z-index: 151; top: -14px; left: 105%; display: none;}
#catalog-filters-informer div.text{float: left; color: #fff; margin: 0 0 0 12px; font-size: 15px; padding: 0 0 0 15px; 
box-sizing: border-box; text-align: left;}
#catalog-filters-informer div.button{color: #000; width: 123px; float: right; font-size: 16px; cursor: pointer; 
text-align: center; height: 38px; background: none; font-family: 'MontserratRegular';}
form.filters div.filter-input:has(.interval) span:first-child{display: none;}
form.filters div.filter-input:has(span.custom-interval){display: flex; justify-content: space-between;}

#mobile-filters{width: 300px; height: 100%; background: #fff; transition: left 1s; position: fixed; left: -300px; top: 0; 
z-index: 10001; overflow: auto;}
#mobile-filters.open{left: 0px}
#filters-close {display: block; background: rgba(0, 0, 0, 0) url("/media/css/../images/close-grey.svg") no-repeat; background-size: contain; cursor: pointer;
float: right; height: 18px; width: 18px; margin: 10px 15px 10px 0}
#mobile-filters #catalog-filters{padding: 20px 27px 70px}
#filters-toggle{display: none; height: 60px; width: 100%; margin-bottom: 10px; line-height: 60px; padding: 0 12px; box-sizing: border-box; 
font-size: 17px; background: #eeedeb; cursor: pointer}
#filters-toggle span{padding-right: 16px;  background: url("/media/css/../images/arrow-right.svg") no-repeat right 7px; background-size: 10px 10px}
#mobile-filters #catalog-filters div.filter-input, #mobile-filters #catalog-filters div.filter-name, 
#mobile-filters #catalog-filters div.filter-input table.enum-multiple-choice, #mobile-filters #catalog-filters div.controls{text-align: left}
#mobile-filters #catalog-filters div.filter-input table.enum-multiple-choice td input{float: none}
#mobile-filters #catalog-filters div.filter-input div.filter-slider-wrapper{width: 100%; max-width: 510px;}
#mobile-filters #catalog-filters div.controls input#apply-filters{display: block;}
#mobile-filters #catalog-filters #catalog-filters-informer{display: none !important}

/* Products list */
span.in-stock, span.out-of-stock{display: block; margin: 0 auto 8px auto; padding: 5px; font: 15px/100% 'MontserratMedium';
border-radius: 4px; display: inline-block;}
span.in-stock{color: #77b048;}
span.out-of-stock{background: #ddd;}
span.cart{display: block; width: 140px; height: 40px; color: #fff; text-align: left; padding-left: 47px;
background: #00488d url(/media/css/../images/button-cart.svg) no-repeat 20px center; background-size: 22px 20px; font-size: 14px;
box-sizing: border-box; margin: 0 auto 10px; border-radius: 50px; line-height: 40px; cursor: pointer; transition: all 0.5s ease;}
span.cart:hover{background: #0564c0 url(/media/css/../images/button-cart.svg) no-repeat 20px center; background-size: 22px 20px;}
span.cart.active{background: #38404b; padding-left: 32px; }
span.cart.active span{margin-right: 7px}
div.user-buttons > span{width: 20px; height: 20px; display: inline-block; box-sizing: border-box; cursor: pointer}
div.user-buttons span span{padding-left: 27px}
span.compare{background: url(/media/css/../images/exchange-grey.svg) no-repeat left center; background-size: contain;}
span.compare.active{background: url(/media/css/../images/exchange.svg) no-repeat left center; background-size: contain; color: #00488d}
span.favorites{background: url(/media/css/../images/heart-grey.svg) no-repeat left center; background-size: contain;}
span.favorites.active{background: url(/media/css/../images/heart.svg) no-repeat left center; background-size: contain; color: #00488d}

div.quantity{width: 140px; height: 40px; background: #00488d; border-radius: 50px; margin: 0 auto 10px;
display: flex;}
div.quantity span{height: 40px; width: 40px;}
div.quantity span.minus{background: url(/media/css/../images/minus.svg) no-repeat center; background-size: 17px 17px;
cursor: pointer;}
div.quantity span.plus{background: url(/media/css/../images/plus.svg) no-repeat center; background-size: 17px 17px;
cursor: pointer;}
div.quantity span.number, div.quantity input.number{background: #fff; font: 18px 'MontserratBold';
padding: 4px 0; width: 60px; display: flex; border: none; text-align: center; border-radius: 0;
border: 1px solid #00488d;}
.none-picture-list div.product div.quantity{float: right;}

div.product{box-sizing: border-box; float: left; height: 530px; width: 23.5%; position: relative; margin: 0 2% 12px 0; background: #fff;
text-align: center; overflow: hidden; border-radius: 4px}
div.product:nth-child(4n){margin-right: 0}
#catalog-products.tile.five-in-row div.product{width: 18.4%}
#catalog-products.tile.five-in-row div.product:nth-child(4n){margin-right: 2%}
#catalog-products.tile.five-in-row div.product:nth-child(5n){margin-right: 0}

div.product div.inner{position: absolute; width: 100%; top: 0; right: 0; z-index: 20; height: 100%;}
div.product div.image{height: 210px; width: 100%; overflow: hidden; padding: 10px; box-sizing: border-box}
div.product div.image a{display: block; box-sizing: border-box; overflow: hidden; width: 100%; height: 100%; position: relative}
div.product div.image a img{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%}
div.product span.flags, #product-images-section span.flags{width: 40px; position: absolute; top: 0; left: 0; display: block; z-index: 1;}
div.product span.flags span, #product-images-section span{width: 40px; height: 40px; display: block; margin-bottom: 3px}
div.product span.flags span.sale, #product-images-section span.sale{background: url(/media/css/../images/percentage.svg) no-repeat; background-size: contain}
div.product span.flags span.new, #product-images-section span.new{background: url(/media/css/../images/new.svg) no-repeat; background-size: contain}

div.product div.name{height: 60px; padding: 0 5%; overflow: hidden; margin-bottom: 5px; line-height: 1.25}
div.product div.name a{text-decoration: none; color: #0564c0; font: 14.5px 'MontserratBold';}
div.product div.stars{margin: 0 auto 5px auto;}
#catalog-products.list div.product div.stars{margin: -2px 0 7px 0; height: auto;}

div.product div.articul, div.product div.brand{font-size: 13px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis;
white-space: nowrap; padding: 0 10px}
div.product div.articul.first{margin-bottom: 2px;}
div.product div.brand{font-size: 15px; height: 20px;}
div.product div.price{margin: 0 0 10px 0; font: 16px 'MontserratBold'; display: flex; flex-direction: column; height: 40px;}
span.old-price{color: #ee321a; text-decoration: line-through; margin: 0 5px 0 0;}
div.product div.user-buttons span span{display: none}
div.product:hover{border: none; box-shadow: 2px 2px 4px 4px #eee}

#catalog-products{width: 100%; /*padding: 0 5px;*/ box-sizing: border-box; margin-top: 20px}
#catalog-navigation + #catalog-products{margin-top: 0}
#catalog-products div.product, #recommended-products div.product{border: 1px solid #d5d3d3}
.list div.product{float: none; width: 100%; height: auto; padding: 15px 25px 15px 0; box-sizing: border-box; 
margin-right: 0}
.list div.product > *{box-sizing: border-box}
.list div.product div.image{float: left; width: 17%; height: 160px; padding: 0 20px}
.list div.product div.horizontal-wrapper{float: left; width: 28%; padding-right: 15px}
.list div.product div.name{height: auto; padding: 0; text-align: left; margin-bottom: 10px}
.list div.product div.articul{text-align: left; font-size: 13px; padding: 0}
.list div.product div.articul:first + div.articul{margin: 0;}
.list div.product div.user-buttons{display: block; width: 250px; float: left; text-align: left}
.list div.product div.user-buttons > span{width: 115px}
.list div.product div.user-buttons span span {display: block; font-size: 15px}
.list div.product div.brand, .list div.product div.price {float: left; width: 17%;}
.list div.product div.brand{height: auto;}
.list div.product div.buttons{float: left; width: 21%;}

.picture-list div.product div.buttons div.cart-buttons{max-width: 180px; float: right}
.picture-list div.product div.price, .picture-list div.product div.brand{padding-top: 45px}
.picture-list div.product div.buttons{padding-top: 30px;}

.none-picture-list  div.product div.horizontal-wrapper{width: 30%;}
.none-picture-list div.product {height: auto; padding: 15px 20px}
.none-picture-list div.product div.image, .none-picture-list div.product div.user-buttons{display: none}
.none-picture-list div.product div.buttons{width: 36%; box-sizing: border-box; float: right}
.none-picture-list div.product div.cart-buttons > span{float: left}
.none-picture-list div.product div.cart-buttons span.avalability{margin-top: 7px; 
margin-right: calc((100% - 90px - 180px)/2); margin-left: calc((100% - 90px - 180px)/2)}
.none-picture-list div.product div.cart-buttons .cart{float: right}
.none-picture-list div.product div.price, .none-picture-list div.product div.brand{padding-top: 20px}
.none-picture-list div.buttons{padding-top: 15px}

#visited-products{margin: 30px 0 25px 0; clear: both;}
#visited-products div.header, div.section-title{font: 24px MontserratBold; margin-bottom: 20px; display: inline-block; padding-left: 12px}
#visited-products div.header a{color: #00b6d5; margin: 0 0 0 10px; text-transform: none; text-decoration: none;
font-weight: normal;}
#visited-products div.visited-products-images{background: #eeedeb; padding: 16px; display: flex; gap: 16.6px;
flex-wrap: wrap;}
#visited-products div.visited-products-images.in-catalog{gap: 10.5px;}
#visited-products div.visited-products-images a span img{display: block; max-width: 100%;}

div.owl-carousel div.product{width: 100%; margin-bottom: 15px}
div.owl-nav{position: absolute; top: 50%; left: 0; width: 100%}
div.owl-nav div{height: 30px; width: 20px; display: block; color: transparent}
div.owl-prev{background: url("/media/css/../images/arrow-left-grey.svg") no-repeat scroll center center / cover;
position: absolute; left: -22px}
div.owl-next{background: url("/media/css/../images/arrow-right-grey.svg") no-repeat scroll center center / cover;
position: absolute; right: -22px}
div.owl-prev.disabled, div.owl-next.disabled{opacity: 0.3}

/* Product page */
div.product-tabs{display: flex; gap: 10px; margin-bottom: 22px; flex-wrap: wrap;}
div.section-header{font: 16px 'MontserratBold'; padding: 5px 12px; border: 3px solid #c0d4e7; cursor: pointer;
border-radius: 6px;}
div.section-header.active{background: #c0d4e7}
div.tab-body{display: none;}
div.tab-body.active{display: block;}
#product-images-section{width: 32%; margin: 0 0 35px 0; float: left; position: relative; box-sizing: border-box;}
#sertif{width: 32%; margin: 0 0 35px 0; float: left; position: relative; box-sizing: border-box;}
#product-images-section div.main-image{position: relative; border: 1px solid #d4d2d2; margin-bottom: 10px;}
#product-images-section div.main-image:hover{border-color: #1565c0;}
#product-images-section div.main-image a{display: block; margin: 0;}
#product-images-section div.main-image img{display: block; max-width: 100%;}
#product-images-section div.main-image:has(>img){aspect-ratio: 1 / 1; display: flex; align-items: center;
justify-content: center;}

#product-images-section ul.mini-images{display: grid; grid-template-columns: repeat(5, 1fr); gap: 1%;}
#product-images-section ul.mini-images li a{display: block; border: 1px solid #d4d2d2;}
#product-images-section ul.mini-images li a:hover{border: 1px solid #1565c0;}
#product-images-section ul.mini-images li a img{display: block; margin: 0 auto; max-width: 100%;}

table.cross-products-list{width: 100%; border: 1px solid #eeedeb;}
table.cross-products-list tr > *{padding: 10px 15px;}
table.cross-products-list th{font-family: 'MontserratBold'; text-align: left;}
table.cross-products-list tr.cross-section-name.second th{padding-top: 27px;}
table.cross-products-list tr.cross-section-header th{background: #c0d4e7;}
table.cross-products-list tr:has(td):nth-child(2n) td{background: #eeedeb;}
table.cross-products-list td.value strong{white-space: nowrap;}
table.cross-products-list strong{font-family: 'MontserratBold'}
table.cross-products-list.similar td:has(img){padding-right: 0;}
table.cross-products-list.similar td:has(img) a{display: block;}
table.cross-products-list.similar td img{max-width: 45px; display: block; margin: 0 auto; border: 1px solid #d4d2d2;}
table.cross-products-list.similar td > div{color: #181f26; font-size: 14px; margin-bottom: 5px;}
table.cross-products-list.similar td > div > span{margin-left: 15px;}
table.cross-products-list.similar td a{font-weight: bold;}

#product-navigation-section{width: 34%; float: left; margin: 10px 3.5% 35px 3.5%; box-sizing: border-box;}
#product-navigation-section a{color: #1565c0; font-family: 'MontserratSemiBold';}
#product-navigation-section h1{font-size: 22px; line-height: 26px; margin-bottom: 16px}
#product-navigation-section div.vendor-info{border-bottom: 1px solid #d4d2d2; margin-bottom: 23px}
#product-navigation-section div.vendor-info > *{margin-bottom: 8px;}
#product-navigation-section div.vendor-info > *:last-child{margin-bottom: 16px;}
#product-navigation-section div.code{color: #777;}
#product-navigation-section div.price{font: 24px "MontserratBold"; margin: 0 0 20px 0; display: flex; flex-direction: column;}
#product-navigation-section div.price span.old{text-decoration: line-through; color: #ee321a; margin-right: 3px;}
#product-navigation-section div.price span.in-stock, #product-navigation-section div.price span.out-of-stock{
display: inline-block; width: 90px; height: 20px; position: relative; margin: 0 0 -1px 25px;}
#product-navigation-section div.price span.in-stock{background: url("/media/css/../images/stock-in.jpg") no-repeat;}
#product-navigation-section div.price span.out-of-stock{background: url("/media/css/../images/stock-out.jpg") no-repeat;}
#product-navigation-section span.cart{display: block; width: 150px; height: 40px; color: #fff; text-align: left; 
padding-left: 50px; background: #00488d url(/media/css/../images/button-cart.svg) no-repeat 20px center; background-size: 22px 20px;
font-size: 15px; box-sizing: border-box; margin: 0 auto 20px; border-radius: 50px; line-height: 40px; cursor: pointer;
float: left;}
#product-navigation-section div.quantity{margin: 0 20px 20px 0; float: left;}
#product-navigation-section a.go-to-cart{display: block; float: left; margin: 11px 0 0 0;}
#product-navigation-section span.avalability{float: left; clear: both;  margin: 0 20px 20px 0;}
#product-navigation-section span.show-available{float: left; color: #1565c0; cursor: pointer}
#product-navigation-section div.user-buttons{clear: both; margin-bottom: 20px; display: flex; gap: 20px;}
#product-navigation-section div.user-buttons > span{width: auto;}

#product-navigation-section div.sku-fields{clear: both;}
#product-navigation-section div.sku-fields div.caption{text-transform: uppercase; margin: 0 0 5px 0;}
#product-navigation-section div.sku-fields div.options{margin: 0 0 22px 0; width: 100%; float: left;}
#product-navigation-section div.sku-fields div.options select{padding: 3px 10px; width: 150px;}
#product-navigation-section div.sku-fields div.options select option{padding: 1px 10px;}
#product-navigation-section div.sku-fields div.options ul.sku-params-list li{padding: 2px 7px; cursor: pointer; width: 150px;}
#product-navigation-section div.sku-fields div.options ul.sku-params-list li.selected{background: #ccc;}
#product-navigation-section div.sku-fields div.options ul.sku-params-list li:hover{background: #ccc;}
#product-navigation-section div.sku-fields div.options ul.sku-params-radio li{margin: 0 0 2px 0;}
#product-navigation-section div.sku-fields div.options ul.sku-params-images li{margin: 0 12px 10px 0; cursor: pointer; width: 65px;
display: inline-block}
#product-navigation-section div.sku-fields div.options ul.sku-params-images{float: left; width: 100%;}
#product-navigation-section div.sku-fields div.options ul.sku-params-images li img{display: block; border: 3px solid #fff;}
#product-navigation-section div.sku-fields div.options ul.sku-params-images li.selected img{border-color: #ccc;}
#product-navigation-section div.sku-fields div.options ul.sku-params-images li:hover img{border-color: #ccc;}
#product-navigation-section div.sku-fields div.options ul.sku-params-images li span{display: block; font-size: 12px;}

#product-stocks-section{ width: 27%; border: 3px solid #c0d4e7; border-radius: 6px; padding: 20px; float: right;
margin-bottom: 35px; box-sizing: border-box;}
#product-stocks-section div.title{font-family: 'MontserratBold'; color: #00488d; margin: 0 0 12px 0;
display: block;}
#product-stocks-section table.availability-table{width: 100%; margin-bottom: 15px; font-size: 14px;}
#product-stocks-section table.availability-table td{padding: 6px 0; border-bottom: 1px solid #eeedeb;}
#product-stocks-section table.availability-table td:first-child{width: 65%; padding-right: 5%; color: #1565c0;
cursor: pointer;}
#product-stocks-section table.availability-table td:last-child{width: 30%;}
#product-stocks-section div.updated{color: #777; font-size: 14px;}

#product-params-section{margin: 0;}
#product-custom-fields{width: 53%;}
#product-custom-fields td{padding: 8px 20px; border-bottom: 1px solid #dededd}
#product-custom-fields td.name{padding-right: 20px; color: #484c45}
#product-custom-fields td.value{color: #181b15}
#product-description-section{padding: 20px 0; width: 53%;}

#product-previous-next{clear: both; background: #eeedeb; height: 55px; padding: 0 20px; color: #1565c0; font-size: 16px; line-height:55px; margin: 30px 0 40px}
#product-previous-next a.previous{padding: 0 0 0 18px; background: url(/media/css/../images/arrow-left-blue.svg) left no-repeat; background-size: 8px 8px}
#product-previous-next a.next{float: right; background: url(/media/css/../images/arrow-right-blue.svg) right no-repeat; padding: 0 18px 0 0; background-size: 8px 8px}

/* Reviews */
div.stars{width: 100px; height: 20px; display: flex; justify-content: space-between; align-items: center;}
div.stars > span{width: 20px; height: 20px;}
div.stars > span.empty{background: url(/media/css/../images/star-empty.svg) no-repeat center; background-size: contain;}
div.stars > span.full{background: url(/media/css/../images/start-full.svg) no-repeat center; background-size: contain;}
div.stars > span.half{background: url(/media/css/../images/star-half.svg) no-repeat center; background-size: contain;}
#product-navigation-section h1 + .reviews-short{display: flex; gap: 12px; margin-bottom: 16px;}
#search-form a.search-variant div.stars{margin-top: 5px;}
div.stars.small{width: 80px; height: 16px;}
div.stars.small > span{width: 16px; height: 16px;}
table.cross-products-list td div.stars{display: inline-flex; margin: 0 0 0 15px; position: relative; bottom: -1px;}

div.tab-body.active.reviews{display: flex; justify-content: space-between; align-items: flex-start;}
div.reviews-summary{padding: 30px; border: 2px solid #c0d4e7; border-radius: 6px; width: 300px; box-sizing: border-box;}
div.reviews-summary > div.number{font: 24px 'MontserratBold'; margin-bottom: 15px;}
div.reviews-summary div.total{margin-bottom: 20px; display: flex; justify-content: space-between;}
div.reviews-summary div.total div.text{font-size: 14px;}
div.reviews-summary .button{margin-bottom: 20px;}
div.reviews-summary div.statistic{display: grid; grid-template-columns: 80px 160px; grid-row-gap: 8px;}
div.reviews-summary div.statistic > div.stars{width: 80px;}
div.reviews-summary div.statistic > div.stars > span{width: 16px; height: 16px;}
div.reviews-summary div.statistic > span.quantity{text-align: right; font-size: 14px;}

div.reviews-content{width: calc(100% - 300px - 5%); padding-top: 20px;}
div.reviews-content > div{margin-bottom: 20px; padding: 0 0 20px 0; border-bottom: 1px solid #eeedeb;}
div.reviews-content div.stars{margin-bottom: 10px;}
div.reviews-content div.params{display: flex; gap: 20px; margin-bottom: 18px; align-items: center;}
div.reviews-content div.params span.name{font-weight: 'MontserratBold';}
div.reviews-content div.params span.date{color: #777; font-size: 14px;}
div.reviews-content div.params span.our-product{margin-left: auto; font-size: 14px; padding: 7px 5px 7px 26px; border-radius: 6px;
background: #ddeadd url(/media/css/../images/check-square.svg) left 6px center no-repeat; color: #217c20;}
div.reviews-content div.text{margin-bottom: 14px;}
div.reviews-content div.text.section{font-family: 'MontserratBold'; margin-bottom: 6px; font-size: 14px;}

/* Brands and brand-logo */
div.brand-products{margin: 0 0 30px 0; border-bottom: 2px solid #eee; padding-bottom: 12px;}
div.brand-products a.all-button{float: none; display: inline-block;}

/* End of file */


/* File data: responsive-modal.css */


#modal-overlay, #modal-overlay-catalog{width: 100%; height: 100%; position: fixed; z-index: 10000; background: #3c3b36;
opacity: 0.6; display: none; top: 0; left: 0;}
#modal-overlay-catalog{opacity: 0.75; background: #3c3b36; z-index: 1000}
#modal-overlay.loader{background: #ffffffb6 url(/media/css/../images/loader.gif) no-repeat center; opacity: 1;}

div.modal-form{background: #202a37;  position: absolute; color: #fff; display: none; z-index: 100000;
border-radius: 4px;}
div.modal-form.on-overlay{width: 570px; left: 50%; margin-left: -285px; top: 147px;}
div.modal-form div.header{height: 30px}
div.modal-form div.header span.angle{width: 26px; height: 11px; position: absolute; background: url(/media/css/../images/angle.png) no-repeat;
top: -11px;}
div.modal-form div.header span.close{cursor: pointer; background: url(/media/css/../images/close.svg) no-repeat; background-size: contain; 
width: 15px; height: 15px; display: block; float: right; margin: 13px 13px 0 0;}
div.modal-form div.title{font-size: 34px; color: #fff; text-align: center; margin-top: 0; width: 100%}
div.modal-form div.content{padding: 15px 30px 30px;}
div.modal-form.on-overlay div.content{padding: 0 10.5% 45px}

div.modal-form div.form-errors, div.modal-form div.form-sent{margin: 0 0 20px 0; padding: 12px 3%; display: flex; flex-direction: column;
gap: 7px; border-radius: 6px;}
div.modal-form div.form-errors p, div.modal-form div.form-sent p{font-size: 15px; line-height: 20px; text-align: left; margin: 0;
padding: 0;}
div.modal-form div.form-errors{background: #f9f3d7; color: #d63c1d;}
div.modal-form div.form-sent{background: #3fb561; color: #fff;}

div.modal-form div.description{border-bottom: 1px solid #555; margin: -20px 0 20px 0; color: #fff; padding: 0 0 20px 0;}
div.modal-form div.description div.name{font: 24px/24px "PTSansNarrowRegular"; margin-bottom: 10px;}
div.modal-form div.description p{font-size: 13px;}

div.modal-form div.field-name{width: 20%; float: left; padding: 5px 5% 0 0; color: #fff; margin-bottom: 20px; text-align: right;
height: 20px;}
div.modal-form div.field-name span{color: #fc474c; margin-left: 1px;}
div.modal-form div.field-input{width: 100%; float: left; margin-bottom: 20px; box-sizing: border-box; font-size: 16px}
div.modal-form div.field-input input[type="text"], div.modal-form div.field-input input[type="password"]
{width: 100%; border: none; background-color: #fff; padding: 3px 2%; box-sizing: border-box; height: 40px;}
div.modal-form div.buttons input[type="button"]{color: #fff; background: #00488d; border-radius: 50px; border: none; outline: none}
div.modal-form div.buttons input[type="button"]:hover{background: #1e88e5}
div.modal-form div.buttons{clear: both; color: #fff;}
div.modal-form div.buttons.submit{padding: 5px 0 15px 0;}
div.modal-form div.buttons.submit input{color: #fff; background: #00488d; padding: 7px 0; border: none; cursor: pointer;
font-size: 17px; width: 100%}
div.modal-form div.buttons.login-remember{top: -10px; position: relative; font-size: 15px;}
div.modal-form div.buttons.login-remember>*{float: left}
div.modal-form div.buttons.login-remember input[type="checkbox"]{position: relative; top: 13px}
div.modal-form label{margin-left: 5px;}
div.modal-form div.buttons a.registration{color: #1e88e5 !important; font-size: 16px; margin-right: 20px; position: relative;
    top: -5px}
div.modal-form div.buttons a.recover-password{float: right; color: #1e88e5 !important; font-size: 16px}

/* Modal login */
#modal-login{width: 480px; /* min-height: 300px; */ right: 0; top: 40px; z-index: 10001; background: #fff; border-radius: 6px;
box-shadow: 0 2px 27px rgba(0, 0, 0, .4); position: fixed; top: 10%; left: calc(50% - 240px); display: block; padding: 50px 40px;
box-sizing: border-box; color: #181f26; max-height: 80%; overflow-y: auto; cursor: default; display: none;}
#modal-login div.header{height: auto; margin-bottom: 35px; font: 24px/100% 'MontserratBold'; display: flex; align-items: center;}
#modal-login span.close{background: url(/media/css/../images/cross-black.svg) center no-repeat; float: none; position: absolute;
top: 10px; right: 10px; background-size: contain; width: 15px; height: 15px; margin: 0; cursor: pointer;}
#modal-login div.header > a{margin-left: 6px;}
#modal-login div.header span.login-back{background: url(/media/css/../images/arrow-back.svg) center no-repeat; width: 24px; height: 24px;
cursor: pointer; background-size: contain; margin-right: 16px;}
#modal-login a{color: #00488d;}
#modal-login form{margin: 0; padding: 0;}
#modal-login div.field-title{font: 16px/140% 'MontserratBold'; margin-bottom: 10px;}
#modal-login div.field-input{float: none;}
#modal-login div.field-input input{border-radius: 6px; border: 1px solid #c5c5c5; height: 44px; padding: 0 3%;}
#modal-login div.field-input input.blocked{user-select: none; color: #999;}
#modal-login form div.buttons{margin: 0;}
#modal-login form div.buttons .button{width: 100%; height: 50px; color: #fff;}
#modal-login form div.phone-confirmation div.row > .button{padding: 0; height: 44px;}
#modal-login form div.phone-confirmation div.row > .button:hover{color: #fff;}
#modal-login .recover-password{display: inline-block; color: #00488d; font: 16px/140% 'MontserratBold'; margin: 0 0 16px 0;
position: relative; cursor: pointer;}
#modal-login div.blue-wrapper{padding: 20px; background: #c0d4e7; border-radius: 6px; margin-bottom: 20px;}
#modal-login div.blue-wrapper > *:last-child{margin-bottom: 0;}

/* Phone confirmation */
form div.phone-confirmation{background: #c0d4e7; border-radius: 6px; padding: 20px; display: flex; flex-direction: column;
gap: 10px; margin-bottom: 20px;}
form div.phone-confirmation div.confirmation-title{font: 16px 'MontserratBold';}
form div.phone-confirmation div.field-input{width: auto; margin: 0; float: none; flex-grow: 1;}
form div.phone-confirmation div.row{display: flex; justify-content: space-between; gap: 10px;}
form div.phone-confirmation div.row > *{width: calc(50% - 5px);}
form div.phone-confirmation select{height: 44px; background-color: #fff; padding: 0 3%;}
form div.phone-confirmation .button{border-radius: 6px;}
form div.phone-confirmation div.resend-confirmation-code{display: flex; justify-content: space-between; gap: 20px; align-items: center;
min-height: 36px;}
form div.phone-confirmation div.resend-confirmation-code span.text{line-height: 120%;}
div.center-wrapper.client-area div.phone-confirmation{margin: 24px 0 0 0;}

/* Modal phone call */
#modal-order-call div.header span.angle{right: 50px;}
#modal-order-call div.submit{padding-bottom: 0;}
#modal-order-call div.form-errors, div.modal-form div.form-sent{margin-top: 0;}
#modal-order-call div.content{padding: 0 10.5% 45px}

/* Modal city select */
#modal-city-choise{background: #fff; width: 430px; margin-left: -215px; border-radius: 6px; box-shadow: 0 2px 27px rgba(0, 0, 0, .4);}
#modal-city-choise div.content{padding: 0 25px 30px 25px}
#modal-city-choise div.header span.close{background: url("/media/css/../images/cross-black.svg")no-repeat; background-size: contain}
#modal-city-choise div.title{color: #3c3b36; font: 20px 'MontserratSemiBold'; margin-bottom: 30px;}
#modal-city-choise input[type="button"]{width: 170px; color: #1565c0; background: none; width: auto;
font-size: 15px}
#modal-city-choise div.buttons{display: flex; justify-content: space-between; padding: 0; margin: 0 15px;}
#modal-city-choise input[type="button"].rightly{width: 100px; color: #fff; background: #1565c0; margin-right: 0px}

#modal-reservation{display: none; position: fixed; z-index: 1001; top: 15%; left: 50%; width: 450px; margin-left: -225px;}
#modal-reservation div.header span.angle{display: none;}
#modal-reservation div.form-errors{margin-top: 0;}

/* Mobile version */
div.modal-form.mobile{font-size: 0.9em; line-height: 1em;}
div.modal-form.mobile div.description p{font-size: 0.8em;}
div.modal-form.mobile div.field-name, div.modal-form.mobile div.field-input{float: none;  width: auto; text-align: left; height: auto;}
div.modal-form.mobile div.field-name{margin-bottom: 5px; padding: 0;}
div.modal-form.mobile div.field-input{margin-bottom: 12px;}
div.modal-form.mobile div.field-input input{padding: 5px 2%; width: 96%;}
div.modal-form.mobile div.buttons{margin-left: 0; text-align: right; padding-bottom: 0;}
div.modal-form.mobile div.form-errors, div.modal-form.mobile div.form-sent{padding-bottom: 2px;}

#modal-reservation.mobile{left: 0; margin: 0; width: 100%; top: 5%;}
#modal-reservation.mobile > div{margin-left: auto; margin-right: auto; max-width: 800px; padding-left: 4%; padding-right: 4%;}

/* Modal store map */
#modal-store-map{width: 800px; left: 50%; margin-left: -420px; top: calc((100% - 600px) / 2);
background: #fff; padding: 20px; border-radius: 10px; position: fixed; z-index: 100000; display: none;}
#modal-store-map div.inner{display: flex; flex-direction: column; gap: 20px;}
#modal-store-map span.close{cursor: pointer; background: url(/media/css/../images/cross.png) no-repeat; background-size: contain;
width: 15px; height: 15px; display: block;}
#modal-store-map div.top{display: flex; justify-content: flex-end;}
#modal-store-map ul{display: flex; width: 100%; flex-direction: column; gap: 10px; align-items: center;}
#modal-store-map ul li{display: flex; justify-content: center;}
#modal-store-map ul li.address{font: 18px 'MontserratBold'; text-align: center;}
#modal-store-map ul li.phone{background: url("/media/css/../images/phone.svg") no-repeat center left; background-size: 18px 18px;
padding-left: 25px;}
#modal-store-map ul li.schedule{background: url("/media/css/../images/clock.svg") no-repeat center left; background-size: 18px 18px;
padding-left: 25px; }
#modal-store-map #map{background: #eee; height: 450px;}

/* Modal whatsapp */
#modal-whatsapp{width: 600px; left: 50%; margin-left: -300px; top: 10vh; background: #fff; padding: 20px;
border-radius: 10px; position: fixed; z-index: 10000; display: none; box-sizing: border-box;}
#modal-whatsapp div.inner{display: flex; flex-direction: column; gap: 20px;}
#modal-whatsapp div.inner div.top{display: flex; justify-content: flex-end;}
#modal-whatsapp span.close{cursor: pointer; background: url(/media/css/../images/cross.png) no-repeat; background-size: contain;
width: 15px; height: 15px; display: block;}
#modal-whatsapp div.content{padding: 0 20px 20px 20px;}
#modal-whatsapp div.content ul{display: flex; flex-direction: column; gap: 15px; align-items: flex-start;}
#modal-whatsapp div.content ul li{padding-right: 35px; display: inline-block; cursor: pointer;
background: url(/media/css/../images/arrow-right-green.svg) right center no-repeat;}
#modal-whatsapp div.content div.qr-code{flex-direction: column; align-items: center; gap: 25px;
display: none;}
#modal-whatsapp div.content div.qr-code a{color: #19ad50; padding-right: 35px;
background: url(/media/css/../images/arrow-right-green.svg) right center no-repeat;}
#modal-whatsapp div.content div.qr-code img{width: 160px;}

/* Light form */
div.modal-form.light{border-radius: 6px; background: #fff; color: #181f26; width: 700px;
top: 3vh; left: 50%; margin-left: -350px; position: fixed; z-index: 100000; max-height: 90vh;
overflow-y: auto;}
div.modal-form.light div.header span.close{background-image: url(/media/css/../images/close-grey.svg);}
div.modal-form.light div.title{color: #181f26; font: 24px 'MontserratBold'; margin-bottom: 25px;}
div.modal-form.light div.field-wrapper{flex-direction: row; justify-content: space-between;
margin-bottom: 20px; align-items: center;}
div.modal-form.light div.field-name{color: #181f26; margin: 0; padding: 0; width: 25%; text-align: left;}
div.modal-form.light div.field-input{margin: 0; padding: 0; width: 72%;}
div.modal-form.light div.field-input input[type="text"]{border: 1px solid #c5c5c5;}
div.modal-form.light div.buttons.submit input{height: 40px; width: auto; padding: 0 28px;
font-family: 'MontserratBold'; margin-left: 28%;}
div.modal-form.light div.form-errors, div.modal-form.light div.form-sent{margin: 0 0 25px 0; padding: 20px;
display: flex; flex-direction: column; gap: 10px; border-radius: 6px;}
div.modal-form.light div.form-errors > *, div.modal-form.light div.form-sent > *{margin: 0; font-size: 15px;}

/* Lightbox */
.sl-wrapper button.sl-prev{background: url(/media/css/../images/arrow-left-blue.svg) no-repeat center left/50px 50px !important;}
.sl-wrapper button.sl-next{background: url(/media/css/../images/arrow-right-blue.svg) no-repeat center right/50px 50px !important;}
.sl-wrapper .sl-navigation button{width: 20% !important; height: 80% !important; color: transparent !important;
margin-top: 0 !important; top: 10% !important;}
.sl-wrapper .sl-close{color: #fff !important;}
.sl-wrapper .sl-counter{color: #fff !important; font: 24px 'MontserratBold' !important;}
/* End of file */


/* File data: responsive-cart.css */


#cart-products{width: 100%; float: left; margin-bottom: 10px;}
#cart-products div.wrapper{float: left; width: 100%; border-bottom: 1px solid #d4d2d2; padding: 0; box-sizing: border-box}
#cart-products div.wrapper.header{text-align: left; background: #eeedeb; font: 15px MontserratBold; border-bottom: none}
#cart-products div.wrapper.header > div{padding: 12px 1% !important;}
#cart-products div.wrapper.header > div.check{top: 0 !important;}
#cart-products div.wrapper > div{float: left; padding: 12px 1%; font-size: 15px}
#cart-products div.check{width: calc(15px + 2%); float: left; position: relative; top: 27px}
#cart-products div.check input{position: relative;}
#cart-products div.wrapper.header #check-all-products{top: 0}
#cart-products div.image{width: 14%;}
#cart-products div.image img{display: block; margin: 0 auto; max-width: 100%}
#cart-products div.description{width: 35%; text-align: left !important}
#cart-products div.description a{color: #00488d; font-size: 15px; display: block; margin: 0 0 10px}
#cart-products div.description span.articul{font-size: 13px}
#cart-products div.description span.name{display: block; margin: 0 0 7px 0;}
#cart-products div.description span.articul, #cart-products div.description span.sku-params{display: block; font-size: 12px;}
#cart-products div.description div.actions{padding: 5px 0 0 0;}
#cart-products div.description div.actions span{margin-right: 10px; color: #00488d; cursor: pointer; text-decoration: underline; font-size: 13px}
#cart-products div.description div.actions span.active{cursor: default;}
#cart-products div.price{width: 14%; padding-top: 40px !important;}
#cart-products div.price del{color: #fc474c; font-size: 15px; margin-right: 2px;}
#cart-products div.quantity{width: 12%; padding-top: 30px !important; height: auto; background: none; margin: 0;}
#cart-products div.quantity > div{height: 35px; width: 95px; display: flex; white-space: nowrap; align-items: flex-start;}
#cart-products div.quantity > div > *{display: block; height: 35px; border: 1px solid #aaa; box-sizing: border-box;}
#cart-products div.quantity input.number{width: 45px; text-align: center; font-size: 15px; margin-top: 0;
border-left: none; border-right: none;}
#cart-products div.quantity span.plus{width: 22px; background: url("/media/css/../images/cart-plus.png") no-repeat center; cursor: pointer;}
#cart-products div.quantity span.minus{width: 22px; background: url("/media/css/../images/cart-minus.png") no-repeat center; cursor: pointer;}
#cart-products div.cost{width: 10%; padding-top: 40px !important;}
#cart-products div.cost span{margin-right: 4px; white-space: nowrap;}
#cart-products div.quantity span.number, #cart-products div.cost, #cart-products div.price{user-select:none; 
-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}

#cart-products.admin div.header > div{font: 15px "Panton-SemiBold";}
#cart-products.admin div.image{display: none;}
div.cart-total.admin{margin-bottom: 10px;}
div.cart-total.admin div{font: 15px "Panton-SemiBold" !important; height: 25px;}
#admin-to-cart{width: 120px; margin-left: 5px;}
div.admin-cart-navigation{clear: both;}
#model-form{float: none; width: auto;}
div.cart-wrapper p.text{margin-bottom: 15px; color: #d63c1d}
#cart-products.admin div.quantity input.number{height: 35px;}
#cart-products.admin div.check{display: none;}

#admin-search-product{position: relative;}
#admin-search-product div.search-results{display: none; position: absolute; top: 30px; z-index: 1000; 
background: #fff; width: 60%; box-shadow: 0 3px 6px 3px #eee; border: 1px solid #ddd; padding: 5px 0;}
#admin-search-product div.search-results > div{padding: 3px 10px; cursor: pointer;}
#admin-search-product div.search-results > div:hover{background: #ddd;}

div.cart-total{width: 450px; float: right; margin-bottom: 30px; display: grid; gap: 10px; grid-template-columns: 1fr 1fr;}
div.cart-total > div{float: left; box-sizing: border-box;}
div.cart-total > div.bold{font-family: MontserratBold}
div.cart-total div.name{width: 215px; font-size: 17px; line-height: 24px}
div.cart-total div.value{width: 230px; font-size: 17px; line-height: 24px}
div.cart-total div.value span{margin-right: 4px;}
div.cart-total.checkout{width: 370px}
div.cart-total.checkout div.name{width: 230px}
div.cart-total.checkout div.value{width: 140px}
div.cart-discount-note{margin: 0 0 30px 0; font-size: 12px; text-align: right; clear: both; top: -10px; position: relative;}

div.cart-navigation{clear: both; margin-bottom: 30px; display: flex; justify-content: space-between;}
div.cart-navigation input{color: #fff; background: #00488d; padding: 10px 50px !important; border: none; cursor: pointer;
 border-radius: 50px;}
div.cart-navigation input.order:hover{background:  #1e88e5}
div.cart-navigation input.back, #order-back-to-cart{background: #fff; border: 1px solid #00488d; color: #00488d}
div.buttons.cart-navigation{float: none !important}

div.empty-cart-text{padding: 15px 10px; clear: both; font-size: 19px}
p.cart-minimal-amount{margin-bottom: 15px;}
div.order-authorization-required{margin-bottom: 30px;}

div.order-complete{margin: 0 5%;}

div.order-complete ul{padding: 0;}
div.order-complete > p{margin-bottom: 7px; max-width: 750px;}
div.order-complete table.order{width: 70%; margin: 5px 0 25px 0; font-size: 15px;}
div.order-complete table.order th{background: #eeedeb; padding: 10px; text-align: left; font-size: 14px;}
div.order-complete table.order td{padding: 10px; border-bottom: 1px solid #d4d2d2; box-sizing: border-box}

div.order-complete-total p{margin-bottom: 8px;}
div.order-complete-note{font-size: 13px;}
.payment-button{color: #fff; background: #00488d; padding: 10px 50px !important; border: none; cursor: pointer;
 border-radius: 50px; display: inline-block}
.payment-button:hover{background: #1e88e5}
/* End of file */


/* File data: media.css */


@media screen and (max-width: 1600px)
{
	div.promo-block.index-promo{padding: 20px 20px; width: auto;}
	div.promo-block.index-promo div.owl-nav{margin: 0 15px; width: calc(100% - 30px);}
	#header div.wrapper{margin: 0 40px;}
}

@media screen and (max-width: 1560px)
{
	div.wrapper.left-small{padding: 0 10px; margin: 0;}
	#catalog-products.tile div.product{height: 530px;}
}

@media screen and (max-width: 1540px)
{
	div.cart-wrapper div.cart-navigation, div.order-complete-total{padding: 0 17px}
	div.breadcrumbs{padding: 15px 0 15px 10px}
	#map.all-stores{right: 0 !important; width: 60% !important;}
	div.contacts-list{width: 40% !important;}
	#content div.contacts-list div.store-contacts{padding-right: 50px;}

	div.index-catalog-sections div.inner{margin: 0 10px;}
	div.index-catalog-sections div.list a{font-size: 15px;}
	div.index-catalog-sections div.list a img{margin: 0 16px;}

	div.city-list.modal{left: 0;}

	#top-menu li.social.whatsapp, #top-menu li.social.telegram a{color: transparent;}
	#top-menu li.social.whatsapp, #top-menu li.social.telegram{border: none; width: 30px; height: 30px; background-size: contain;
	padding: 0; background-position: center; overflow: hidden;}
	#top-menu li.social.telegram a{width: 100%; height: 100%;}
}

@media screen and (max-width: 1340px)
{
	#catalog-products.tile.four-in-row div.product{width: 32%;}
	#catalog-products.tile.four-in-row div.product:nth-child(4n){margin-right: 2%}
	#catalog-products.tile.four-in-row div.product:nth-child(3n){margin-right: 0}
	#content div.features{padding: 25px 5%}
	div.slider-info{font-size: 14px}

	#product-images-section{width: 30%;}
	#product-navigation-section{width: 32%; margin-left: 2%; margin-right: 2%;}
	#product-stocks-section{width: 34%;}
}

@media screen and (max-width: 1280px)
{
	#catalog-products.tile.five-in-row div.product{width: 23.5%}
	#catalog-products.tile.five-in-row div.product:nth-child(5n){margin-right: 2%}
	#catalog-products.tile.five-in-row div.product:nth-child(4n){margin-right: 0}
}

@media screen and (max-width: 1200px)
{
	#header-middle div.wrapper{height: 70px;}
	#header-middle #logo{width: 195px;}
	#top-menu > li.page, #header-top div.login{display: none;}
	#top-menu li.icon-button{display: block;}

	div.categories, #left-column{display: none}
	div.wrapper-aside{width: 100%; padding: 0}
	#filters-toggle{display: inline-block}
	#content{float: none; width: 100%; padding: 0 10px 20px 10px;}
	#content.under-banner-content{padding: 0;}
	#content:has(#catalog-products){padding-left: 5px;}
	div.cart-wrapper{padding: 0;}
	div.breadcrumbs{padding: 15px 0;}
	div.about h2{text-align: left}
	div.about div.three-column{float: none; width: 80%;}
	div.about div.wrapper{padding: 0 28px}
	#bottom-text, div.header{padding: 0 17px}
	#product-params-section{width: 100%}
	#product-description-section, #product-custom-fields{width: 50%}
	div.order-complete table.order{width: 80%}
	div.center-wrapper{clear:both}

	div.index-catalog-sections div.list a, div.index-catalog-sections div.list a:nth-child(5n){width: calc(23.5% - 2px);
	margin: 0 2% 15px 0; font-size: 14px;}
	div.index-catalog-sections div.list a:nth-child(4n){margin-right: 0}
	div.index-catalog-sections div.list a img{margin: 0 12px;}

	#visited-products div.visited-products-images.in-catalog{gap: 7.1px;}
}

@media screen and (max-width: 1064px)
{
	.index-banner-controls{margin-top: -30px; height: 30px;}
	.index-banner-controls .arrows > *{top: -7rem; height: 35px; width: 30px;}
	.index-banner-controls .index-banner-pagination span{width: 10px; height: 10px;}

	div.footer-bottom{padding: 20px 0}

	#left-column-filters #filter-price-to{margin: 10px 30px 0 0}
	#product-images-section{width: 41%; margin: 0 0 10px 0;}
	#product-navigation-section{width: 56%; margin: 0 0 20px 0; float: right;}
	#product-stocks-section{width: 100%; float: none; clear: both; margin: 0 0 50px 0;}
	#product-stocks-section table.availability-table tr{display: flex; width: 100%;}
	#product-stocks-section table.availability-table td:first-child{width: calc(100% - 120px);}
	#product-stocks-section table.availability-table td:last-child{width: 120px;}

	div.wrapper div.certificates a{width: 20.3%}
	div.wrapper div.certificates a:nth-child(5n){margin-right: 6.25%}
	div.wrapper div.certificates a:nth-child(4n){margin-right: 0}
}

@media screen and (max-width: 1024px)
{
	#search-form div.search-results{left: 0; width: 100%;}
	#categories-list li div.list-wrapper{position: static; padding: 0 15px; width: 100%;}
	#categories-list li li div.list-wrapper{background: #181f26}
	#categories-list{height: calc(100vh - 190px); min-height: 300px; overflow-y: auto}

	.news{width: 47%; margin: 0 6% 30px 0}
	.news:nth-child(2n){margin-right: 0}
}

@media screen and (max-width: 980px)
{
	div.footer-bottom{padding: 20px 0 80px}
	#content div.features{font-size: 15px}
	#content div.features > div{flex-basis: 390px; -ms-flex-preferred-size: 390px;}
}

@media screen and (max-width: 930px)
{
	div.slider-info{flex-direction: column; align-items: center;  height: auto; padding: 30px 3.7%; gap: 30px;}
	div.slider-info > div{margin-bottom: 15px; width: 320px; line-height: 22px; margin: 0;}
	div.categories, div.brands, #left-column > div.header, #categories-list, #left-column div.text-block{display: none}
	#catalog-products.tile.five-in-row div.product{width: 32%}
	#catalog-products.tile.five-in-row div.product:nth-child(4n){margin-right: 2%}
	#catalog-products.tile.five-in-row div.product:nth-child(3n){margin-right: 0}
	div.product div.extra{width: 100%; height: auto; box-shadow: none; display: block; top: 53%}
	div.product div.extra-inner{margin: 20px 0 0 0; width: 100%}
	div.product div.extra-inner div.options ul.sku-params-images li{display: inline-block}
	div.product:hover div.extra{z-index: 1000}
	div.product div.user-buttons {display: block}
	.picture-list div.product div.image {width: 40%}
	.picture-list div.product div.horizontal-wrapper {width: 60%; margin-bottom: 15px}
	.picture-list div.product div.brand, .picture-list div.product div.price, .picture-list div.product div.buttons{float: right; width: 60%}
	.picture-list div.product div.buttons div.cart-buttons{float: left}
	.picture-list div.product div.price, .picture-list div.product div.brand {padding-top: 0; text-align: left;}
	.picture-list div.product div.buttons{padding-top: 10px}
	.picture-list div.product span.in-stock, .picture-list div.product span.out-of-stock{margin: 0 0 8px 0; text-align: left}
	.none-picture-list div.product div.horizontal-wrapper{width: 25%}
	.none-picture-list div.product div.buttons{width: 41%}
	div.order-complete table.order{width: 100%}
	#map{width: 100%; height: 350px}
	#map.all-stores{display: none !important;}
	#content div.contacts-list, #content #map{float: none; width: 100% !important}
	#content div.contacts-list{padding: 25px 15%;}
	#content div.contacts-list div.store-info p{padding: 0 0 10px}
	#content div.features{padding: 25px 10px}
	#content div.store-photogallery a{width: 32.8%}
	#content div.store-photogallery a:nth-child(3n){margin-right: 0}
	#compared-table td.compare-product div.price{font-size: 14px}
	#product-description-section, #product-custom-fields{width: 100%}
	div.wrapper div.certificates a{height: 280px}

	div.index-catalog-sections div.inner{margin: 0 2%; padding: 15px 0;}
	div.index-catalog-sections div.list a, div.index-catalog-sections div.list a:nth-child(5n){width: calc(49% - 2px);
	margin: 0 2% 15px 0; height: 75px;}
	div.index-catalog-sections div.list a:nth-child(2n){margin-right: 0}
	div.index-catalog-sections div.list a img{margin: 0 30px;}

	div.wrapper-900.shop{width: auto;}
	#pager-show-more{width: 100%; min-width: auto; margin-bottom: 25px;}
}

@media screen and (max-width: 850px)
{
	#header-middle div.wrapper{height: 64px;}
	#header-middle #logo{width: 155px;}
	#top-menu li.social.partnership{border: none; width: 30px; height: 30px; background-size: contain;
	padding: 0; background-position: center; overflow: hidden; color: transparent;}
	#header-bottom{height: 44px;}
	#header-bottom div.catalog-toggle{padding-left: 25px; width: 220px}
	#header-bottom #cart-summery{width: 44px;}
	#header-bottom #cart-summery a{padding: 14px 0 0 0;}
	#header-bottom #cart-summery .cart-total{display: none}
	#header-bottom #cart-summery #cart-quantity{top: 7px; left: 17px;}
	
	#search-form{position: absolute; top: 50px; width: 100%; margin: 0; display: none;
	border: 1px solid #00488d; z-index: 1; overflow: visible; box-shadow: 0 2px 27px rgba(0, 0, 0, .4);}
	#search-form div.search-results{top: 47px;}
	#mobile-search-show{display: block; margin: 0 10px 0 auto;}

	#catalog-navigation div.catalog-navigation-bottom .pager{display: none;}

	#modal-store-map{width: 100%; height: 100%; left: 0; top: 0; margin: 0; border-radius: 0; box-sizing: border-box;
	overflow: hidden;}
	#modal-store-map #map{height: 75vh}

	div.reviews-content div.params{flex-wrap: wrap; row-gap: 5px;}
	div.reviews-content div.params span.our-product{margin: 0 calc(100% - 180px) 0 0;}
}

@media screen and (max-width: 799px)
{
	#scroll-up-button{display: none !important}
	#visited-products div.visited-products-images{justify-content: center;}
	#content .none-picture-list div.product > div{float: none; width: 100%; text-align: left; padding-top: 0}
	#content .none-picture-list div.product div.buttons{width: 280px}
	#content .none-picture-list div.product div.cart-buttons span.avalability{display: block; float: none; margin: 0 0 10px 0}
	.none-picture-list div.product div.cart-buttons .cart{display: block; float: none; margin: 0}
	#content div.features{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto}
	#content div.features > div{padding: 0px 0 15px 0}
	#content div.features > div:last-child{padding:0}
	#compared-table td{padding: 5px 3px}
	#content div.news-inside-content>*{float: none; width: 100%; padding: 0}
	#content div.news-inside-content img{width: auto; max-width: 100%; margin: 0 auto 30px}

	#footer{padding-top: 10px;}
}

@media screen and (max-width: 750px)
{
	#catalog-products.tile.four-in-row div.product, #catalog-categories > div{width: 49%; margin: 0 2% 10px 0;}
	#catalog-products.tile.four-in-row div.product:nth-child(3n){margin-right: 2%}
	#catalog-products.tile.four-in-row div.product:nth-child(2n), #catalog-categories > div:nth-child(2n){margin-right: 0}
	div.infographics div.infographics-block{width: 50% !important; margin-bottom: 15px;}
	#order-history{display: block !important}
	table.order-history{display: none}
	div.wrapper-left{float: none}

	div.section-header{margin-right: 5px}
	div.wrapper div.certificates a{width: 29.1%;}
	div.wrapper div.certificates a:nth-child(4n){margin-right: 6.25%}
	div.wrapper div.certificates a:nth-child(3n){margin-right: 0}
}

@media screen and (max-width: 700px)
{
	#header-top > div.wrapper > div:last-child{display: none;}
	#header-top > div.wrapper > div{width: 100%; justify-content: space-between;}
	#header-top #order-call > span{display: none;}
	#header-top #order-call > a{margin: 0;}

	.index-banner-controls .arrows > *{top: -4.2rem}
	.swiper .swiper-notification{display: none;}

	div.about div.wrapper{padding: 0 17px}
	div.about div.three-column{width: 100%; padding: 0}
	#cart-products div.wrapper.header, #cart-products div.cost{display: none}
	#cart-products div.check{top: 0;}
	#cart-products div.image{width: 26%; padding: 0 !important; margin: 12px 2% 0 5%;}
	#content #cart-products div.description, #cart-products div.price, #cart-products div.quantity{float: right !important; 
	width: 55%; text-align: left; padding: 12px 2% 0 !important;}
	#cart-products div.description a{margin-top: 0}

	div.cart-total{width: 100% !important; grid-template-columns: 70% 30%}
	div.cart-total div.value{white-space: nowrap;}
	div.cart-wrapper div.cart-navigation{padding: 0; display: flex; justify-content: space-between;}

	#cart-products div.wrapper{padding-bottom: 20px}
	div.gallery div.gallery-album{width: 31.3%}
	#content div.gallery-images a.preview{width: 24%}
	div.title, h2{margin-top: 0}
	#content div.features, #map{margin-bottom: 20px}

	#footer div.links{flex-direction: column; display: flex;}
	#footer div.links a{margin: 0 0 12px 0}
}

@media screen and (max-width: 650px)
{
	div.tab-body.active.reviews{flex-direction: column;}
	div.reviews-content{width: 100%;}
}

@media screen and (max-width: 600px)
{
	#catalog-menu{width: 100% !important;}
	#catalog-menu div.head, #catalog-menu div.inside{padding-left: 10px; padding-right: 10px;}

	div.index-catalog-sections div.list a, div.index-catalog-sections div.list a:nth-child(2n){width: 100% !important;
	margin: 0 0 10px 0 !important; height: 70px;}
	div.index-catalog-sections div.list a img{margin: 0 15px 0 20px;}

	h1{font-size: 27px}
	h2{font-size: 23px}
	h3{font-size: 20px}
	div.index-catalog-sections h1{font-size: 25px;}
	div.breadcrumbs span:last-child{display: none;}

	#catalog-navigation div.sorter{font-size: 15px; flex-wrap: wrap; gap: 5px;}

	#product-images-section, #product-navigation-section{width: 100%; float: none; clear: both; margin: 0 0 20px 0;}
	#product-navigation-section{margin-bottom: 30px;}
	#product-navigation-section h1, #product-navigation-section div.price{font-size: 18px; line-height: 22px;}
	#product-navigation-section div.price{margin-bottom: 16px;}

	table.cross-products-list tr{width: 100%;}
	table.cross-products-list td{padding: 16px 10px; box-sizing: border-box;}
	table.cross-products-list.similar tr{display: grid; grid-template-columns: 20% 50% 30%;}
	table.cross-products-list.similar tr td:last-child{place-self: center;}
	table.cross-products-list.similar tr td:has(p) a{font-size: 14px; line-height: 20px; display: inline-block;}
	table.cross-products-list tr:has(td):nth-child(2n){background: #eeedeb;}

	.news{width: 100%; margin: 0 0 15px 0; padding: 7px 0 0 0}
	div.special-products a.all{display: block; margin: 0 0 15px 5px}
	div.special-products-header{margin: 25px 0 10px}
	#footer div.contacts, #footer div.menu{width: 100%}
	#footer div.menu{display: none}
	div.footer-bottom a{display: block; padding-bottom: 15px}
	#catalog-products.tile div.product div.buttons, #recommended-products div.product div.buttons{height: 30px}

	form.regular{width: 100%; padding-bottom: 10px;}

	div.order-complete table.order{width: 100%}
	.editable p, .editable ol, .editable ul{font-size: 16px; line-height: 1.3}
	div.cart-navigation input{padding: 8px 4% !important; font-size: 14px !important;}
	div.news-list div.news-wrapper{width: 100%; margin-left: 0}
	div.promo-block div.promo{width: 80%; float: none; margin: 0 auto 15px !important}

	#catalog-products.tile div.product{height: 530px;}
	#catalog-products.tile.five-in-row div.product{width: 49%}
	#catalog-products.tile.five-in-row div.product:nth-child(3n){margin-right: 2%}
	#catalog-products.tile.five-in-row div.product:nth-child(2n){margin-right: 0}
	#catalog-products div.similar-products.items div.product{margin-bottom: 10px;}

	#content div.answer{padding: 15px 0 0 0}
	#content div.question p{padding-right: 30px; background-position: right top 5px}
	#content #write-question{padding: 25px}

	#modal-store-map{padding: 15px 0;}
	#modal-store-map ul, #modal-store-map div.top{padding: 0 5%; box-sizing: border-box;}
	#modal-store-map ul li{font-size: 16px !important;}
	#modal-whatsapp{width: 100%; border-radius: 0; margin: 0; top: 0; left: 0;}

	#footer{font-size: 14px;}
	#footer div.wrapper{padding: 15px 0}
}

@media screen and (max-width: 540px)
{
	#header div.wrapper{margin: 0 16px;}
	#header-middle div.wrapper{height: 60px;}
	#top-menu > li.social{display: none;}

	div.catalog-banner{display: none}
	div.car-brands{margin: 12px auto; width: auto !important;}
	div.owl-nav{top: 200px; left: 0; right: 0;}
	div.owl-nav div{position: absolute; border: none; height: 30px; width: 30px}
	div.owl-prev{background: url("/media/css/../images/arrow-left-grey.svg") no-repeat center center; background-size: contain; left: 0}
	div.owl-next{right: 0; background: url("/media/css/../images/arrow-right-grey.svg") no-repeat center center; background-size: contain;}
	div.special-products div.wrapper{padding: 0 5px}
	div.special-products-header{margin: 0 0 10px 0; font-size: 30px}
	div.special-products a.all{margin: 0 0 15px 20px}
	#content div.contacts-list{padding: 25px 2%;}
	body div.modal-form.on-overlay, #modal-city-choise{width: 100%!important; left:0!important; top: 0; margin-left: 0!important; height: 100%}
	
	#modal-order-call div.content{height: calc(100% - 30px)}
	#modal-city-choise{background: #202a37}
	#modal-city-choise div.title{color: #fff; display: block; text-align: center}
	#modal-city-choise input{float: none !important; display: block; margin: 0 auto 20px !important}

	div.catalog-navigation-top{display: flex; height: auto; line-height: 30px; padding: 10px 12px; gap: 20px;}
}

@media screen and (max-width: 500px)
{
	form div.phone-confirmation div.row{flex-direction: column;}
	form div.phone-confirmation div.row > *{width: auto;}
}

@media screen and (max-width: 480px)
{
	h1{margin-top: 20px; text-align: left !important}
	div.wrapper-900.shop h1{text-align: center !important; font-size: 22px;}
	div.not-found p{text-align: center;}
	#catalog-categories > div a.name{text-align: center}
	div.new-products-header{margin-bottom: 55px}
	#filters-toggle{background: #fff; border-top: 1px solid #c2c2c2; margin: 0; color: #1565c0}
	#filters-toggle span {background: url("/media/css/../images/arrow-right-blue.svg") no-repeat scroll right 7px / 10px 10px}
	div.catalog-navigation-bottom{margin-bottom: 10px;}
	#catalog-navigation div.sorter, #catalog-navigation div.limit{float: none;}
	div.catalog-navigation-top + div.catalog-navigation-bottom div.pager, 
	#visited-products, div.breadcrumbs{display: none}	
	div.catalog-navigation-bottom.at-bottom div.pager{width: 100%; float: none; flex-wrap: wrap; margin-bottom: 15px;
	height: auto; line-height: 20px;}
	.go-back-button{margin-top: 15px;}
	#product-images-section, div.certificates{margin-top: 30px}
	div.product span.flags{top: 0; left: 0}
	#content div.product span.flags span{width: 30px; height: 30px}
	#content div.product div.name a{font-size: 13px}
	#content div.product div.articul{font-size: 12px}
	#content div.product div.brand, #catalog-products div.user-buttons span span{font-size: 15px}
	#content div.product div.price, span.cart{font-size: 15px}
	#content .tile div.product div.image{height: 135px; margin-bottom: 10px}
	#content .none-picture-list div.product > div{width: 95%}
	#catalog-categories > div a.image img{width: 100%}

	#product-images-section ul.mini-images{grid-template-columns: repeat(3, 1fr);}
	.sl-wrapper .sl-navigation button{background-size: 30px 30px !important;}

	form.regular div.field-name, form.regular div.field-input, form.regular p.required-text, form.regular div.agreement
	{float: none; width: 100%}
	form.regular div.field-name{margin-bottom: 0; height: auto;}
	form.regular div.buttons{float: none; text-align: center;}
	div.form-bottom-links{top: auto; text-align: center;}
	div.form-bottom-links a{margin: 10px 0 0 0;}
	form.regular p.required-text, form.regular div.agreement{padding-left: 13px}

	table.order tr:first-child {display: none;}
	table.order tbody td {display: block;}
	table.order tbody tr td:first-child {background: #eeedeb;}
	table.order tbody tr td:first-child::before{display: block}
	table.order tbody td:before {content: attr(data-th); font-weight: bold; display: inline-block; width: 12rem;}
	div.gallery div.gallery-album{width: 48%}
	#content div.gallery-images a.preview{width: 32%}
	div.modal-form div.field-name, div.field-input{float: none !important; width: 100% !important; text-align: left}
	div.modal-form div.field-name{margin-bottom: 5px}

	#modal-login{width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: left; min-height: 100%;
	max-height: 100%; padding: 30px 6%; border-radius: 0;}
	#modal-login div.header{font-size: 20px; flex-wrap: wrap; margin-bottom: 30px; padding: 0;}
	#modal-login div.header span.login-back{margin-right: 10px;}
	#modal-login form div.phone-confirmation{padding: 14px;}
	#modal-login form div.phone-confirmation .button{font-size: 14px;}

	div.cart-total div.name, div.cart-total div.value{font-size: 16px}
	div.cart-total{width: 100%; grid-template-columns: 60% 40%}

	div.order-complete table.order th:first-child{display: none}
	div.promo-block div.promo{width: 100%}
	#content div.store-photogallery a{width: 49.6%}
	#content div.store-photogallery a:nth-child(3n){margin-right: 0.8%}
	#content div.store-photogallery a:nth-child(2n){margin-right: 0}
	
	a.go-back-button{margin: 15px 0 0 0}
	div.wrapper div.certificates a{width: 46.8%}
	div.wrapper div.certificates a:nth-child(3n){margin-right: 6.25%}
	div.wrapper div.certificates a:nth-child(2n){margin-right: 0}
	#categories-list{width: 100%!important}
	div.center-wrapper h1, div.center-wrapper p{text-align: left}

	#new-client-type{margin-bottom: 5px;}
	#new-client-type li{font-size: 14px; padding: 0 5%; text-align: center;}

	div.car-brands-wrapper{padding: 0}
	div.promo-block.index-promo{padding: 20px 20px}
	div.promo-block div.owl-nav{top: 38%}
	div.promo-block .owl-prev{left: -25px}
	div.promo-block .owl-next{right: -25px}

	#send-code-again, form.regular div.field-input.sms-code .resending{margin-left: 7px}

	#catalog-products.tile div.product{height: 460px;}
	div.catalog-navigation-bottom div.limit{margin-bottom: 5px; display: flex; justify-content: center;}
	#product-previous-next{font-size: 14px; padding: 0 10px;}

	div.my-orders div.buttons{justify-content: center !important;}
	div.reviews-summary{width: 100%;}
}

@media screen and (max-width: 400px)
{
	.index-banner-controls .arrows > *{top: -4.5rem}
	div.new-products-header a{display: block; margin-left: 0}
	div.gallery div.gallery-album{width: 80%; float: none; margin: 0 auto; height: auto}
	#content div.gallery-images a.preview{width: 49%}
	.tile span.cart, .picture-list span.cart{width: 150px; background-position: 25px center; padding-left: 55px}
	.tile span.cart.active, .picture-list span.cart.active{padding-left: 35px}
	.list div.product div.user-buttons > span{display: block; margin-top: 5px}
	.list div.product img{width: 90%; height: auto}
	#product-previous-next{font-size: 12px}
	div.infographics{font-size: 21px !important}
	div.infographics div.infographics-block span{font-size: 60px !important}
	h1 a{display: block; margin: 5px 0 0 0}
	#previous-next{font-size: 14px}
	div.wrapper div.certificates a{height: 215px}
	#content h1 a.clear-products-list{margin-left: 0}

	#cart-products div.check input{left: 5px; top: 15px}
}

@media screen and (max-width: 342px)
{
	div.catalog-navigation-top, div.catalog-navigation-bottom, #filters-toggle span{font-size: 16px; background-size: 7px 7px}
	.tile span.cart, .picture-list span.cart{width: 130px}
	#product-navigation-section div.buttons{width: 266px;}
	.owl-carousel{width: 250px !important; padding: 0 30px}
	div.owl-nav div{height: 40px; width: 30px}
	div.special-products div.wrapper{padding: 0}
	div.special-products-header{font-size: 43px;}
	div.cart-navigation input{width: 130px; font-size: 17px}
	#footer{height: 252px}
	#footer div.payment-systems{width: 290px}
}
/* End of file */


/* File data: responsive-client.css */

/* Main menu */
ul.client-menu{font: 16px/140% 'MontserratBold'; border: 2px solid #c0d4e7; padding: 30px; width: 300px; border-radius: 6px;
box-sizing: border-box; float: left; margin-bottom: 30px; display: flex; flex-direction: column; gap: 23px;}
ul.client-menu li a{color: #181f26;}
ul.client-menu li.active a{color: #0564c0;}
ul.client-menu li:last-child{padding-bottom: 0}
ul.client-menu li.download{display: flex; align-items: center; justify-content: center; padding: 0; height: 46px;
border-radius: 6px; cursor: pointer; width: 100%; color: #0564c0; box-sizing: border-box; background: #eeedeb;}
ul.client-menu li.download span{background: url(/media/css/../images/file.svg) left center no-repeat; padding-left: 25px;}
ul.client-menu li.checkout{background: url(/media/css/../images/cart-blue.svg) left top 25px no-repeat; padding-left: 30px;
border-top: 1px solid #eeedeb; padding-top: 25px; margin-bottom: 8px;}
ul.client-menu li.favorites{background: url(/media/css/../images/heart-blue.svg) left top no-repeat; padding-left: 30px;
border-bottom: 1px solid #eeedeb; padding-bottom: 25px;}
ul.client-menu li.select{display: none;}

#client-mobile-menu{border: 1px solid #c5c5c5; width: 100%; border-radius: 6px; padding: 10px 16px; box-sizing: border-box; 
height: 44px; appearance: none; background: url(/media/css/../images/arrow-down.svg) right 18px center no-repeat;
background-size: 15px 15px; cursor: pointer; color: #181f26; font: 16px/140% 'MontserratBold';}

/* Content forms */
div.center-wrapper.client-area{max-width: 760px;}
div.center-wrapper.client-area h1{text-align: left; font-size: 28px; line-height: 32px; margin-bottom: 25px;}
div.center-wrapper.client-area h2{font: 24px 'MontserratBold'; color: #181f26; margin: 0 0 24px 0;}
div.center-wrapper.client-area section{padding: 30px 40px; border: 1px solid #c0d4e7; border-radius: 6px; margin-bottom: 30px;}
div.center-wrapper.client-area section *{float: none !important;}
div.center-wrapper.client-area section div.fields{display: grid; grid-template-columns: 180px 476px; grid-row-gap: 24px;
grid-column-gap: 20px; align-items: center;}
div.center-wrapper.client-area form.regular{max-width: none; padding: 0;}
div.center-wrapper.client-area form.regular div.field-name{width: auto; margin: 0;}
div.center-wrapper.client-area form.regular div.field-input{width: auto; margin: 0;}
div.center-wrapper.client-area form.regular input[name="house"]{width: 80px;}
div.center-wrapper.client-area form div.confirmed{color: #217c20; margin-bottom: 24px;}
div.center-wrapper.client-area form.regular div.buttons{clear: none;}
div.center-wrapper.client-area form.regular div.confirm-email{margin-top: -10px; min-height: 0;}
div.center-wrapper.client-area form.regular div.confirm-email:has(span.done){margin-top: -14px;}
div.center-wrapper.client-area form.regular div.confirm-email span.done{color: #217c20;}

/* Autocomplete */
.autocomplete-suggestions{border: 1px solid #c5c5c5; background: #fff; overflow: auto;
font-family: 'MontserratRegular'; border-radius: 6px;}
.autocomplete-suggestion{padding: 5px 8px; white-space: nowrap; overflow: hidden; cursor: pointer;}
.autocomplete-selected{background: #c0d4e7;}
.autocomplete-suggestions strong{font-weight: normal; color: #0564c0}

/* Orders */
div.center-wrapper.client-area.orders{max-width: 1150px; margin: 0 0 0 390px;}
div.my-orders > div{border: 1px solid #c0d4e7; border-radius: 6px; margin-bottom: 10px; padding: 30px 40px;}
div.my-orders div.top{display: flex; justify-content: space-between; margin-bottom: 24px; padding-bottom: 24px;
border-bottom: 1px solid #eeedeb;}
div.my-orders div.top > div:last-child{display: flex; gap: 24px; align-items: center;}
div.my-orders div.top div.name{font: 20px/100% 'MontserratBold'; margin-bottom: 10px;}
div.my-orders div.top div.date{color: #777;}
div.my-orders div.top div.status.paid, div.my-orders div.top div.status.delivered{color: #217c20;}
div.my-orders div.top div.cost{font: 20px/100% 'MontserratBold';}
div.my-orders div.middle{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px;}
div.my-orders div.middle > div:first-child{max-width: 500px; margin-right: 30px;}
div.my-orders div.middle div.delivery{font-family: 'MontserratBold'; margin-bottom: 6px;}
div.my-orders div.middle div.address{margin-bottom: 6px;}
div.my-orders div.middle div.items{display: flex; gap: 10px; align-items: center; flex-wrap: wrap; min-height: 60px;}
div.my-orders div.middle div.items > img{max-width: 60px; max-height: 60px;}
div.my-orders div.buttons{display: flex; gap: 10px;}

/* Order details */
div.client-area div.back{display: inline-block; color: #0564c0; cursor: pointer; font-size: 14px;
margin-bottom: 25px; padding-left: 22px; background: url(/media/css/../images/checkout/arrow-left-blue.svg) left no-repeat;}
div.client-area.order-details h1 span.status{font: 16px 'MontserratRegular' !important; margin-left: 5px;}
div.client-area.order-details h1 span.status.paid, div.client-area.order-details h1 span.status.delivered{color: #217c20;}
div.client-area.order-details h1 span.date{font: 16px 'MontserratRegular'; color: #777; display: block; font-weight: normal;
padding-top: 3px;}
div.client-area.order-details div.totals{background: #c0d4e7; border-radius: 6px; margin-bottom: 30px; padding: 20px 40px;}
div.client-area.order-details div.totals > div{display: flex; width: 100%; justify-content: space-between; font-size: 14px;}
div.client-area.order-details div.totals > div.items{font: 14px 'MontserratBold'; margin-bottom: 10px;}
div.client-area.order-details div.totals > div.final{font: 24px 'MontserratBold'; padding-top: 12px;}
div.client-area.order-details div.delivery{border: 1px solid #c0d4e7; border-radius: 6px; margin-bottom: 30px; padding: 30px 40px;}
div.client-area.order-details div.delivery > div{font-family: 'MontserratBold'; margin-bottom: 4px;}
div.client-area.order-details div.delivery > p{margin-bottom: 15px; text-align: left;}

div.client-area div.order-products{border: 1px solid #c0d4e7; border-radius: 6px; margin-bottom: 30px; padding: 30px 40px;}
div.client-area div.order-products > div{border-bottom: 1px solid #eeedeb; padding: 10px 0 20px 0; display: flex; 
justify-content: space-between;}
div.client-area div.order-products > div:last-child{border: none;}
div.client-area div.order-products div.left{width: calc(100% - 230px); display: flex; }
div.client-area div.order-products div.left div.image{width: 100px; margin-right: 20px; flex-shrink: 0;}
div.client-area div.order-products div.left div.image img{display: block; max-width: 100%;}
div.client-area div.order-products div.left div.description{display: flex; flex-direction: column; gap: 10px;
align-items: flex-start;}
div.client-area div.order-products div.left div.description div.articul{font-size: 12px; display: flex; gap: 20px;}
div.client-area div.order-products div.left div.description div.name{font-family: 'MontserratBold';}
div.client-area div.order-products div.left div.description a.review-product{padding: 12px 30px; background: #eeedeb;
border-radius: 6px; color: #0564c0; font-family: 'MontserratBold';}
div.client-area div.order-products div.right{width: 190px;}
div.client-area div.order-products div.right div.cost{font-family: 'MontserratBold'; text-align: right; margin-bottom: 2px;}
div.client-area div.order-products div.right div.cost.one{font: 12px 'MontserratRegular'; color: #777;}
div.client-area div.order-products div.right div.buttons{display: flex; justify-content: flex-end; gap: 20px; align-items: center;
padding-top: 16px;}
div.client-area div.order-products div.right div.buttons span.button{width: 154px; padding: 0;}
div.client-area div.order-products div.right div.buttons span.favorites{width: 20px; height: 20px; cursor: pointer; margin: 0;
background: url(/media/css/../images/heart-dark.svg) no-repeat center;}
div.client-area div.order-products div.right div.buttons span.favorites.active{background: url(/media/css/../images/heart-blue.svg) center no-repeat;}

/* Add product review */
div.wrapper.add-review h1{font-size: 22px;}
div.review-product-data{display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px;}
div.review-product-data > img{max-width: 80px;}

form.add-review-form{padding: 30px 40px; border: 1px solid #c0d4e7; border-radius: 6px; margin-bottom: 50px;
width: 100%; box-sizing: border-box; max-width: none; display: flex; flex-direction: column; gap: 24px;}
form.add-review-form *{box-sizing: border-box;}
form.add-review-form div.field-wrapper{display: flex; justify-content: space-between;}
form.add-review-form div.field-wrapper > *{float: none; margin: 0; display: flex; align-items: center;}
form.add-review-form div.field-name{width: 180px;}
form.add-review-form div.field-name.wide{width: auto; white-space: nowrap;}
form.add-review-form div.field-input{width: calc(100% - 200px);}
form.add-review-form div.field-input > * {width: 100% !important;}
form.add-review-form div.field-input input[type='text'], form.add-review-form div.field-input textarea{padding: 6px 2%;}
form.add-review-form div.field-input textarea{height: 80px !important;}
form.add-review-form div.field-input input[type='text']{height: 40px;}
form.add-review-form div.field-wrapper div.pick-stars{height: 30px; margin-left: 20px; display: flex; gap: 10px;
margin-right: auto;}
form.add-review-form div.field-wrapper div.pick-stars > span{width: 30px; height: 30px; cursor: pointer;
background: url(/media/css/../images/star-empty.svg) center no-repeat; background-size: cover;}
form.add-review-form div.field-wrapper div.pick-stars > span.full{background-image: url(/media/css/../images/start-full.svg);}
form.add-review-form p.required-text{padding-bottom: 20px; border-bottom: 1px solid #eeedeb; margin: 0;}
form.add-review-form p.required-text span.required{color: #d63c1d;}
form.add-review-form div.field-wrapper:has(div.customer){flex-direction: column; gap: 20px; align-items: flex-start;
margin-top: -10px;}
form.add-review-form div.field-wrapper div.customer{display: flex; gap: 20px;}
form.add-review-form div.field-wrapper div.customer > span{color: #0564c0; font-size: 12px; cursor: pointer;}
form.add-review-form div.field-wrapper div.customer + div.field-input{width: 100%;}
form.add-review-form div.buttons{margin: 0;}
form.add-review-form div.policy{display: flex; flex-direction: column; gap: 12px;}

@media screen and (max-width: 1430px)
{
    ul.client-menu{width: 100% !important; margin: 0 auto 20px auto; max-width: 760px; float: none !important;}
	ul.client-menu li{display: none;}
	ul.client-menu li.download, ul.client-menu li.select{display: flex !important;}
	ul.client-menu li.download{background-position-x: 25% !important;}

	div.center-wrapper.client-area.orders{margin: 0 auto !important;}
}

@media screen and (max-width: 799px)
{
    ul.client-menu{margin-bottom: 18px !important;}
	div.center-wrapper.client-area h1, div.center-wrapper.client-area h2{font-size: 18px !important; 
	line-height: 100% !important; margin-bottom: 18px !important;}
	div.center-wrapper.client-area section{padding: 30px !important;}
	div.center-wrapper.client-area section div.fields{grid-template-columns: 1fr !important; grid-row-gap: 8px !important;}
	div.center-wrapper.client-area form.regular div.field-name{min-height: 0 !important;}
	div.center-wrapper.client-area form.regular div.field-input{margin-bottom: 16px !important;}

	div.my-orders > div{padding: 30px !important;}
	div.my-orders div.top{flex-direction: column !important; gap: 12px !important;}
	div.my-orders div.middle{flex-direction: column !important; gap: 24px !important;}
	div.my-orders div.top > div:last-child{flex-direction: column; align-items: flex-start !important;
	gap: 12px !important;}
	div.my-orders div.middle div.delivery{margin-bottom: 10px !important;}
	div.my-orders div.buttons{flex-wrap: wrap;}

    div.client-area div.order-products{padding: 0 20px;}
    div.client-area div.order-products > div{flex-direction: column; align-items: flex-end; gap: 16px; padding: 20px 0;}
    div.client-area div.order-products div.left{width: 100%;}
    div.client-area div.order-products div.left div.image{width: 60px; margin-right: 10px;}
    div.client-area div.order-products div.left div.description{gap: 5px;}
    div.client-area div.order-products div.left div.description div.articul{flex-direction: column; gap: 5px;}
    div.client-area div.order-products div.left div.description div.name{font: 12px 'MontserratRegular';}
    div.client-area div.order-products div.right div.buttons{padding-top: 10px;}
}

@media screen and (max-width: 700px)
{
	form.add-review-form{padding: 20px;}
	form.add-review-form div.field-wrapper{flex-direction: column; gap: 12px;}
	form.add-review-form div.field-wrapper > *{width: 100%; min-height: auto;}
	form.add-review-form div.field-wrapper div.pick-stars{margin: 0; height: 50px;}
}

@media screen and (max-width: 540px)
{
	div.client-area div.back{margin-bottom: 18px;}
	div.client-area.order-details div.totals{padding: 20px; margin-bottom: 20px;}
    div.client-area.order-details div.totals > div.items{margin-bottom: 5px;}
	div.client-area.order-details div.totals > div.final{font-size: 18px; padding-top: 5px;}
    div.client-area.order-details div.delivery{margin-bottom: 20px; padding: 30px 20px;}
}

@media screen and (max-width: 480px)
{
    div.center-wrapper.client-area.order-details h1{margin-top: 0;}
    #content ul.client-menu{margin-top: 30px;}
}
/* End of file */