/* Start:/local/templates/teko2024/assets/js/swiper/swiper.min.css?175076158916361*/
/**
 * Swiper 6.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 4, 2020
 */

@font-face {
    font-family: swiper-icons;
    src: url('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') format('woff');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #9b9b9b
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * 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:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.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-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    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: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: 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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    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
}

.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%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

/* End */


/* Start:/local/templates/teko2024/components/bitrix/search.title/inline/style.css?17345066244126*/
.bx-searchtitle {
	width: 100%;
}
.bx-searchtitle .bx-block-title {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


div.title-search-result {
	border:1px solid #e9e9e9;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-top:-3px;
	background-color: #FFF;
	z-index: 10000;
	border-radius: 10px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/teko2024/components/bitrix/search.title/inline/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	/*min-height: 65px;*/
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding: 10px;
	/*margin-left: 70px;*/
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	/* margin-top: 10px; */
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	/*padding: 0 0 12px;
	line-height: 12px;*/
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}
/* End */


/* Start:/local/templates/teko2024/components/bitrix/sale.basket.basket.line/.default/style.css?17321012435152*/
.bx-basket { }

.bx-basket-block {
	margin: auto;
	position: relative;
	/*padding-bottom: 5px;
	padding-left: 20px;*/
	white-space: nowrap;
	font-size: 12px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.bx-basket-block > .fa {
	position: absolute;
	top: 3px;
	left: 0;
	width: 12px;
	color: #97a1ab;
}

.bx-basket-block a { margin-right: 10px; }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 100;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }

	.block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px }
}

@media (min-width: 768px) and (max-width: 992px) {
	.block-store-catalog-list .bx-basket-fixed.bottom { bottom: 90px }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 100;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list { display: none; }

	.block-wrapper .bx-basket-fixed {
		padding-top: 0;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile {
		display: flex;
		justify-content: space-between;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block {
		padding-bottom: 0;
	}

	/*.bx-basket-fixed */
}

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }

/* End */


/* Start:/local/templates/teko2024/components/bitrix/breadcrumb/.default/style.css?1732101243784*/
/*.bx-breadcrumb {
	margin: 10px 0;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-size: 14px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}
*/
.bx-breadcrumb {
	font-size: 12px;
	display: flex;
	flex-wrap: wrap;
}
.bx-breadcrumb > div {
	/*height: 30px;
	display: block;*/
	align-items: center;
	display: flex;
}
.bx-breadcrumb .bx-breadcrumb-item svg {
	margin: 0 17px;
}

/* End */


/* Start:/local/templates/teko2024/template_styles.css?1733811980565*/
a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0!important;
    outline-color: transparent!important;
    outline-width: 0!important;
    outline-style: none!important;
    box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}
button::-moz-focus-inner {
    border: 0 !important;
}
/* End */


/* Start:/local/templates/teko2024/assets/fonts/montserrat/stylesheet.css?17321012483843*/
@font-face {
    font-family: 'Montserrat';
    font-weight: 100;
    font-style: normal;
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Thin.otf');
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Thin.otf?#iefix') format('embedded-opentype'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Thin.woff2') format('woff2'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Thin.woff') format('woff'),
    url('/local/templates/teko2024/assets/fonts/montserrat/ttf/Montserrat-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 200;
    font-style: normal;
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-ExtraLight.otf');
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-ExtraLight.otf?#iefix') format('embedded-opentype'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-ExtraLight.woff2') format('woff2'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-ExtraLight.woff') format('woff'),
    url('/local/templates/teko2024/assets/fonts/montserrat/ttf/Montserrat-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 300;
    font-style: normal;
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Light.otf');
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Light.otf?#iefix') format('embedded-opentype'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Light.woff2') format('woff2'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Light.woff') format('woff'),
    url('/local/templates/teko2024/assets/fonts/montserrat/ttf/Montserrat-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 400;
    font-style: normal;
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Regular.otf');
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Regular.otf?#iefix') format('embedded-opentype'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Regular.woff2') format('woff2'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Regular.woff') format('woff'),
    url('/local/templates/teko2024/assets/fonts/montserrat/ttf/Montserrat-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: normal;
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Medium.otf');
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Medium.otf?#iefix') format('embedded-opentype'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Medium.woff2') format('woff2'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Medium.woff') format('woff'),
    url('/local/templates/teko2024/assets/fonts/montserrat/ttf/Montserrat-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 600;
    font-style: normal;
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-SemiBold.otf');
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-SemiBold.otf?#iefix') format('embedded-opentype'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-SemiBold.woff') format('woff'),
    url('/local/templates/teko2024/assets/fonts/montserrat/ttf/Montserrat-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    font-style: normal;
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Bold.otf');
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Bold.otf?#iefix') format('embedded-opentype'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Bold.woff2') format('woff2'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Bold.woff') format('woff'),
    url('/local/templates/teko2024/assets/fonts/montserrat/ttf/Montserrat-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 800;
    font-style: normal;
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-ExtraBold.otf');
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-ExtraBold.otf?#iefix') format('embedded-opentype'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-ExtraBold.woff2') format('woff2'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-ExtraBold.woff') format('woff'),
    url('/local/templates/teko2024/assets/fonts/montserrat/ttf/Montserrat-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 900;
    font-style: normal;
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Black.otf');
    src: url('/local/templates/teko2024/assets/fonts/montserrat/otf/Montserrat-Black.otf?#iefix') format('embedded-opentype'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Black.woff2') format('woff2'),
    url('/local/templates/teko2024/assets/fonts/montserrat/webfonts/Montserrat-Black.woff') format('woff'),
    url('/local/templates/teko2024/assets/fonts/montserrat/ttf/Montserrat-Black.ttf') format("truetype");
    font-display: swap;
}
/* End */


/* Start:/local/templates/teko2024/assets/css/normalize.css?17345036256487*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* End */


/* Start:/local/templates/teko2024/assets/css/style.css?1758539572386543*/
:root {
    --default-color-font: #333333;
    --default-color-bg: #ffffff;
    --default-font-size: 16px;
    --color-blue: #759EED;  /* rgb(117,158,237) */
    --color-light-blue: #5E8EED; /* rgb(94,142,237) */
    --color-blue-bd:#CDDCEF;
    --color-coral: #E55362; /* rgb(229, 83, 98) */
    --color-grey: rgba(107, 107, 107, 0.5);
    --color-grey-light: #A0A0A0;
    --color-green: #93D056;
    --color-orange:#F5A30B;
    --news-bg: none;
    --miss-bg: none;
    --miss-text-color: #000000;
    --arrow-svg-red: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26">\
        <line x1="0" y1="13" x2="17" y2="13" stroke-width="2" stroke="rgb(229, 83, 98)"/>\
    <polyline points="10,19 17,13 10,7" fill="none" stroke-width="2" stroke="rgb(229, 83, 98)"/>\
    </svg>');
    --arrow-svg-blue: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26">\
        <line x1="0" y1="13" x2="17" y2="13" stroke-width="2" stroke="rgb(117,158,237)"/>\
    <polyline points="10,19 17,13 10,7" fill="none" stroke-width="2" stroke="rgb(117,158,237)"/>\
    </svg>');
    --hint-text:'';
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}


*,
html * /* override x.xhtml.ru style */
{
    scrollbar-width: thin;
    scrollbar-color: #E55362 #f5f5f5;
}

*::-webkit-scrollbar,
html *::-webkit-scrollbar {
    height: 12px;
    width: 12px;
}
*::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track {
    background: #f5f5f5;
}
*::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb {
    background-color: #E55362;
    border-radius: 5px;
    border: 3px solid #f5f5f5;
}



/*
html { scroll-behavior: smooth; }
*/
*, *:after, *:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*:focus {
    outline: none;
}
div[id^="wait_"] { display: none !important; background: none !important; border: 0 !important; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-style: normal !important; font-variant: normal !important; font-weight: normal; letter-spacing: normal !important; line-height: normal; padding: 0 !important; position: absolute; text-align: center !important; text-indent: 0 !important; width: 0px !important; height: 0px !important; word-spacing: normal !important; z-index: 0; content: ""; }
input[type=text]::placeholder {
    color: var(--color-light-blue);
    opacity: 0.7;
}
input[type=text]:focus::placeholder {
    color: transparent;
}
input[type=text]::-webkit-input-placeholder {
    color: var(--color-light-blue);
    opacity: 0.7;
}
input[type=text]:focus::-webkit-input-placeholder {
    color: transparent;
}
input[type=text]::-moz-placeholder {
    color: var(--color-light-blue);
    opacity: 0.7;
}
input[type=text]:focus::-moz-placeholder {
    color: transparent;
}
input[type=text]:-moz-placeholder {
    color: var(--color-light-blue);
    opacity: 0.7;
}
input[type=text]:focus::-moz-placeholder {
    color: transparent;
}
input[type=text]:-ms-input-placeholder {
    color: var(--color-light-blue);
    opacity: 0.7;
}
input[type=text]:focus::-ms-input-placeholder {
    color: transparent;
}


input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
input[type=radio]+span {
    display: inline-flex;
    align-items: center;
    user-select: none;
}
input[type=radio]+span::before {
    content: '';
    display: inline-block;
    /*width: 1em;
    height: 1em;*/
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #A0A0A0;
    background-color: white;
    /*border-radius: 0.25em;*/
    border-radius: 50%;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-size: 50% 50%;*/
}
input[type=radio]:checked+span::before {
    border-color: var(--color-coral);
    /*background-color: var(--color-coral);*/
    background-image: url("data:image/svg+xml,\
	<svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'>\
	<circle cx='8.5' cy='8.5' r='7.5' fill='rgb(249,62,79)'  />\
	</svg>");
}
input[type=submit] {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
ul, ol {
    list-style: none;
}
a {
    color: var(--default-color-font);
    text-decoration: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a:hover, a:after, a:before {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
img {
    border: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

html, body {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    color: var(--default-color-font);
    webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}

body.open-popup {
    overflow: hidden;
}
button {
    border: 0;
    background: transparent;
}
p {
    /*margin-bottom: 14px;*/
}
b {
    font-weight: 600;
}
h1, .h1 {
    font-weight: 600;
    font-size: 32px;
    margin: 35px 0;
}
h2, .h2 {
    font-weight: 600;
    font-size: 24px;
    margin: 40px 0 25px 0;
}
h3, .h3 {
    font-weight: 500;
    font-size: 20px;
    margin: 40px 0 25px 0;
}
.h3 {
    margin: 20px 0 10px 0;
}
h4, .h4 {
    font-weight: 500;
    font-size: 18px;
    margin: 40px 0 25px 0;
}
h5, .h5 {
    font-weight: 400;
    font-size: 14px;
    margin: 40px 0 25px 0;
}
h6, .h6 {
    font-weight: 400;
    font-size: 12px;
    margin: 40px 0 25px 0;
}

.pl-0 {
    padding-left: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.mb-2 {
    margin-bottom: 20px!important;
}
.mb-3 {
    margin-bottom: 30px!important;
}
.mb-4 {
    margin-bottom: 40px!important;
}
.mb-5 {
    margin-bottom: 50px!important;
}
.mb-6 {
    margin-bottom: 60px!important;
}
.mb-7 {
    margin-bottom: 70px!important;
}
.mb-8 {
    margin-bottom: 80px!important;
}
.mt-3 {
    margin-top: 30px!important;
}
.mt-4 {
    margin-top: 40px!important;
}
.mt-5 {
    margin-top: 50px!important;
}
.mt-6 {
    margin-top: 60px!important;
}
.mt-7 {
    margin-top: 70px!important;
}
.mt-8 {
    margin-top: 80px!important;
}
.pos_static {
    position: static!important;
}
.align-center {
    text-align: center!important;
}
.valign-center {
    align-content: center!important;
}
.align-right {
    text-align: right!important;
}
.align-left {
    text-align: left!important;
}
.width-100 {
    width: 100%!important;
}
.width-50 {
    width: 50%!important;
}
.width-33 {
    width: 33.33333%!important;
}

.che_hidden .ozon {
    display: none!important;
    text-indent: -999px;
}

/** inner_content */

.inner_content {
    padding: 40px;
}

.inner_content.inner_content-bg {
    padding-bottom: 30px;
}

.content-bg {
    background-color: #F8FAFE;
}

.content-bg .inner_content {
    padding-top: 30px;
}

@media(max-width: 1366px){
    .content-bg h1 {
        text-align: center;
    }
}

@media(max-width: 768px){
    .content-bg h1 {
        text-align: left;
        margin-top: 0;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 40px;
    }

    .inner_content.inner_content-bg {
        padding: 0;
    }
}

.inner_content p {
    padding: 0 0 14px 0;
}

.inner_content ul:not([class]) {
    margin: 14px 0;
    display: flex;
    flex-wrap: wrap;
}
.inner_content ul:not([class]) > li {
    padding: 0 0 14px 25px;
    position: relative;
    width: 100%;
}
.inner_content ul:not([class]) > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-position: 50% 50%;
    background-image: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11">\
    <circle cx="5" cy="5" r="5" fill="rgb(117,158,237)"  />\
    </svg>');
}
.inner_content ul:not([class]) li > ul > li:before,
.inner_content ol > li > ul > li:before{
    background-image: url('data:image/svg+xml,\
    <svg width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M1 1L11 1" stroke="rgb(48,48,48)" stroke-width="1.5" stroke-linecap="round"/>\
    </svg>')!important;
}
.inner_content li > ul:not([class]) {
    margin: 14px 0 0 0!important;
}
.inner_content ul > li:last-child, .inner_content ol > li:last-child {
    padding-bottom: 0!important;
}

.inner_content ol {
    margin: 14px 0;
    counter-reset: num;
}
.inner_content ol > li {
    padding: 0 0 14px 25px;
    position: relative;
}
.inner_content ol > li:before {
    content: counter(num) '.';
    counter-increment: num;
    position: absolute;
    left: 0;
    top: -4px;
    color: var(--color-blue);
    font-size: 20px;
    font-weight: 500;
}
.inner_content ol.blueBG > li {
    padding: 0 0 14px 40px;
}
.inner_content ol.blueBG > li:before {
    content: counter(num);
    counter-increment: num;
    position: absolute;
    left: 0;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    width: 22px;
    height: 25px;
    background-color: var(--color-blue);
    text-align: center;
    align-items: center;
    display: grid;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-left: 2px;
}
.inner_content ol.blueBG > li:after {
    position: absolute;
    content: "";
    left: 22px;
    width: 3px;
    height: 3px;
    border: 12.5px solid var(--color-blue);
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-width: 10px;
    border-right-width: 10px;
    border-top-color: transparent;
    top: -2px;
}
.inner_content blockquote, .inner_content .blockquote {
    background-color: #759EED33;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 14px;
}
.inner_content blockquote p:last-child, .inner_content .blockquote p:last-child {
    padding-bottom: 0;
}


/**  ACCORDION */
.accordion-item {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #759EED33;
    transition: border-bottom-color 1s;
}
.accordion-content {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.accordion-header {
    position: relative;
    z-index: 2;
    font-size: 20px;
    font-weight: 500;
    padding: 23px 35px 23px 0;
    cursor: pointer;
    transition: color 1s;
}
.accordion-header:before {
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml,\
    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <circle cx="16" cy="16" r="16" transform="rotate(90 16 16)" fill="rgb(117,158,237)"/>\
    <path d="M8 12L16 20L24 12" stroke="white" stroke-linecap="round"/>\
    </svg>');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 32px;
    width: 32px;
    right: 0;
    transition: transform 0.5s;
}
.accordion-item.active {
    border-bottom-color: var(--color-blue);
}
.accordion-item.active .accordion-header {
    color: var(--color-blue);
}
.accordion-item.active .accordion-header:before {
    transform: rotate(180deg);
}
/* При обычном состоянии */
.drop-up-body {
    display: flex;
    flex-direction: column;
    transition: max-height 2s;
    max-height: 3000px;
}
/* При нажатии на кнопку */
.drop-up-body_state_toggled {
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    max-height: 0;
}
/* ****** END ACCORDION ****** */

.popup-window {
    font: inherit;
}

/* ****** GALLERY ******* */
/**
Галерей будет несколько для разного количества фотографий.
От 1 до 8.
 */

.pxt_photoGallery .photoItem {
    border-radius: 10px;
    position: relative;
    background: var(--news-bg) 50% 50% no-repeat;
    background-size: cover;
    transition: 0.5s;
    z-index: 1;
    /*height: 300px;*/
}
.pxt_photoGallery .photoItem:before {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 42px;
    height: 42px;
    background-image: url('data:image/svg+xml,\
    <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path fill-rule="evenodd" clip-rule="evenodd" d="M26.7012 16.213C26.7012 21.2771 22.3551 25.5512 16.7803 25.5512C11.2055 25.5512 6.85938 21.2771 6.85938 16.213C6.85938 11.1489 11.2055 6.87476 16.7803 6.87476C22.3551 6.87476 26.7012 11.1489 26.7012 16.213ZM28.7012 16.213C28.7012 22.4749 23.364 27.5512 16.7803 27.5512C10.1965 27.5512 4.85938 22.4749 4.85938 16.213C4.85938 9.95105 10.1965 4.87476 16.7803 4.87476C23.364 4.87476 28.7012 9.95105 28.7012 16.213ZM27.8211 26.8464C27.4293 26.4571 26.7941 26.4571 26.4023 26.8464C26.0105 27.2356 26.0105 27.8668 26.4023 28.256L34.3685 36.1714C34.7603 36.5607 35.3955 36.5607 35.7873 36.1714C36.179 35.7821 36.179 35.151 35.7873 34.7617L27.8211 26.8464Z" fill="white"/>\
    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4644 21.9779C15.4644 22.5302 15.9121 22.9779 16.4644 22.9779C17.0167 22.9779 17.4644 22.5302 17.4644 21.9779V17.4632H21.9793C22.5316 17.4632 22.9793 17.0155 22.9793 16.4632C22.9793 15.9109 22.5316 15.4632 21.9793 15.4632L17.4644 15.4632V10.3971C17.4644 9.84477 17.0167 9.39706 16.4644 9.39706C15.9121 9.39706 15.4644 9.84477 15.4644 10.3971L15.4644 15.4632L10.3984 15.4632C9.84615 15.4632 9.39844 15.9109 9.39844 16.4632C9.39844 17.0155 9.84615 17.4632 10.3984 17.4632H15.4644L15.4644 21.9779Z" fill="white"/>\
    </svg>');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
    transition: opacity 0.5s;
}
.pxt_photoGallery .photoItem:hover {
    transform: scale(1.05);
    z-index: 10;
}
.pxt_photoGallery .photoItem:hover::before {
    opacity: 1;
}
.pxt_photoGallery {
    margin: 45px 0;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-rows: 300px;
    grid-auto-flow: dense;
}
/* gallery 1 */

.pxt_photoGallery.photoGallery1 {
    grid-auto-rows: 500px;
}

/* gallery 2 */
.pxt_photoGallery.photoGallery2 {
    grid-auto-rows: 500px;
}


/* gallery 3 */

.pxt_photoGallery.photoGallery3  .photoItem:nth-of-type(3) {
    grid-column: span 2;
}


/* gallery 4 */
.pxt_photoGallery.photoGallery4 {
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
}
.pxt_photoGallery.photoGallery4  .photoItem:nth-of-type(3) {
    grid-column: span 2;
}
.pxt_photoGallery.photoGallery4 .photoItem:nth-of-type(4) {
    grid-row: span 2;
}

/* gallery 5 */
.pxt_photoGallery.photoGallery5 {
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
}
.pxt_photoGallery.photoGallery5  .photoItem:nth-of-type(2) {
    grid-row: span 2;
}
/* gallery 6 */
.pxt_photoGallery.photoGallery6 .photoItem:nth-of-type(2) {
    grid-column: span 2;
}
.pxt_photoGallery.photoGallery6 .photoItem:nth-of-type(6) {
    grid-column: span 2;
}

/* gallery 7 */
.pxt_photoGallery.photoGallery7 .photoItem:nth-of-type(1) {
    grid-column: span 2;
}
.pxt_photoGallery.photoGallery7 .photoItem:nth-of-type(3) {
    grid-row: span 2;
}
.pxt_photoGallery.photoGallery7 .photoItem:nth-of-type(4) {
    grid-row: span 2;
}
.pxt_photoGallery.photoGallery7 .photoItem:nth-of-type(5) {
    grid-column: span 2;
}
.pxt_photoGallery.photoGallery7 .photoItem:nth-of-type(7) {
    grid-column: span 2;
}

/* gallery 8 */
.pxt_photoGallery.photoGallery8 .photoItem:nth-of-type(1) {
    grid-row: span 2;
}
.pxt_photoGallery.photoGallery8 .photoItem:nth-of-type(2) {
    grid-column: span 2;
}
.pxt_photoGallery.photoGallery8 .photoItem:nth-of-type(5) {
    grid-row: span 2;
}
.pxt_photoGallery.photoGallery8 .photoItem:nth-of-type(7) {
    grid-column: span 2;
}

/* ****** END GALLERY ******* */

/* ** TABLE DEFAULT ** */

.inner_content table:not([class]) {
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
}
.inner_content table:not([class]) th {
    background-color: var(--color-blue);
    border: 1px solid #fff;
    color: #fff;
    text-align: left;
    font-weight: normal;
}
.inner_content table:not([class]) tr:nth-child(odd) {
    background-color: #F8FAFE;
}
.inner_content table:not([class]) tr:hover {
    background-color: #dfe8ff;
}

.inner_content table:not([class]) td {

    border: 1px solid #F8FAFE;
}
.inner_content table:not([class]) td, .inner_content table:not([class]) th {
    padding: 10px 20px;
    vertical-align: top;
}
.tables-responsive {
    width: 100%;
    overflow-x: auto;
}

/* **** END TABLE **** */

.btn {
    padding: 16px 30px;
    cursor: pointer;
    background-color: var(--color-blue);
    color: #ffffff!important;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.4;
}

.btn-noactive {
    padding: 16px 30px;
    cursor: pointer;
    background-color: transparent;
    color:  #000000 !important;
    border-radius: 5px;
    font-size: 16px;
    outline: #E4E4E4 solid 1px;
    transition: 0.3s;
}

.btn-noactive:hover {
    color: var(--color-coral) !important;
    outline: var(--color-coral) solid 1px !important;
}

.btn-red {
    padding: 16px 30px;
    cursor: pointer;
    background-color: rgba(249, 60, 79, 0.10);
    background-color: #E55362;
    color:  var(--color-coral) !important;
    color: #ffffff !important;
    border-radius: 5px;
    font-size: 16px;
    /*outline: var(--color-coral) solid 1px;
    outline: #E55362 solid 1px;*/
}

.btn-blue {
    padding: 16px 30px;
    cursor: pointer;
    background-color: #759EED1A;
    color: var(--color-blue) !important;
    border-radius: 5px;
    font-size: 16px;
    /*outline: var(--color-coral) solid 1px;
    outline: #E55362 solid 1px;*/
}

.btn-blue:hover {
    background-color: var(--color-blue) !important;
    color: #ffffff !important;
}

main.index_page {
    /*font-size: 13px;*/
}
.link {
    position: relative;
    font-weight: 500;
    padding-bottom: 7px;
    text-decoration: none;
    cursor: pointer;
    /*text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: #A0A0A0;*/
}
/*.link:before {
    position: absolute;
    content: "";
    bottom: -10px;
    height: 1px;
    background: #000;
    width: 100%;
}
.link:hover::before {
    background: var(--color-coral);
}*/
.link:hover {
    /*color: var(--color-coral);*/
}
.link:after{
    content: "";
    position: absolute;
    right: -20px;
    top: 5px;
    background-image: url('data:image/svg+xml,\
    <svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M1.00244 4C0.726299 4 0.502441 4.22386 0.502441 4.5C0.502441 4.77614 0.726299 5 1.00244 5L1.00244 4ZM11.356 4.85355C11.5513 4.65829 11.5513 4.34171 11.356 4.14645L8.17401 0.964467C7.97875 0.769205 7.66217 0.769204 7.46691 0.964467C7.27165 1.15973 7.27165 1.47631 7.46691 1.67157L10.2953 4.5L7.46691 7.32843C7.27165 7.52369 7.27165 7.84027 7.46691 8.03553C7.66217 8.2308 7.97875 8.2308 8.17401 8.03553L11.356 4.85355ZM1.00244 5L11.0024 5L11.0024 4L1.00244 4L1.00244 5Z" fill="rgb(229, 83, 98)"/>\
    </svg>');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 12px;
    height: 9px;

}/*
.link:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    border: 0.5px solid #A0A0A0;
    opacity: 0.3;
}*/

.link .border-b {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 0px;
    /*border: 0.5px solid transparent;*/
    border: none;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    /*border-color: var(--color-coral);*/
    background-color: var(--color-coral);
    left: 0;
    border-width: 0;
    margin-bottom: -2px;
}

.link:hover .border-b {
    width: 100%;
    /*border-width: 0.5px;*/
}

/*.link:after{
    content: "\A0\A0\A0\2014";
    display: inline;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 1px;
    color: var(--color-coral);
    font-weight: 300;
}
.link:before {
    content: "";
    position: absolute;
    right: 0;
    width: 8px;
    height: 8px;
    border: 1px solid var(--color-coral);
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg) translate(20%, -27%);
    top: calc(50% - 5px);
}
.link:hover::before {

}*/


.otrasly_block .text_block ul {
    padding-left: 15px;
    margin-top: 25px;
}
.otrasly_block .text_block > ul > li {
    position: relative;
    padding-bottom: 5px;
}
.otrasly_block .text_block > ul > li:before {
    position: absolute;
    content: "\2022";
    left: -15px;
    /*top: 50%;
    transform: translateY(-50%);*/
}


.owl-carousel.owl-loaded {
    display: flex!important;
    flex-wrap: wrap;
}
.owl-carousel .owl-stage-outer {
    order: 1;
    margin-bottom: 35px;
}
.owl-theme .owl-dots {
    text-align: left!important;
    padding: 0 45px;
    width: 50%;
    display: inline-block;
    order:2;
}
.owl-theme .owl-dots .owl-dot span {
    width: 7px!important;
    height: 7px!important;
    background: #D9D9D9!important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    width: 8px!important;
    height: 8px!important;
    background: #000000!important;
}
.owl-theme .owl-nav {
    text-align: right!important;
    padding: 0 45px;
    width: 50%;
    display: inline-block;
    order: 3;
    margin-top: 0!important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background-image: url(/local/templates/teko2024/assets/images/content/icons/prev_grey.png)!important;
    background-color: transparent!important;
    background-repeat: no-repeat!important;
    color: #FFF;
    text-decoration: none;
    opacity: 1;
}
.owl-carousel .owl-nav button.owl-prev {
    top: auto;
    bottom: -50px;
    background-image: url(/local/templates/teko2024/assets/images/content/icons/prev_grey.png)!important;
    left: auto!important;
    right: 75px!important;
    width: 40px!important;
    height: 40px!important;
    background-repeat: no-repeat!important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 0.7;
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
    display: none;
}
.owl-theme .owl-nav .owl-prev:hover {
    background-image: url(/local/templates/teko2024/assets/images/content/icons/prev_grey.png) !important;
}
.owl-carousel .owl-nav button.owl-next {

    top: auto;
    bottom: -50px;
    background-image: url(/local/templates/teko2024/assets/images/content/icons/next_grey.png)!important;
    width: 40px!important;
    height: 40px!important;
    background-repeat: no-repeat!important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 0.7;
}
.owl-theme .owl-nav .owl-next:hover {
    background-image: url(/local/templates/teko2024/assets/images/content/icons/next_grey.png) !important;
}

/**
HINT
может иметь 4 позиции
top_left
top_right
bottom_left
bottom_right
 */
.hint {
    position: relative;
}
.hint:hover::before {
    position: absolute;
    padding: 10px;
    content: var(--hint-text);
    min-width: 50px;
    max-width: 335px;
    width: max-content;
    background-color: #F8FAFE;
    border: 1px solid var(--color-blue);
    font-size: 14px;
    color: var(--color-blue);
    line-height: 20px;
    vertical-align: middle;
    border-radius: 10px;
    z-index: 20;
    white-space: normal;
    text-align: left;
}
.hint:hover::after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 4px solid var(--color-blue);
}

.icon.hint:hover::after,
.icon.hint:hover::before {
    top: 100%;
    left: 100%;
}


.hint.top_left:hover::before {right:50%;bottom: calc(100% + 8px);border-bottom-right-radius: 0;}
.hint.top_left:hover::after {
    border-left-width: 8px;
    border-right-width: 8px;
    border-left-color: transparent;
    border-bottom-color: transparent;
    right:50%;
    bottom: 100%;
}
.hint.top_right:hover::before {left:50%;bottom: calc(100% + 8px);border-bottom-left-radius: 0;
    min-height: 40px;}
.hint.top_right:hover::after {
    border-left-width: 8px;
    border-right-width: 8px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    left:50%;
    bottom: 100%;
}
.hint.bottom_right:hover::before {left:50%;top: calc(100% + 8px);border-top-left-radius: 0;}
.hint.bottom_right:hover::after {
    border-left-width: 8px;
    border-right-width: 8px;
    border-right-color: transparent;
    border-top-color: transparent;
    left:50%;
    top: 100%;
}
.hint.bottom_left:hover::before {right:50%;top: calc(100% + 8px);border-top-right-radius: 0;}
.hint.bottom_left:hover::after {
    border-left-width: 8px;
    border-right-width: 8px;
    border-left-color: transparent;
    border-top-color: transparent;
    right:50%;
    top: 100%;
}

/* end hint */

/* popup */
body.fixed {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.fullBG {
    display: none;
}
.fullBG.show {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.5);
    backdrop-filter: blur(2.5px);
    z-index: 1000;
}
.elemModal {
    display: none;
}
.elemModal.show {
    display: block;
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--default-color-bg);
    border-radius: 20px;
    padding: 45px 60px;
    max-height: 80%;
    box-shadow: 0px 15px 20px 0px #0000000D;
    z-index: 1001 !important;
}
#top_menu {
    top: 82px;
    transform: translate(-50%, 0);
}
#top_menu a, #top_menu a:hover {
    text-decoration: none;
}

/* Desktop Default */

/* cookies-message */

.cookies-message {
    position: fixed !important;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    color: #fff;
    -webkit-transition: opacity .5s ease-out .8s;
    transition: opacity .5s ease-out .8s;
    background: var(--color-blue);
    display: flex;
    align-items: center;
    border-top: 1px solid #fff;
}
.cookies-message .i-close {
    /*width: 100px;
    height: 13px;
    background-size: 73px 13px;*/
    border: 1px solid #fff;
    padding: 10px 17px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 6px;
    transition: 0.5s;
    cursor: pointer;
    margin: 16px 10px 16px 0;
}
.cookies-message .i-close:hover {
    background: rgba(255,255,255,0.2);
}
.cookies-message .container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}
.cookies-message .container-fluid .cookies-message__text {
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    padding: 16px 120px 16px 0;
}
.cookies-message .container-fluid .cookies-message__text a {
    color: #fff;
    text-decoration: underline;
}

/* header */
header {
    width: 100%;
    background-color: var(--default-color-bg);
    box-shadow: 0px 5px 20px 0px #0000000D;
    position: fixed;
    font-size: 12px;
    z-index: 1001;
    min-height: 90px;
}
header a, header a:hover {
    text-decoration: none;
}
header .headerBlock {
    max-width: 1440px;
    margin: 0px auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 21px 40px;
    align-items: center;
    justify-content: center;
}
.content {
    max-width: 1440px;
    margin: 0px auto;
}
.bgGrey {
    background-color: #F6F6F6;
}
.bgBlue {
    background-color: #F4F6FA;
}
.index_page .content {
    padding: 0 40px;
}
header .headerBlock > div {
    flex-grow: 1;
}
header .headerBlock .logo {
    width: 109px;
    flex: none;
}
header .headerBlock .logo img {
    max-width: 100%;
}

header .headerBlock .menuBlock {
    width: 30px;
    height: 20px;
    position: relative;
    flex:0 0 auto;
    cursor: pointer;
    margin: 0 50px;
}
header .headerBlock .menuBlock span {
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: var(--default-color-font);
    top: 50%;
    transform: translateY(-50%);
    left: 0;

}
header .headerBlock .menuBlock:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: var(--default-color-font);
    left: 0;
}
header .headerBlock .menuBlock:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--default-color-font);
    left: 0;
}
header .headerBlock .menuBlock span, header .headerBlock .menuBlock:after, header .headerBlock .menuBlock:before {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


header .headerBlock .menuBlock:hover span, header .headerBlock .menuBlock:hover::after, header .headerBlock .menuBlock:hover::before {
    background-color: var(--color-blue);
}
header .headerBlock .menuBlock.active span {
    visibility: hidden;
    display: none;
}
header .headerBlock .menuBlock.active:after {
    transform: rotate(45deg);
    top: 50%;
}
header .headerBlock .menuBlock.active:before {
    transform: rotate(-45deg);
    top: 50%;
}

header .headerBlock .linkBlock {
    justify-content: space-around;
    display: inline-flex;
    align-items: center;
    padding-left: 10px;
    flex: none;
    width: 230px;
}
header .headerBlock .linkBlock a:hover {
    color: var(--color-blue);
}
header .headerBlock .linkBlock .contacts, header .headerBlock .linkBlock .product {
    padding-left: 30px;
    position: relative;
}
header .headerBlock .linkBlock .contacts:before, header .headerBlock .linkBlock .product:before {
    content: "";
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    top: 50%;
    transform: translateY(-50%);
}
header .headerBlock .linkBlock .contacts:before {
    width: 25px;
    height: 26px;
    /*background-image: url(/local/templates/teko2024/assets/images/content/icons/contacts.svg);*/
    background-image: url('data:image/svg+xml,\
    <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M13.5 6.00049C13.5 5.17206 12.8284 4.50049 12 4.50049H2C1.17157 4.50049 0.5 5.17206 0.5 6.00049V12.3852C0.5 13.2136 1.17157 13.8852 2 13.8852H3C3.55228 13.8852 4 14.3329 4 14.8852V17.5138L6.45154 14.2809C6.6406 14.0316 6.93545 13.8852 7.24834 13.8852H12C12.8284 13.8852 13.5 13.2136 13.5 12.3852V6.00049Z" stroke="rgb(51,51,51)"/>\
    <path d="M7.5 2C7.5 1.17157 8.17157 0.5 9 0.5H22C22.8284 0.5 23.5 1.17157 23.5 2V8.3847C23.5 9.21312 22.8284 9.88469 22 9.88469H20.25C19.6977 9.88469 19.25 10.3324 19.25 10.8847V13.719L16.0163 10.2073C15.827 10.0017 15.5602 9.88469 15.2807 9.88469H9C8.17157 9.88469 7.5 9.21312 7.5 8.38469V2Z" fill="white" stroke="rgb(51,51,51)"/>\
    </svg>');

}
header .headerBlock .linkBlock a.contacts:hover::before {
    /*background-image: url(/local/templates/teko2024/assets/images/content/icons/contacts_blue.svg);*/
    background-image: url('data:image/svg+xml,\
    <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M13.5 6.00049C13.5 5.17206 12.8284 4.50049 12 4.50049H2C1.17157 4.50049 0.5 5.17206 0.5 6.00049V12.3852C0.5 13.2136 1.17157 13.8852 2 13.8852H3C3.55228 13.8852 4 14.3329 4 14.8852V17.5138L6.45154 14.2809C6.6406 14.0316 6.93545 13.8852 7.24834 13.8852H12C12.8284 13.8852 13.5 13.2136 13.5 12.3852V6.00049Z" stroke="rgb(117,158,237)"/>\
    <path d="M7.5 2C7.5 1.17157 8.17157 0.5 9 0.5H22C22.8284 0.5 23.5 1.17157 23.5 2V8.3847C23.5 9.21312 22.8284 9.88469 22 9.88469H20.25C19.6977 9.88469 19.25 10.3324 19.25 10.8847V13.719L16.0163 10.2073C15.827 10.0017 15.5602 9.88469 15.2807 9.88469H9C8.17157 9.88469 7.5 9.21312 7.5 8.38469V2Z" fill="white" stroke="rgb(117,158,237)"/>\
    </svg>');
}

header .headerBlock .linkBlock .product:before {
    width: 22px;
    height: 22px;
    /*background-image: url(/local/templates/teko2024/assets/images/content/icons/product.svg);*/
    background-image: url('data:image/svg+xml,\
    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M10.1183 1.25861C10.6441 0.876645 11.3559 0.876645 11.8817 1.25861L19.9922 7.15122C20.5179 7.53319 20.7379 8.21024 20.5371 8.82827L17.4391 18.3627C17.2383 18.9807 16.6624 19.3992 16.0126 19.3992H5.98745C5.33761 19.3992 4.76167 18.9807 4.56086 18.3627L1.46293 8.82827C1.26212 8.21024 1.48211 7.53319 2.00784 7.15122L10.1183 1.25861Z" stroke="rgb(51,51,51)" stroke-linejoin="round"/>\
    <path d="M1.5 7.99976L4.47955 9.56794C8.56111 11.7161 13.4389 11.7161 17.5204 9.56794L20.5 7.99976" stroke="rgb(51,51,51)" stroke-linejoin="round"/>\
    <path d="M5 18.9998L10.2 12.0664C10.6 11.5331 11.4 11.5331 11.8 12.0664L17 18.9998" stroke="rgb(51,51,51)" stroke-linejoin="round"/>\
    </svg>');

}
header .headerBlock .linkBlock a.product:hover::before {
    /*background-image: url(/local/templates/teko2024/assets/images/content/icons/product_blue.svg);*/
    background-image: url('data:image/svg+xml,\
    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M10.1183 1.25861C10.6441 0.876645 11.3559 0.876645 11.8817 1.25861L19.9922 7.15122C20.5179 7.53319 20.7379 8.21024 20.5371 8.82827L17.4391 18.3627C17.2383 18.9807 16.6624 19.3992 16.0126 19.3992H5.98745C5.33761 19.3992 4.76167 18.9807 4.56086 18.3627L1.46293 8.82827C1.26212 8.21024 1.48211 7.53319 2.00784 7.15122L10.1183 1.25861Z" stroke="rgb(117,158,237)" stroke-linejoin="round"/>\
    <path d="M1.5 7.99976L4.47955 9.56794C8.56111 11.7161 13.4389 11.7161 17.5204 9.56794L20.5 7.99976" stroke="rgb(117,158,237)" stroke-linejoin="round"/>\
    <path d="M5 18.9998L10.2 12.0664C10.6 11.5331 11.4 11.5331 11.8 12.0664L17 18.9998" stroke="rgb(117,158,237)" stroke-linejoin="round"/>\
    </svg>');

}

header .headerBlock .searchBlock {
    justify-content: space-around;
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 10px;
}
header .headerBlock .searchBlock form {
    position: relative;
    width: 100%;
}
header .headerBlock .searchBlock input[type="text"] {
    border: 1px solid #E9E9E9;
    padding: 12px 47px;
    width: 100%;
    border-radius: 10px;
}
header .headerBlock .searchBlock button[type="submit"] {
    position: absolute;
    height: 40px;
    width: 40px;
    left: 7px;
    background-image: url("/local/templates/teko2024/assets/images/content/icons/search.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    cursor: pointer;
}
header .headerBlock .searchBlock button.sing {
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
    top: 0;
    background-image: url("/local/templates/teko2024/assets/images/content/icons/sing.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 40%;
    cursor: pointer;
}

header .headerBlock .cartBlock {
    position: relative;
    justify-content: space-around;
    display: inline-flex;
    align-items: center;
    /*padding-left: 10px;*/
    flex: none;
    width: 140px;
}
header .headerBlock .cartBlock > a {
    /*display: flex;
    flex-wrap: wrap;*/
}
header .headerBlock .cartBlock .icon {
    /*background-image: url("/local/templates/teko2024/assets/images/content/icons/cart.svg");;*/
    background-image: url('data:image/svg+xml,\
    <svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M21.7073 19.1517C22.5618 19.1517 23.2545 18.459 23.2545 17.6045C23.2545 16.7501 22.5618 16.0574 21.7073 16.0574C20.8528 16.0574 20.1602 16.7501 20.1602 17.6045C20.1602 18.459 20.8528 19.1517 21.7073 19.1517Z" stroke="rgb(51,51,51)"/>\
    <path d="M13.3304 19.1517C14.1849 19.1517 14.8775 18.459 14.8775 17.6045C14.8775 16.7501 14.1849 16.0574 13.3304 16.0574C12.4759 16.0574 11.7832 16.7501 11.7832 17.6045C11.7832 18.459 12.4759 19.1517 13.3304 19.1517Z" stroke="rgb(51,51,51)"/>\
    <path d="M1 1.00024H5.2C7.5 1.00024 8.5 2.50025 9.5 5.00027L12 11.0003C13 13.5003 15.2 13.5003 16 13.5003C17 13.5003 20 13.5003 21 13.5003C22.5 13.5003 23.3483 12.4778 25 10.0003C26 8.50029 27.5 6.00027 26.5 6.00027H15" stroke="rgb(51,51,51)" stroke-linecap="round"/>\
    </svg>');
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 75%;
    width: 36px;
    height: 27px;
    position: absolute;
    top: 50%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    transform: translate(0px, -50%);
}

@-moz-document url-prefix() {
    header .headerBlock .cartBlock .icon {
        height: 46px;
        top: -13px;
        transform: none;
    }


    header .headerBlock .cartBlock .icon span {
        top: 7px;
    }
}

@media(max-width: 768px){
    @-moz-document url-prefix() {
        header .headerBlock .cartBlock .icon {
            top: 0px;
        }
    }
}

header .headerBlock .cartBlock .bx-hdr-profile {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
header .headerBlock .cartBlock a:hover .icon {
    /*background-image: url("/local/templates/teko2024/assets/images/content/icons/cart_blue.svg");;*/
    background-image: url('data:image/svg+xml,\
    <svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M21.7073 19.1517C22.5618 19.1517 23.2545 18.459 23.2545 17.6045C23.2545 16.7501 22.5618 16.0574 21.7073 16.0574C20.8528 16.0574 20.1602 16.7501 20.1602 17.6045C20.1602 18.459 20.8528 19.1517 21.7073 19.1517Z" stroke="rgb(117,158,237)"/>\
    <path d="M13.3304 19.1517C14.1849 19.1517 14.8775 18.459 14.8775 17.6045C14.8775 16.7501 14.1849 16.0574 13.3304 16.0574C12.4759 16.0574 11.7832 16.7501 11.7832 17.6045C11.7832 18.459 12.4759 19.1517 13.3304 19.1517Z" stroke="rgb(117,158,237)"/>\
    <path d="M1 1.00024H5.2C7.5 1.00024 8.5 2.50025 9.5 5.00027L12 11.0003C13 13.5003 15.2 13.5003 16 13.5003C17 13.5003 20 13.5003 21 13.5003C22.5 13.5003 23.3483 12.4778 25 10.0003C26 8.50029 27.5 6.00027 26.5 6.00027H15" stroke="rgb(117,158,237)" stroke-linecap="round"/>\
    </svg>');

}
header .headerBlock .cartBlock .icon span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 5px;
    font-size: 11px;
    font-weight: 400;
    border-radius: 20px;
    background-color: var(--color-coral);
    color: #fff;
    line-height: 1.5em;
}

@-moz-document url-prefix() {

    header .headerBlock .cartBlock .icon span {
        top: 7px;
    }
}
header .headerBlock .cartBlock .info {
    margin-left: 40px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
header .headerBlock .cartBlock  a:hover .info {
    color: var(--color-blue);
}

header .headerBlock .personalBlock {
    justify-content: space-around;
    display: inline-flex;
    align-items: center;
    /*flex:0 0 auto;*/
    padding-left: 10px;
    flex: none;
    width: 140px;
}
header .headerBlock .personalBlock .cabinetLine {
    /*width: 100%;*/
    /*position: relative;*/
    cursor: pointer;
    flex: none;
    width: 150px;
}
header .headerBlock .personalBlock .cabinetLine .icon {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: var(--color-coral);
    border-radius: 50%;
    background-image: url("/local/templates/teko2024/assets/images/content/icons/personal.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /*background-size: 50%;*/
    top: 50%;
    transform: translateY(-50%);
}
header .headerBlock .personalBlock .cabinetLine .info {
    padding-left: 40px;
    padding-right: 15px;
    position: relative;
    width: fit-content;
}
header .headerBlock .personalBlock .cabinetLine .info:hover {
    color: var(--color-blue);
}
header .headerBlock .personalBlock .cabinetLine .info:before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 5px;
    /*background-image: url("/local/templates/teko2024/assets/images/content/icons/down.svg");*/
    background-image: url('data:image/svg+xml,\
    <svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M0.955078 0.634766L3.95508 3.67668L6.95508 0.634766" stroke="rgb(51,51,51)" stroke-linecap="round"/>\
    </svg>');

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
header .headerBlock .personalBlock .cabinetLine .info:hover::before {
    background-image: url('data:image/svg+xml,\
    <svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M0.955078 0.634766L3.95508 3.67668L6.95508 0.634766" stroke="rgb(117,158,237)" stroke-linecap="round"/>\
    </svg>');
}
header .headerBlock .personalBlock .cabinetLine .info.auth:before {
    display: none;
}

header .headerBlock .langBlock {
    justify-content: space-around;
    display: inline-flex;
    align-items: center;
    flex:0 0 auto;
}
header .headerBlock .langBlock a {
    justify-content: space-around;
    display: inline-flex;
    align-items: center;
    padding-left: 20px;
}
header .headerBlock .langBlock .icon {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    overflow: hidden;
}
header .headerBlock .langBlock .icon img {
    width: 26px;
    height: 26px;
}
header .headerBlock .langBlock .info {
    text-transform: uppercase;
    padding-left: 5px;
}
header .headerBlock .langBlock a:hover .info {
    color: var(--color-blue);
}
#top_menu_cabinet {
    width: 200px;
    height: auto;
    max-height: none;
    top: 100%;
    /* bottom: 0; */
    left: auto;
    margin-top: -15px;
    padding: 35px;
    transform: none;
    font-size: 14px;
}
#top_menu_cabinet .elem.exit a {
    color: var(--color-coral);
}
#top_menu_cabinet .elem a {
    display: block;
    padding: 5px 0;
}
#top_menu_cabinet .elem a:hover {
    color: var(--color-blue);
}


@media(max-width: 1530px){
    #top_menu_cabinet {
        right: 10px;
    }
}

/**
TOP MENU
 */
#top_menu {
    max-height: none;
    height: inherit!important;
}
.indexTopMenu {
}
.indexTopMenu .desctop_menu {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.indexTopMenu .lvl-1 {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 25px;
}
.indexTopMenu .lvl-1 > ul {

}
.indexTopMenu .lvl-1 > ul > li {
    display: inline-block;
    margin-right: 50px;
}
.indexTopMenu .lvl-1 > ul > li > a  {

}
.indexTopMenu .lvl-1 > ul > li > a.select  {
    color: var(--color-blue);
}
.indexTopMenu .lvl-2 {
    background: var(--default-color-bg);
    width: 100%;
    opacity: 0;
}
.indexTopMenu .lvl-2.opacity_1 {
    opacity: 1;
    overflow-y: auto;
}

.indexTopMenu .lvl-2.select {
}
.indexTopMenu .lvl-2 > ul {
    /*grid-template-columns: auto auto auto auto;
    grid-auto-flow: row;
    display: inline-grid;
    justify-content: space-between;
    width: 100%;*/
    column-count: 4;
}
.indexTopMenu .lvl-2.no-child > ul {
    column-count: 1;
}
.indexTopMenu .lvl-2 > ul > li {
    padding: 0 25px 0 0;
    break-inside: avoid-column;
}
.indexTopMenu .lvl-2 > ul > li:nth-child(n+5) {
    /*display: none;*/
}
.indexTopMenu .lvl-2 > ul > li > a  {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 15px;
    display: block;
}
.indexTopMenu .lvl-2 .lvl-3 {
    margin-bottom: 35px;
}
.indexTopMenu .lvl-2 .lvl-3 > li {
    padding: 6px 0;
}
.indexTopMenu .lvl-2 .lvl-3 > li:nth-child(n+11) {
    /* display: none;*/
}
.indexTopMenu .lvl-2 .lvl-3 >li > a {
    font-size: 13px;
    font-weight: 400;
}
.indexTopMenu a:hover {
    color: var(--color-blue);
}

@media(max-width: 768px){

}

/**
END TOP MENU
 */



/* footer */
footer .content {
    padding: 0 40px;
}
footer .f_header {
    margin: 70px 0 40px 0;
}
footer .f_header logo {
    width: 100%;
    text-align: left;
}
footer .f_header logo img {
    height: 42px;
}
footer .f_body {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 15px;
}
footer .f_body .left_block {
    width: 25%;
    font-size: 16px;
}
footer .f_body .left_block > div {
    margin-bottom: 35px;
}

footer .f_body .left_block .phone_block {
    font-size: 34px;
    font-weight: 400;
}
footer .f_body .left_block .info_block {

}
footer .f_body .left_block .social_block {

}
footer .f_body .left_block .social_block a, .mobile_menu .block_contacts .social a {
    width: 39px;
    height: 39px;
    margin: 0 16px 10px 0;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}
footer .f_body .left_block .social_block .vk, .mobile_menu .block_contacts .social a.vk {
    background-image: url("/local/templates/teko2024/assets/images/content/social/vk.svg");
}
footer .f_body .left_block .social_block .yt, .mobile_menu .block_contacts .social a.yt {
    background-image: url("/local/templates/teko2024/assets/images/content/social/yt.svg");
}
footer .f_body .left_block .social_block .ok, .mobile_menu .block_contacts .social a.ok {
    background-image: url("/local/templates/teko2024/assets/images/content/social/ok.svg");
}
footer .f_body .left_block .social_block .tg, .mobile_menu .block_contacts .social a.tg {
    background-image: url("/local/templates/teko2024/assets/images/content/social/tg.svg");
}
footer .f_body .left_block .social_block .wu, .mobile_menu .block_contacts .social a.wu {
    background-image: url("/local/templates/teko2024/assets/images/content/social/wu.svg");
}

footer .f_body .left_block .contact_block {
}
footer .f_body .right_block {
    width: 75%;
}
footer .f_body .right_block .f_menu {
    padding-left: 20px;
    display: flex;
    flex-wrap: wrap;
}
footer .f_body .right_block .f_menu .parent_block {
    padding: 0 0 55px 20px;
    width: 33%;
}
footer .f_body .right_block .f_menu .parent_block > a {
    font-weight: 600;
    padding-bottom: 25px;
    display: block;
}
footer .f_body .right_block .f_menu .parent_block ul {
    list-style: none;
}
footer .f_body .right_block .f_menu .parent_block ul li {

}
footer .f_body .right_block .f_menu .parent_block > ul > li > a {
    padding: 6px 0;
    display: block;
}
footer .f_body .right_block .f_menu a:hover {
    color: var(--color-blue);
}

footer .f_second_menu {
    margin-bottom: 50px;
}
footer .f_second_menu .left_block {
    font-size: 16px;
    width: 75%;
}
footer .f_second_menu .left_block > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer .f_second_menu .left_block > ul > li {

}
footer .f_second_menu .left_block > ul > li > a {
    color: var(--color-blue);
    padding: 7px 10px 7px 0;
    display: block;
}
footer .f_second_menu .left_block > ul > li > a:hover {
    color: var(--default-color-font);
}
footer .f_second_menu .right_block {
    width: 25%;
    padding-left: 20px;
}
footer .f_footer {
    font-size: 15px;
    color: var(--color-grey);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}
footer .f_footer .block_50 {
    width: 50%;
}
footer .f_footer .block_25 {
    width: 25%;
    padding-left: 25px;
}
footer .f_footer a {
    color: var(--color-grey);
}
footer .f_footer a:hover {
    color: var(--color-blue);
}


/* end footer */


/* index page */

main section.news_block {
    /*background: #F4F6FA;*/
    padding: 50px 0;
    margin: 0px;
}
main section.news_block .title {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
}
main section.news_block .body {

}

main section.news_block.slider-home {
    padding-top: 0px;
}

@media(max-width: 768px){
    main section.news_block.slider-home .products-slider {
        padding-top: 0;
        margin-right: -20px;
    }
}

/**
НОВЫЕ СТИЛИ НОВОСТЕЙ
 */

.news_gallery {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-rows: 250px;
    grid-auto-flow: dense;
    /*grid-template-rows: 205px 300px;*/
}

.news_gallery .item {
    border-radius: 20px;
    background-size: cover;
    background-image: var(--news-bg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
    /*margin-bottom: 22px;*/
}

.news_gallery .item {
    grid-row: span 2;
}

.news_gallery .item:nth-of-type(1) {
    grid-column: span 2;
    grid-row: span 2;
}
/*.news_gallery .item:nth-of-type(2) {
    grid-row: span 2;
}
.news_gallery .item:nth-of-type(3) {
    grid-row: span 2;
}*/

.news_gallery .item_box_three {
    max-width: 673px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: minmax(520px, 2fr) minmax(240px, 1fr);
    grid-gap: 15px;
    grid-auto-flow: dense;
}

.news_gallery  .item_box_three .item:first-child {
    grid-column: span 2;
}

.news_gallery  .item_box_two {
    max-width: 326px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(520px, 2fr) minmax(240px, 1fr);
    grid-gap: 15px;
    grid-auto-flow: dense;
}

.news_gallery .item .elem {
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    align-items: end;
    padding: 35px;
}
/*.news_gallery .item .elem .name {
    display: block;
    margin-bottom: 25px;
    width: 100%;
}*/
.news_gallery .item .elem .info {
    z-index: 5;
}
.news_gallery .item .elem  .name {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
}
.news_gallery .item .elem  a.name:hover {
    color: var(--color-blue-bd);
}
.news_gallery .item .elem .date {
    color: #A0A0A0;
}
.news_gallery .item .elem:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    top: 50%;
    right: 0;
    background: transparent;
    background-image: linear-gradient(to bottom, transparent, #030917);
}

.news_gallery.version2 .item .elem  .name {
    color: var(--default-color-font);
    font-size: 20px;
}
.news_gallery.version2 .item .elem:after {
    display: none;
}
.news_gallery.version2 .item .image {
    height: calc(100% - 150px);
    width: 100%;
    overflow: hidden;
}
.news_gallery.version2 .item .image img {
    object-fit: cover;
    transition: transform 0.5s;
    width: 100%;
    height: 100%;
}
.news_gallery.version2 .item:hover .image img {
    transform: scale(1.1);
}
.news_gallery.version2 .item .elem .info {
    height: 150px;
    padding: 10px 20px;
}
.news_gallery.version2 .item .elem {
    display: inline-flex;
    padding: 0;
    background: #ffffff;
    overflow: hidden;
    border-radius: 20px;
align-items: start;
}
.news_gallery.version2 .item .elem .date {
    display: block;
    margin: 7px 0;
}
.news_gallery.version2 .item .elem .name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.news_gallery.version2 .item:hover .elem .name {
    opacity: 0.8;
}

@media (max-width: 760px) {
    .news_gallery .item:nth-of-type(1) {
        grid-column: span 1;
        grid-row: span 2;
    }
}
    /** ******************* */
.news_slider {

}
.news_slider .one_block {
    display: flex;
    flex-wrap: wrap;
    margin-right: 25px;
    justify-content: space-between;
}
.news_slider .one_block.big {
    width: 750px;
}
.news_slider .one_block.small {
    width: 364px;
}
.news_slider .one_block .elem {
    border-radius: 20px;
    background-size: cover;
    background-image: var(--news-bg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
}
.news_slider .one_block .elem:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    top: 50%;
    right: 0;
    background: transparent;
    background-image: linear-gradient(to bottom, transparent, #030917);
}
.news_slider .one_block .elem.big_type {
    width: 750px;
    height: 530px;
}
.news_slider .one_block .elem.small_type {
    width: 364px;
    height: 239px;
}
.news_slider .one_block .elem.mid_type {
    width: 364px;
    height: 530px;
}
.news_slider .one_block .elem .name {
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    bottom: 75px;
    left: 35px;
    right: 35px;
    color: #ffffff;
    z-index: 2;
}
.news_slider .one_block .elem.small_type .name {
    font-size: 20px;
}
.news_slider .one_block .elem .name a {
    color: #ffffff;
}
.news_slider .one_block .elem .date {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    bottom: 30px;
    left: 35px;
    color: var(--color-grey-light);
    z-index: 2;
}
.news_slider.owl-theme .owl-nav, .article_slider.owl-theme .owl-nav {
    width: 100%;
}
.news_slider.owl-carousel .owl-nav button.owl-prev, .news_slider.owl-carousel .owl-nav button.owl-next,
.article_slider.owl-carousel .owl-nav button.owl-prev, .article_slider.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.news_slider.owl-carousel {
    padding-left: 40px;
}
.news_slider.slick-slider .slick-track {
    left: 75px!important;
}
.slick-prev, .slick-next {
    z-index: 10;
}
.slick-prev, .news_slider.owl-carousel .owl-nav button.owl-prev, .article_slider.owl-carousel .owl-nav button.owl-prev {
    left: 0px!important;
    /*background-image: url("/local/templates/teko2024/assets/images/content/icons/prev.png")!important;*/
    width: 98px!important;
    height: 98px!important;
    background-position: 50% 50%!important;
    opacity: 0.5;

    background-image: url('data:image/svg+xml,\
	<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <circle cx="19" cy="19" r="18" fill="white" stroke="rgb(229, 83, 98)" stroke-width="2"/>\
    <path d="M11 18C10.4477 18 10 18.4477 10 19C10 19.5523 10.4477 20 11 20L11 18ZM28.7071 19.7071C29.0976 19.3166 29.0976 18.6834 28.7071 18.2929L22.3431 11.9289C21.9526 11.5384 21.3195 11.5384 20.9289 11.9289C20.5384 12.3195 20.5384 12.9526 20.9289 13.3431L26.5858 19L20.9289 24.6569C20.5384 25.0474 20.5384 25.6805 20.9289 26.0711C21.3195 26.4616 21.9526 26.4616 22.3431 26.0711L28.7071 19.7071ZM11 20L28 20L28 18L11 18L11 20Z" fill="rgb(229, 83, 98)"/>\
    </svg>')!important;


}
.article_slider.owl-carousel .owl-nav button.owl-prev {
    /*left: -60px!important;*/
    transform: scaleX(-1) translateY(-50%);
    top: 47%;
}
.slick-next, .news_slider.owl-carousel .owl-nav button.owl-next, .article_slider.owl-carousel .owl-nav button.owl-next {
    right: 0px!important;
    /* background-image: url("/local/templates/teko2024/assets/images/content/icons/next.png")!important;*/
    background-image: url('data:image/svg+xml,\
	<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <circle cx="19" cy="19" r="18" fill="white" stroke="rgb(229, 83, 98)" stroke-width="2"/>\
    <path d="M11 18C10.4477 18 10 18.4477 10 19C10 19.5523 10.4477 20 11 20L11 18ZM28.7071 19.7071C29.0976 19.3166 29.0976 18.6834 28.7071 18.2929L22.3431 11.9289C21.9526 11.5384 21.3195 11.5384 20.9289 11.9289C20.5384 12.3195 20.5384 12.9526 20.9289 13.3431L26.5858 19L20.9289 24.6569C20.5384 25.0474 20.5384 25.6805 20.9289 26.0711C21.3195 26.4616 21.9526 26.4616 22.3431 26.0711L28.7071 19.7071ZM11 20L28 20L28 18L11 18L11 20Z" fill="rgb(229, 83, 98)"/>\
    </svg>')!important;

    width: 98px!important;
    height: 98px!important;
    background-position: 50% 50%!important;
    opacity: 0.5;
}
.article_slider.owl-carousel .owl-nav button.owl-next {
    /* right: -60px!important;*/
    top: 47%;
}
.slick-next:hover, .slick-prev:hover, .news_slider.owl-carousel .owl-nav button.owl-prev:hover, .news_slider.owl-carousel .owl-nav button.owl-next:hover, .article_slider.owl-carousel .owl-nav button.owl-prev:hover, .article_slider.owl-carousel .owl-nav button.owl-next:hover {
    opacity: 1;
}
.slick-prev:before, .slick-next:before {
    display: none;
}
/*main section.news_block .body .all_news {
    margin:20px auto;
    text-align: center;
}
main section.news_block .body .all_news a {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    text-decoration: underline;
    text-underline-offset: 13px;
    padding-bottom: 10px;
}
main section.news_block .body .all_news a:after{
    content: "\A0\A0\A0\2014";

    display: inline;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 1px;
    color: var(--color-coral);
    font-weight: 300;
}
main section.news_block .body .all_news a:before {
    content: "";
    position: absolute;
    right: 0;
    width: 8px;
    height: 8px;
    border: 1px solid var(--color-coral);
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg) translate(20%, -27%);
    top: calc(50% - 5px);
}
main section.news_block .body .all_news a:hover::before {

}
*/
/*main section.news_block .body .all_news a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 1px;
    width: 100%;
    background: #000000;
}*/
/*main section.news_block .body .all_news a:hover {
    color:#F5430B;
}*/
.all_news {
    text-align: center;
    margin-top: 35px;
}

section.text_block {
    display: flex;
    flex-wrap: nowrap;
    margin: 50px 0;
}
section.text_block p:not([class]) {
    padding-bottom: 14px;
}
section.text_block .left_block {
    /*width: 67%;*/
    flex: 1;
    position: relative;
}
section.text_block .left_block .big_img {
    position: absolute;
}
/*section.text_block .left_block:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 200%;
    background-image: var(--news-bg);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
}*/
section.text_block .right_block {
    width: 500px;
    flex: none;
    padding: 0 0 0 40px;
}


.hits_catalog .elem {
    /*width: 244px;*/
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding:15px;
    /*margin: 15px;*/
    /*margin-left: 45px;*/
}
.hits_catalog .elem .img_block {
    height: 215px;
    width: 100%;
    position: relative;
}
.hits_catalog .elem .img_block img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;
    max-width: 100%;
}
.hits_catalog .elem .ico_block {
    height: 40px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    justify-content: center;
}
.hits_catalog .elem .ico_block > div {
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin: 0 3px;
}
.hits_catalog .elem .ico_block .cr {
    background-image: url("/local/templates/teko2024/assets/images/catalog/cr.svg");
}
.hits_catalog .elem .ico_block .gc {
    background-image: url("/local/templates/teko2024/assets/images/catalog/gc.svg");
}
.hits_catalog .elem .ico_block .tp {
    background-image: url("/local/templates/teko2024/assets/images/catalog/tp.svg");
}
.hits_catalog .elem .ico_block .zh {
    background-image: url("/local/templates/teko2024/assets/images/catalog/zh.svg");
}
.hits_catalog .elem .info_block {
    height: 175px;
    width: 100%;
}

.hits_catalog .elem .info_block .price {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    align-items: baseline;
}
.hits_catalog .elem .info_block .price .curr_price {
    font-weight: 600;
    font-size: 20px;
}
.hits_catalog .elem .info_block .price .old_price {
    font-weight: 400;
    font-size: 13px;
    color: var(--color-coral);
    text-decoration: line-through;
    margin-left: 10px;
}
.hits_catalog .elem .info_block .name {
    font-size: 15px;
    font-weight: 400;
    height: 50px;
    overflow-y: hidden;
}
.hits_catalog .elem .info_block .name a {
    color: var(--default-color-font);
}
.hits_catalog .elem .info_block .name a:hover {
    color: var(--color-blue);
}
.hits_catalog .elem .info_block .in_stock {
    font-size: 12px;
    font-weight: 400;
}
.hits_catalog .elem .info_block .in_stock.full {
    color: var(--color-green);
}
.hits_catalog .elem .info_block .in_stock.small {
    color: var(--color-orange);
}
.hits_catalog .elem .info_block .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}

.hits_catalog .elem .info_block .buttons .buttons_box,
.button_block .buttons_box {
    display: flex;
    align-items: center;
}

.hits_catalog .elem .info_block .buttons .add_to_cart {
    color: var(--color-coral);
    display: block;
    font-weight: 600;
    border-radius: 10px;
    border: 1px solid var(--color-coral);
    padding: 10px 20px;
    font-size: 15px;
    transition: 0.3s;
}

.buttons .add_to_cart:hover {
    background-color: rgba(249, 60, 79, 0.1);
}

.hits_catalog .elem .info_block .buttons .star, .hits_catalog .elem .info_block .buttons .compare {
    /*height: 40px;
    width: 40px;*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}
.hits_catalog .elem .info_block .buttons .star {
    background-image: url("/local/templates/teko2024/assets/images/catalog/star-blue.svg");
    width: 34px;
    height: 34px;
}
.hits_catalog .elem .info_block .buttons .compare {
    background-image: url("/local/templates/teko2024/assets/images/catalog/compare-blue.svg");
    width: 34px;
    height: 34px;
    margin-left: 10px;
}
.slider.hits_catalog .slick-dots, .brands_slider .slick-dots {
    width: 50%;
    text-align: left;
    left: 20px;
    bottom: -40px;
}
.slider.hits_catalog .slick-prev, .brands_slider .slick-prev {
    top: auto;
    bottom: -50px;
    background-image: url(/local/templates/teko2024/assets/images/content/icons/prev_grey.png)!important;
    left: auto!important;
    right: 75px!important;
    width: 40px!important;
    height: 40px!important;
    background-repeat: no-repeat;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.slider.hits_catalog .slick-next, .brands_slider .slick-next {

    top: auto;
    bottom: -50px;
    background-image: url(/local/templates/teko2024/assets/images/content/icons/next_grey.png)!important;
    width: 40px!important;
    height: 40px!important;
    background-repeat: no-repeat;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.hits_catalog.slick-slider .slick-track, .brands_slider.slick-slider .slick-track {
    /*left: 45px!important;*/
}

.news_block.service {
    padding: 50px 0 0px;
}
.advantages {
    background: var(--color-blue-bd);
    padding: 30px 30px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.advantages .item {
    padding-top: 40px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 30px;
    margin-right: 20px;
    flex-basis: 100%;
}
.advantages .item:last-child {
    /*margin-right: 0;*/
}
.advantages .item.star {
    background-image: url("/local/templates/teko2024/assets/images/content/service/star.png");
}
.advantages .item.find {
    background-image: url("/local/templates/teko2024/assets/images/content/service/find.png");
}
.advantages .item.kub {
    background-image: url("/local/templates/teko2024/assets/images/content/service/kub.png");
}
.advantages .item.almaz {
    background-image: url("/local/templates/teko2024/assets/images/content/service/almaz.png");
}
.advantages .item.shest {
    background-image: url("/local/templates/teko2024/assets/images/content/service/shest.png");
}
.advantages .item.car {
    background-image: url("/local/templates/teko2024/assets/images/content/service/car.png");
}
.news_block.service .service_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news_block.service .service_block .item {
    padding: 15px 35px;
    margin-bottom: 16px;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.news_block.service .service_block.service_block-custom .item {
    position: relative;
    overflow: hidden;
    justify-content: end;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    min-height: 250px;
}
.news_block.service .service_block.service_block-custom .item .blockImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.news_block.service .service_block.service_block-custom .item .blockImage img {
    /*max-height: none;
    max-width: none;
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;*/
    max-height: none;
    max-width: none;
    height: inherit;
    width: inherit;
    object-fit: cover;
}
.news_block.service .service_block.service_block-custom .item .blockName {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.news_block.service .service_block.service_block-custom .item .link {
    font-size: 13px;
}
.news_block.service .service_block .item.bgWhite {
    background: #fff;
}
.news_block.service .service_block .item.bgBlue {
    background: #E2E8F0;
}
.news_block.service .service_block .item.w33 {
    width: 32%;
}
.news_block.service .service_block .item.w50 {
    width: 49%;
    height: 255px;
}
.news_block.service .service_block .item .blockImage {
    height: 100px;
    width: 100%;
    margin-bottom: 20px;
}
.news_block.service .service_block .item .blockImage img {
    max-width: 100%;
    max-height: 200px;
}
.news_block.service .service_block .item.w50 .blockImage {
    width: 100%;
    height: 255px;
    text-align: right;
}
.news_block.service .service_block .item .blockName {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 20px;
    width: 100%;
}
.news_block.service .service_block .item.w50 .blockName {
    width: 50%;
    position: absolute;
    left: 35px;
    bottom: 40px;
}
.news_block.service .service_block .item .blockLink {
    /*font-weight: 400;
    font-size: 13px;*/
    margin-bottom: 20px;
}
.news_block.service .service_block .item.w50 .blockLink {
    position: absolute;
    left: 35px;
    bottom: 15px;
    margin-bottom: 0;
}
.news_block.service .service_block .item .blockLink span {
    position: relative;
    display: block;
}/*
.news_block.service .service_block .item .blockLink span:before {
    position: absolute;
    content: "";
    bottom: -10px;
    height: 1px;
    background: #000;
    width: 100%;
}
.news_block.service .service_block .item:hover .blockLink span:before {
    background: var(--color-coral);
}
*/

.partners {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: var(--default-color-bg);
    padding: 40px 35px;
    border-radius: 20px;
    align-items: flex-start;
    margin-bottom: 50px;
}
.partners .left_block {
    width: 33%;
}
.partners .left_block .text_block {
    /*font-size: 13px;
    font-weight: 400;*/
}
.partners .left_block .text_block b {
    font-weight: 600;
}
.partners .left_block .text_block p {
    padding-bottom: 14px;
}


.partners .right_block {
    width: 67%;
    padding-left: 50px;
}
.partners_slider {
    position: relative;
}

.partners_slider .owl-item {
    opacity: 30%;
    transition: 0.3s;
}

.partners_slider .owl-item.center {
    opacity: 1;
}

.partners_slider:after, .partners_slider:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 150px;
    background: transparent;
    z-index: 10;

}
.partners_slider:after {
    background-image: linear-gradient(to left, transparent, #ffffff);
    left: 0;
}
.partners_slider:before {
    background-image: linear-gradient(to left, #ffffff, transparent);
    right: 0;
}
.partners_slider .imageBlock {
    padding: 0 25px;
}
.partners_slider .slick-track, .owl-carousel.partners_slider .owl-stage {
    display: flex!important;
    align-items: center;
}
.partners_slider.owl-carousel .owl-item img {
    max-height: 200px;
}

.partners .owl-nav,
.partners  .owl-dots{
    padding: 0;
}



main section.news_block.mission_block {
    padding: 50px 0;
    background-color: transparent;
}
.mission_block .body {
    display: flex;
    flex-wrap: nowrap;
}
.mission_block .body .left_block {
    /*width: 25%;*/
    width: 335px;
}
.mission_block .body .left_block .title {
    text-align: left;
    line-height: 1.05em;
    font-weight: 600;
    font-size: 32px;
}
.mission_block .body .left_block .text_block {

}
.mission_block .body .left_block .text_block p {
    margin-bottom: 14px;
}
.mission_block .body .left_block .link {
    margin-top: 14px;
    display: inline-block;
}
.mission_block .body .right_block {
    width: 965px;
    margin-left: 50px;
}
.missionElements {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 965px;
}
.missionElements .item2, .banners_block .video {
    height: 250px;
    padding: 25px 30px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    background-color: var(--miss-bg);
    background-image: var(--news-bg);
    color: var(--miss-text-color);
    margin-bottom: 20px;
    overflow: hidden;
}
.missionElements .item2 {
    font-size: 14px;
    text-shadow: 0 0 3px var(--miss-bg);
}
.missionElements .item2 .ttl {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.missionElements .item2.w75 {
    width: 74%;
}
.missionElements .item2.w75 .textBlock {
    width: 50%;
}
.missionElements .item2.w50 {
    width: 49%;
}
.missionElements .item2.w50 .textBlock {
    width: 75%;
}
.missionElements .item2.w37 {
    width: 36%;
}
.missionElements .item2.w37 .textBlock {
    width: 100%;
}
.missionElements .item2.w33 {
    width: 32%;
}
.missionElements .item2.w33 .textBlock {
    width: 60%;
}
.missionElements .item2.w67 {
    width: 66%;
}
.missionElements .item2.w66 .textBlock {
    width: 50%;
}

.missionElements .item2.w25 {
    width: 24%;
}
.missionElements .item2.w25 .textBlock {
    width: 100%;
}
.missionElements .item2.video, .banners_block .video {
    background-size: cover;
    position: relative;
}
.missionElements .item2.video:before, .banners_block .video:before
{
    position: absolute;
    content: "";
    backdrop-filter: blur(5px);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.missionElements .item2.video .textBlock, .banners_block .video .textBlock {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    right: 0;
    left: 0;
    z-index: 10;
}
.missionElements .item2.video .textBlock:before, .banners_block .video .textBlock:before {
    content: url("/local/templates/teko2024/assets/images/content/play.png");
    width: 100%;
    height: 110px;
    display: block;
    margin-bottom: 5px;
    text-align: center;
}
.missionElements .item2.video .textBlock p, .banners_block .video .textBlock p {
    font-size: 15px;
    font-weight: 400;
}

.solution {
    width: 100%;
    background-color: #E2E8F0;
    margin-bottom: 50px;
    overflow: hidden;
    background-image: url("/local/templates/teko2024/assets/images/content/11.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    padding:50px 0;
}
.solution .info_block {
    /*width: 1220px;*/
    /*padding: 0 0 0 77px;*/
    /*margin:0 auto;*/
    width: 50%;
}
.solution .info_block .ttl {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 1.1em;
}
.solution .info_block a {
    color: var(--color-blue);
}
.solution .info_block a.btn {
    margin-top: 20px;
    display: inline-block;
    background-color: var(--color-coral);
}

main section.otrasly_block .body {
    /*padding: 0 40px;*/
}
main section.otrasly_block {
    background-color: transparent;
}
.otrasly_block .body {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.otrasly_block .left_block {
    /*width: 80%;*/
    flex: 1;
    margin-right: 30px;
}
.otrasly_block .right_block {
    width: 306px;
}
.otrasly_block .right_block .text_block {

}
.otrasly_block .right_block .text_block b {
    font-size: 18px;
    font-weight: 500;
}

.otrasly_block .left_block .otrasly_table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.otrasly_block .left_block .otrasly_table .item {
    height: 250px;
    border-radius: 20px;
    background-image: var(--news-bg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    color: #ffffff;
    padding: 30px 30px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}
.otrasly_block .left_block .otrasly_table .item:before {
    position: absolute;
    left: 0;
    right: 20%;
    top: 0;
    bottom: 0;
    content: "";
    background: linear-gradient(to left, transparent, #000000);
    z-index: 1;
    opacity: 0.7;

}
.otrasly_block .left_block .otrasly_table .item .name {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    top: 30px;
    left: 30px;
    width: 80%;
    z-index: 2;
}
.otrasly_block .left_block .otrasly_table .item .info {
    line-height: 1.5em;
    font-size: 14px;
}
.otrasly_block .left_block .otrasly_table .item .link {
    /*font-weight: 500;
    font-size: 12px;*/
    color: #fff;
    position: absolute;
    bottom: 0px;
    white-space: nowrap;
    z-index: 2;
    font-size: 0.8em;
}
.otrasly_block .left_block .otrasly_table .item .link:before {
    /*background-color: #fff;
    height: 0.5px;
    bottom: -5px;
    top: calc(50% - 6px);*/
    border-color: #ffffff;
}
.otrasly_block .left_block .otrasly_table .item .link:after {
    color: #ffffff;
}
.otrasly_block .left_block .otrasly_table .item .link:hover, .otrasly_block .left_block .otrasly_table .item .link:hover::after {
    color: var(--color-blue-bd);
}
.otrasly_block .left_block .otrasly_table .item .link:hover::before {
    border-color: var(--color-blue-bd);
}
.otrasly_block .left_block .otrasly_table .item:nth-child(3n+1) {
    width: 29%;
}

.otrasly_block .left_block .otrasly_table .item:nth-child(3n+2) {
    width: 40%;
}
.otrasly_block .left_block .otrasly_table .item:nth-child(3n) {
    width: 28%;
}
.otrasly_block .left_block .otrasly_table .item .text_block {
    position: absolute;
    z-index: 2;
    top: 85px;
    bottom: 25px;
    left: 30px;
    right: 30px;
}
.otrasly_block .left_block .otrasly_table .item:nth-child(3n+1) .text_block {
    width:80%;
}
.otrasly_block .left_block .otrasly_table .item:nth-child(3n+2) .text_block {
    width:50%;
}
.otrasly_block .left_block .otrasly_table .item:nth-child(3n) .text_block {
}
.otrasly_block .left_block .otrasly_table .item:nth-child(3n+2) .name {
    width:50%;
}

main section.news_block.brands_block {
    /*background-color: #ffffff;*/
}
.brands_slider {
    /*padding: 0 40px;*/
}
/*.brands_slider .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1440px;
}
.brands_slider .item a {
    display: block;
    margin: 5px;

}
.brands_slider .item a img {
    height: 210px;
}*/
.brands_slider .item {
    /*display: flex;
    flex-wrap: wrap;*/
    justify-content: space-between;

    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-auto-flow: row;
    gap: 20px;
}
.brands_slider .item.big {
    grid-template-columns: auto auto auto;
    /*width: 950px;*/
}
.brands_slider .item.mid {
    grid-template-columns: auto auto;
    /*width: 625px;*/
}
.brands_slider .item.small {
   /* width: 305px;*/
    grid-template-columns: auto;
}
.brands_slider .item > a {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 210px;
    background-color: #fff;
    background-image: var(--news-bg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    padding: 30px;
    border-radius: 20px;
    /*margin-bottom: 20px;*/
    position: relative;
}
.brands_slider .item.mid .big {
    /*width: 625px;*/
    width: auto!important;
    grid-column: span 2;
}
.brands_slider .item.mid .small {
    /*width: 305px;*/
    width: auto!important;
}
.brands_slider .item.small .big {
    width: auto!important;
    grid-column: span 1;
}
.brands_slider .item.small .small {
    width: auto!important;
    grid-column: span 1;
}

.brands_slider .item .left_block {
    width: 150px;
}
.brands_slider .item .left_block .name {
    width: 135px;
    margin-bottom: 5px;
}
.brands_slider .item .left_block .name img {
    max-width: 100%;
}
.brands_slider .item .right_block {
    width: 100%;
    margin-left: 30px;
}
.brands_slider .item .right_block .ico {
    color: #ffffff;
    background-color: var(--news-bg);
    border-radius: 10px;
    text-align: center;
    width: fit-content;
    padding: 7px 13px;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 7px;
    line-height: normal;
    text-transform: uppercase;
}
.brands_slider .item .text_block {
    position: absolute;
    bottom: 20px;
}
.brands_slider .item .link {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.brands_slider .item a:hover .link {
    color: var(--color-coral);
}

.brands_slider.owl-carousel .owl-dots.disabled, .brands_slider.owl-carousel .owl-nav.disabled {
    display: block;
}
.brands_slider.owl-carousel .owl-stage-outer, .article_slider.owl-carousel .owl-stage-outer {
    margin-bottom: 0;
}
.action_block {
    /* width: 95%;*/
    border-radius: 20px;
    background-color: var(--color-blue);
    padding: 15px 25px;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center;
}
.action_block .name {
    font-size: 20px;
    font-weight: 500;
    width: 33%;
    margin-right: 15px;
    background: url("/local/templates/teko2024/assets/images/content/icons/cart.png") 0% 50% no-repeat;
    padding-left: 80px;
}
.action_block.ico_persent .name {
    background: url("/local/templates/teko2024/assets/images/content/icons/percent_w.png") 0% 50% no-repeat;
    background-size: 45px;
}
.action_block .info {
    margin-right: 15px;
    width: 45%;
}
.action_block .link {
    margin-top: -10px;
    padding-right: 20px;
}
.action_block .link a {
    color: #fff;
    position: relative;
    padding-bottom: 10px;
    font-weight: 500;
    /*    text-decoration: underline;
        text-underline-offset: 13px;*/
}
.action_block .link a:hover {
    /*color: var(--color-blue-bd);*/
}

.action_block .link a .border-b {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 0px;
    border: 0.5px solid transparent;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    border-color: #FFFFFF;
    left: 0;
    border-width: 0;
}

.action_block .link:hover .border-b {
    width: 100%;
    border-width: 0.5px;
}

.action_block .link a:after{
    content: "";
    position: absolute;
    right: -20px;
    top: 5px;
    background-image: url('data:image/svg+xml,\
    <svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M1.00244 4C0.726299 4 0.502441 4.22386 0.502441 4.5C0.502441 4.77614 0.726299 5 1.00244 5L1.00244 4ZM11.356 4.85355C11.5513 4.65829 11.5513 4.34171 11.356 4.14645L8.17401 0.964467C7.97875 0.769205 7.66217 0.769204 7.46691 0.964467C7.27165 1.15973 7.27165 1.47631 7.46691 1.67157L10.2953 4.5L7.46691 7.32843C7.27165 7.52369 7.27165 7.84027 7.46691 8.03553C7.66217 8.2308 7.97875 8.2308 8.17401 8.03553L11.356 4.85355ZM1.00244 5L11.0024 5L11.0024 4L1.00244 4L1.00244 5Z" fill="rgb(255,255,255)"/>\
    </svg>');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 12px;
    height: 9px;

}/*
.action_block .link a:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    border: 0.5px solid #ffffff;
    opacity: 0.3;
}*/


/*.action_block .link a:after{
    content: "\A0\A0\A0\2014";
    display: inline;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 1px;
    color: #ffffff;
    font-weight: 300;
}
.action_block .link a:before {
    content: "";
    position: absolute;
    right: 0;
    width: 8px;
    height: 8px;
    border: 1px solid #ffffff;
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg) translate(20%, -27%);
    top: calc(50% - 5px);
}*/

main section.banners_block {
    background-color: var(--default-color-bg);
}
.banners_block .body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.banners_block .body > div {
    border-radius: 20px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: var(--news-bg);
    padding: 30px 35px;
    margin-bottom: 1%;
}
.banners_block .body:not(.dop_block) > div a:not(.link, .video){
    display: block;
    width: 100%;
    height: 100%;
}
.banners_block .body:not(.dop_block) > div:first-child {
    min-height: 300px;
}
.banners_block .body:not(.dop_block) > div:last-child {
    min-height: 200px;
    width: 100%;
}
.banners_block .big_block {
    width: 60%;
}
.banners_block .small_block {
    width: 39%;
}
.banners_block > div .name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    width: 70%;
}
.banners_block > div .info {
    margin-bottom: 25px;
    width: 100%;
}
.banners_block > div .link {

}
.banners_block .color_block {
    text-transform: uppercase;
    color: #ffffff;
    padding: 7px 13px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 15px;
    line-height: normal;
    text-shadow: 1px 1px 1px #555151;
}

.banners_block .banner_menu {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0!important;
}
.banners_block .banner_menu > div {
    min-height: 200px;
}
.banners_block .banner_menu .left_block {
    /* width: 70%;*/
    align-items: center;
    display: flex;
    /* justify-content: center;*/
    flex: 1;
}
.banners_block .banner_menu .right_block {
    width: 210px;
    height: 100%;
}
.banners_block .video {
    margin-bottom:0;
    border-radius: 20px;
    overflow: hidden;
}
.banners_block .video:before {
    border-radius: 20px;
}
.banners_block .banner_menu .menu {
    column-count: 2;
}
.banners_block .banner_menu .menu li {
    padding: 15px 50px 15px 0;
}
.banners_block .banner_menu .menu li a {
    /*display: inline-block;
    padding: 10px;
    margin: 5px;
    font-weight: 300;*/
}
.banners_block .banner_menu .menu.link:before {
    bottom: 0;
}
.banners_block .dop_block {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.banners_block .dop_block .left_block {
    width: 40%;
    padding: 20px 0;
}
.banners_block .dop_block .right_block {
    width: 60%;
    padding: 20px 20px 20px 10px;
}
.banners_block .dop_block .right_block .link {
    font-weight: 300;
    font-size: 12px;
    padding-bottom: 9px;
}


.title_block {
    /*max-width: 1120px;*/
    margin: 0 auto;
}
.title_block h1 {
    font-weight: 600;
    font-size: 64px;
    margin-bottom: 15px;
    line-height: 1.1em;
}
.title_block .info {
    font-size: 18px;
    font-weight: 500;
    /*width: 40%;*/
    margin-bottom: 35px;
}
.title_block .info a {
    color: var(--color-blue);
}
.title_block .info a:hover {
    color: inherit;
}
.title_block .info_block {
    display: flex;
    flex-wrap: nowrap;
    /*justify-content: space-between;*/
    align-items: center;
}
.title_block .info_block > div {
    margin-right: 30px;
}
.title_block .info_block .btn_link {
    text-transform: uppercase;
    padding: 20px 30px;
}
.title_block .info_block .grey_text {
    color: #A0A0A0;
    font-size: 15px;
}
.title_block .info_block .grey_text span {
    font-size: 20px;
    display: block;
    margin-bottom: 3px;
    line-height: 1em;
    font-weight: 500;
}

.banners_block .banner_menu .left_block .h1 {
    width: 80%;
    margin: 20px auto;
    font-size: 36px;
    line-height: 1.1em;
}
.banners_block .dop_block .left_block .info {
    width: 95%;
    margin: 0 auto;
}
.banners_block .dop_block .left_block .info a {
    color: var(--color-blue);
}
.banners_block .dop_block .left_block .info a:hover {
    color: var(--color-blue-bd);
}

/* --------- */

.inner_content .slogan {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
}

/* catalog */

.bx_catalog_tile_ul {
    margin: 50px 0;
    width: 100%;
}
.bx_catalog_tile_ul > li {
    width: 50%;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    padding: 10px;
    font-size: 16px;
}
.bx_catalog_tile_ul > li > a {

}
.filter_top_panel {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
    z-index: 15;
}

.catalog_element_grid .product-item .info_mobile {
    display: none;
}

.catalog_info_panel_view {
    flex: 1;
    font-size: 20px;
}
.catalog_count_panel_view, .catalog_sort_panel_view {
    flex: none;
    display: flex;
    flex-wrap: nowrap;
}
.catalog_sort_panel_view {
    width: 76px;
}
.catalog_count_panel_view + .catalog_count_panel_view {
    margin-left: 5px;
}
.catalog_sort_panel_view button {
    /*background-color: #F6F6F6;*/
    background-repeat: no-repeat;
    background-position: center center;
    width: 33px;
    height: 33px;
    margin-left: 5px;
    border-radius: 5px;
}
.catalog_sort_panel_view button.list {
    background-image: url('data:image/svg+xml,\
    <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <rect width="33" height="33" rx="5" fill="rgb(246,246,246)"/>\
    <path d="M14 9H25" stroke="rgb(214,214,214)" stroke-width="2" stroke-linecap="round"/>\
    <path d="M14 16H25" stroke="rgb(214,214,214)" stroke-width="2" stroke-linecap="round"/>\
    <path d="M14 23H25" stroke="rgb(214,214,214)" stroke-width="2" stroke-linecap="round"/>\
    <path d="M9 9H10" stroke="rgb(214,214,214)" stroke-width="2" stroke-linecap="round"/>\
    <path d="M9 16H10" stroke="rgb(214,214,214)" stroke-width="2" stroke-linecap="round"/>\
    <path d="M9 23H10" stroke="rgb(214,214,214)" stroke-width="2" stroke-linecap="round"/>\
    </svg>');
}
.catalog_sort_panel_view button.grid {
    background-image: url('data:image/svg+xml,\
    <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <rect width="33" height="33" rx="5" fill="rgb(246,246,246)"/>\
    <rect x="7" y="7" width="8" height="8" rx="2" stroke="rgb(214,214,214)" stroke-width="2"/>\
    <rect x="7" y="18" width="8" height="8" rx="2" stroke="rgb(214,214,214)" stroke-width="2"/>\
    <rect x="18" y="7" width="8" height="8" rx="2" stroke="rgb(214,214,214)" stroke-width="2"/>\
    <rect x="18" y="18" width="8" height="8" rx="2" stroke="rgb(214,214,214)" stroke-width="2"/>\
    </svg>');
}
.catalog_sort_panel_view button:hover {
    /* background-color: var(--color-blue);*/
    color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.catalog_sort_panel_view button.list:hover, .catalog_sort_panel_view button.list.active {
    background-image: url('data:image/svg+xml,\
    <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <rect width="33" height="33" rx="5" fill="rgb(117,158,237)"/>\
    <path d="M14 9H25" stroke="rgb(255,255,255)" stroke-width="2" stroke-linecap="round"/>\
    <path d="M14 16H25" stroke="rgb(255,255,255)" stroke-width="2" stroke-linecap="round"/>\
    <path d="M14 23H25" stroke="rgb(255,255,255)" stroke-width="2" stroke-linecap="round"/>\
    <path d="M9 9H10" stroke="rgb(255,255,255)" stroke-width="2" stroke-linecap="round"/>\
    <path d="M9 16H10" stroke="rgb(255,255,255)" stroke-width="2" stroke-linecap="round"/>\
    <path d="M9 23H10" stroke="rgb(255,255,255)" stroke-width="2" stroke-linecap="round"/>\
    </svg>');
}
.catalog_sort_panel_view button.grid:hover, .catalog_sort_panel_view button.grid.active {
    background-image: url('data:image/svg+xml,\
    <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <rect width="33" height="33" rx="5" fill="rgb(117,158,237)"/>\
    <rect x="7" y="7" width="8" height="8" rx="2" stroke="rgb(255,255,255)" stroke-width="2"/>\
    <rect x="7" y="18" width="8" height="8" rx="2" stroke="rgb(255,255,255)" stroke-width="2"/>\
    <rect x="18" y="7" width="8" height="8" rx="2" stroke="rgb(255,255,255)" stroke-width="2"/>\
    <rect x="18" y="18" width="8" height="8" rx="2" stroke="rgb(255,255,255)" stroke-width="2"/>\
    </svg>');
}

.catalog_count_panel_view .select {
    background-color: #F6F6F6;
    position: relative;
    width: 170px;
    height: 33px;
    border-radius: 5px;
    z-index: 15;
    font-size: 12px;
}
.catalog_count_panel_view .select .option {
    background-color: #F6F6F6;
    position: absolute;
    display: none;
    align-items: center;
    height: 33px;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.catalog_count_panel_view .select .option.active {
    display: grid;
}
.catalog_count_panel_view .select .option:hover, .catalog_count_panel_view .select.active .option:hover {
    background-color: var(--color-blue);
    color: #fff;
}
.catalog_count_panel_view .select.active .option {
    display: grid;
}
.catalog_count_panel_view .select.active .option:nth-child(1) {
    top:0px;
    border-bottom: 1px solid #e3e2e2;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.catalog_count_panel_view .select.active .option:nth-child(2) {
    top:33px;
    border-bottom: 1px solid #e3e2e2;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.catalog_count_panel_view .select.active .option:nth-child(3) {
    top:66px;
    border-bottom: 1px solid #e3e2e2;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.catalog_count_panel_view .select.active .option:nth-child(4) {
    top:99px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.text_after_items {
    margin-top: 50px;
}

.form_text_block {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
}
.form_text_block .left_block {
    width: 65%;
    background-color: var(--color-blue);
    padding: 35px;
    border-radius: 10px;
    color: #fff;
}
.form_text_block .left_block .block_form.type_2 {
    margin-top: 0;
}
.form_text_block .left_block .block_form.type_2 .form_header .form_title {
    margin-top: 0;
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.form_text_block .left_block .block_form.type_2 .form_body .form_element {
    color: #fff;

}
.form_text_block .left_block .block_form.type_2 .form_body .form_element font {
    display: inline-block;
    margin-left: 7px;
}
.form_text_block .left_block .block_form.type_2 .form_body .form_element.inpt_radio {
    margin-top: 0;
}
.form_text_block .left_block .block_form.type_2 .form_body .form_element.inpt_radio font {
    display: none;
}
.form_text_block .left_block .block_form.type_2 .form_body .form_element.inpt_radio input[type=radio]+span::before {
    border-color: var(--color-blue);
}
.form_text_block .left_block .block_form.type_2 .form_body .form_element.inpt_radio input[type=radio]:checked+span::before {
    border-color: var(--color-blue);
    /*background-color: var(--color-coral);*/
    background-image: url("data:image/svg+xml,\
	<svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'>\
	<circle cx='8.5' cy='8.5' r='7.5' fill='rgb(117,158,237)'  />\
	</svg>");
}
.form_text_block .left_block .block_form.type_2 .form_footer .form_policy, .form_text_block .left_block .block_form.type_2 .form_footer .form_policy a {
    color: #fff;
}
.form_text_block .left_block .block_form.type_2 .form_footer .form_policy a:hover {
    text-decoration: none;
}

.form_text_block .left_block .block_form.type_2 .form_footer .form_button input[type=submit] {
    background-color: #fff;
    color: var(--color-blue);
    text-transform: none;
}
.form_text_block .left_block .block_form.type_2 .form_footer .form_button input[type=submit]:hover {
    background-color: var(--color-blue-bd);
}
.form_text_block .left_block .block_form.type_2 .form_body .form_element input[type=text] {
    border-radius: 8px;
}
.form_text_block .left_block .block_form.type_2 .form_footer {
    flex-wrap: wrap;
}
.form_text_block .left_block .block_form.type_2 .form_footer .form_captcha {
    width: 100%;
    flex: inherit;
}
.form_text_block .left_block .block_form.type_2 .form_footer .form_button {

}
.form_text_block .left_block .block_form.type_2 .form_footer .form_policy {
    width: 100%;
    flex: 1;
    text-align: left;
    padding-left: 25px;
    line-height: 1.3em;
}
.form_text_block .right_block {
    width: 33%;
    background-color: #759EED33;
    padding: 35px;
    border-radius: 10px;
    color: var(--color-blue);
}
.form_text_block .right_block p {
    margin-bottom: 0;
    padding: 0 0 12px 0;
}
.form_text_block .right_block a {
    color: var(--color-blue);
    text-decoration: underline;
}
.form_text_block .right_block a:hover {
    text-decoration: none;
}
.form_text_block .right_block .bigText  {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* GRID */
.table_items.view_3 {

}
/* LIST */
.conteinet_full_items.view_0 {
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}
.conteinet_full_items.view_0:before {
    content: "";
    position: absolute;
    width: 260px;
    top: 12px;
    left: 0;
    bottom: 17px;/*17px;*/
    background-color: #fff;
    z-index: 19;
    box-shadow: 0px 0px 20px 0px #0000001A;
    /*border-radius: 10px;*/
}

.table_items {
    font-size: 15px;
}
.table_items.view_0 {
    max-width: 100%;
    overflow-x: auto;
    position: relative;
    /*padding-top: 50px;
    margin-top: -50px;*/
    /*border-radius: 10px;*/
}
.table_items.view_0:before {
}
.table_items.view_0 .row {
    margin: 0;
    width: fit-content;
}
.table_items.view_0 .row.product-item-list-col-1 .col_item {
    overflow-x: hidden;
}
.table_items.view_0 .row.th {
    font-weight: 600;
}
.table_items.view_0 .row:nth-child(odd) {
    background-color: #F6F6F6;
}
.table_items.view_0 .row:not(.th):hover {
    background-color: white;
    /*border: 1px solid var(--color-grey);
    z-index: 21;*/
    position: relative;
    z-index: 20;
}
.table_items.view_0 .row:not(.th):hover::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid #0000001A;
    box-shadow: 0px 0px 20px 0px #0000001A;

    border-left: 0;
    /*border-left: 5px solid var(--color-coral);*/
    z-index: 19;
}
.table_items.view_0 .product-item-container {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}
.table_items.view_0 .product-item-container .col_item {
    /*width: 130px;*/
    min-width: 130px;
    align-items: center;
    align-self: center;
    padding: 10px;
}
.table_items.view_0 .product-item-container .col_item:not(.sticky), .table_items.view_0 .row.th .product-item-container .col_item {
    text-align: center;
}
.table_items.view_0 .product-item-container .col_item.show_hint {
    position: relative;
    padding-right: 20px;
    word-break: break-word;
}
.table_items.view_0 .product-item-container .col_item.show_hint span:hover::before {
    position: absolute;
    padding: 10px;
    content: var(--hint-text);
    top: 25px;
    right: -30px;
    width: 170px;
    background: #E9E9E9;
    border-radius: 10px;
    z-index: 20;
}
.table_items.view_0 .product-item-container .col_item.show_hint span:hover::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 1px;
    border: 10px solid #E9E9E9;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: 5px;
    right: -3px;
}
.table_items.view_0 .product-item-container .col_item.show_hint span {
    display: inline-grid;
    width: 15px;
    height: 15px;
    text-align: center;
    align-items: center;
    background: #D9D9D9;
    border-radius: 50%;
    margin-left: 5px;
    font-size: 10px;
    color: #6B6B6B;
    line-height: normal;
    cursor: pointer;
    position: relative;
}
.table_items.view_0 .product-item-container .col_item:first-child {
    border-left: 5px solid #fff;
    width: 260px;
}
.table_items.view_0 .row:not(.th):hover .col_item:first-child {
    border-left: 5px solid var(--color-coral);

}
/*.table_items.view_0 .row:before {
    display: none;
}*/
/*.table_items.view_0 .row:not(.th):hover::before {
    display: initial;
}*/
.table_items.view_0 .product-item-container .col_item.sticky {
    position: sticky;
    z-index: 19;
    /*background-color: #ffffff;*/
}
.table_items.view_0 .row:not(.th):hover .col_item.sticky {
    /* background-color: #ffffff;*/
}
.table_items.view_0 .product-item-container .col_item.left-0 {
    left: 0;
}
.table_items.view_0 .product-item-container .col_item.sticky.left-0 {
    background-color: #ffffff;
}
.table_items.view_0 .product-item-container .col_item.right-0 {
    right: 0;
    background-color: transparent;
}
.table_items.view_0 .product-item-container .col_item.in-card {
    width: 160px;
    flex: none;
}
.table_items.view_0 .product-item-container .col_item.in-card .block_buttons {
    display: none;
}
.table_items.view_0  .row:not(.th):hover .col_item.in-card .block_buttons {
    display: flex;
    flex-wrap: nowrap;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #0000001A;
    width: 145px;
    align-items: center;
}

.table_items.view_0 .product-item-container .col_item.in-card .block_buttons a {
    width: 28px;
    height: 28px;
    background-position: 50% 4px;
    background-repeat: no-repeat;
    display: block;
    margin-right: 7px;
    padding: 10px;
}
.table_items.view_0 .product-item-container .col_item.in-card .block_buttons a.star {
    background-image: url('data:image/svg+xml,\
    <svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M6.27652 6.16539L1.66699 7.02813L5.01937 10.9105L4.18128 16.087L8.7908 13.9301L13.4003 16.087L12.5622 10.9105L16.3337 7.02813L11.3051 6.16539L8.7908 1.42029L6.27652 6.16539Z" stroke="rgb(117,158,237)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\
    </svg>');
    background-color: #F8FAFE;
    border-radius: 5px;
}
.table_items.view_0 .product-item-container .col_item.in-card .block_buttons a.star.active,
.table_items.view_0 .product-item-container .col_item.in-card .block_buttons a.star:hover {
    background-color: var(--color-blue);
    background-image: url('data:image/svg+xml,\
    <svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M6.27652 6.16539L1.66699 7.02813L5.01937 10.9105L4.18128 16.087L8.7908 13.9301L13.4003 16.087L12.5622 10.9105L16.3337 7.02813L11.3051 6.16539L8.7908 1.42029L6.27652 6.16539Z" stroke="rgb(248,250,254)" fill="rgb(248,250,254)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\
    </svg>');

}
.table_items.view_0 .product-item-container .col_item.in-card .block_buttons a.compare {
    background-image: url('data:image/svg+xml,\
    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M8.57102 15.4203L8.57102 5.90035M13.1663 15.4203L13.1663 1.42037M3.83301 15.4202L3.83301 8.70025" stroke="rgb(117,158,237)" stroke-width="1.5" stroke-linecap="round"/>\
    </svg>');
    background-color: #F8FAFE;
    border-radius: 5px;
}
.table_items.view_0 .product-item-container .col_item.in-card .block_buttons a.compare.active,
.table_items.view_0 .product-item-container .col_item.in-card .block_buttons a.compare:hover {
    background-image: url('data:image/svg+xml,\
    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M8.57102 15.4203L8.57102 5.90035M13.1663 15.4203L13.1663 1.42037M3.83301 15.4202L3.83301 8.70025" stroke="white" stroke-width="1.5" stroke-linecap="round"/>\
    </svg>');
    background-color: var(--color-blue);
}


.table_items.view_0 .col_item a {
    display: block;
    text-decoration: none;
}
.table_items.view_0 .col_item a .item_info {
    display: flex;
    flex-wrap: nowrap;
}
.table_items.view_0 .col_item a .item_info .item_image_original {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex: none;
}
.table_items.view_0 .col_item a .item_info .item_text {
    flex: 1;
    padding-left: 10px;
}
.table_items.view_0 .col_item a .item_info .item_text .name {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4em;
}
.table_items.view_0 .col_item a .item_info .item_text .name span {
    font-weight: 600;
    font-size: 1.1em;
    display: block;
}
.table_items.view_0 .col_item a .item_info .item_text .article {
    width: 100%;
    /*color: var(--color-grey-light);
    font-size: 16px;*/
    display: flex;
    flex-wrap: nowrap;
}
.table_items.view_0 .col_item a .item_info .item_text .article .value {
    flex: 1;
}
.table_items.view_0 .col_item a .item_info .item_text .article .icons {

}
.table_items.view_0 .col_item .item-price-old {
    font-size: 12px;
    color: var(--color-coral);
    opacity: 0.8;
    text-decoration: line-through;
    display: block;
}
.table_items.view_0 .col_item .item-price-current {
    display: block;
    /*font-size: 18px;
    font-weight: 500;*/
}
.table_items.view_0 .product-item-container .col_item.in-card .block_buttons  .item-button-container .add_to_card {
    display: block;
    width: 55px;
    height: 40px;
    border-radius: 10px;
    /*border: 2px solid #DD5A67;*/
    background-position: center;
    background-repeat: no-repeat;
    background-color: #DD5A671A;
    margin-right: 0;
    /*background-image: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="21" viewBox="0 0 26 21">\
    <circle cx="19.6663" cy="17.0001" r="2.33333" stroke="rgb(249, 60, 79)" stroke-width="2" fill="none"/>\
    <circle cx="13.0003" cy="17.0001" r="2.33333" stroke="rgb(249, 60, 79)" stroke-width="2" fill="none"/>\
    <path fill="none" d="M1 1H4.90247C7.03954 1 7.9687 2.6 8.89786 5.26667L11.2208 11.6667C12.1499 14.3333 14.1941 14.3333 14.9374 14.3333C15.8666 14.3333 18.654 14.3333 19.5832 14.3333C20.9769 14.3333 21.7652 13.2427 23.2998 10.6C24.229 9 25.6227 6.33333 24.6936 6.33333H14.0082" stroke="rgb(249, 60, 79)" stroke-width="2" stroke-linecap="round"/>\
    </svg>');*/
    background-image: url('data:image/svg+xml,\
    <svg width="25" height="23" viewBox="0 0 25 23" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <circle cx="18.5" cy="19.5" r="2.25" stroke="rgb(229, 83, 98)" stroke-width="1.5"/>\
    <circle cx="9.5" cy="19.5" r="2.25" stroke="rgb(229, 83, 98)" stroke-width="1.5"/>\
    <path d="M1 1C4.5 1 5.5 2 6.5 6L8 12C9.12273 15 10.4429 15 11.3411 15C12.4638 15 15.8321 15 16.9548 15C18.6389 15 19.5913 13.773 21.4457 10.8C22.5685 9 24.2526 6 23.1298 6H11.3411" stroke="rgb(229, 83, 98)" stroke-width="1.5" stroke-linecap="round"/>\
    </svg>');
}
.table_items.view_0 .product-item-container .col_item.in-card .block_buttons  .item-button-container .add_to_card:hover,
.table_items.view_0 .product-item-container .col_item.in-card .block_buttons  .item-button-container .add_to_card.active{
    background-color: var(--color-coral);
    background-image: url('data:image/svg+xml,\
    <svg width="25" height="23" viewBox="0 0 25 23" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <circle cx="18.5" cy="19.5" r="2.25" stroke="white" stroke-width="1.5"/>\
    <circle cx="9.5" cy="19.5" r="2.25" stroke="white" stroke-width="1.5"/>\
    <path d="M1 1C4.5 1 5.5 2 6.5 6L8 12C9.12273 15 10.4429 15 11.3411 15C12.4638 15 15.8321 15 16.9548 15C18.6389 15 19.5913 13.773 21.4457 10.8C22.5685 9 24.2526 6 23.1298 6H11.3411" stroke="white" stroke-width="1.5" stroke-linecap="round"/>\
    </svg>');

}

/* end catalog */

main {
    padding-top: 90px;
}

/** form style **/

form {

}

form .input-checkbox input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
form .input-checkbox input[type=checkbox]+span {
    display: inline-flex;
    align-items: center;
    user-select: none;
}
form .input-checkbox input[type=checkbox]+span::before {
    content: '';
    display: inline-block;
    /*width: 1em;
    height: 1em;*/
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #A0A0A0;
    background-color: white;
    /*border-radius: 0.25em;*/
    border-radius: 5px;
    /*margin-right: 0.5em;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

form .input-checkbox:hover input[type=checkbox]+span::before {
    border: 1px solid var(--color-coral);
}

form .input-checkbox input[type=checkbox]:checked+span::before {
    border-color: var(--color-coral);
    background-color: var(--color-coral);
    background-image: url("data:image/svg+xml,\
	<svg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'>\
	<path d='M1.38281 5.50955L6.16942 10.8705L14.1471 1.93555' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
	</svg>");
}

.pxt_element_info_block {
    margin-bottom: 10px;
}
.pxt_element_info_block .ttl {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 7px;
}
.pxt_element_info_block .info {

}
.pxt_element_info_block.buttonsBlock .info {
}
.pxt_element_info_block.buttonsBlock .info a {
    display: block;
    width: 190px;
}
.pxt_element_info_block.information .info {
    font-size: 14px;
    line-height: 1.7em;
}
.pxt_element_info_block.information .info a {
    display: block;
}
.pxt_element_info_block .info .download_file a {
    padding: 5px 0 5px 30px;
    position: relative;
    display: block;
    line-height: 1.4em;
}
.pxt_element_info_block .info .download_file a:hover, .pxt_element_info_block.information .info a:hover {
    color: var(--color-blue);
}
.pxt_element_info_block .info .download_file a:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,\
	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.16826 17.7972C6.16826 19.0099 7.13303 19.9931 8.32314 19.9931H16.404C17.5941 19.9931 18.5588 19.0099 18.5588 17.7972V9.0339H17.6737C15.591 9.0339 13.9026 7.31345 13.9026 5.19116V3.27981H8.32314C7.13304 3.27981 6.16826 4.26292 6.16826 5.47566V17.7972ZM18.5588 7.87891V7.93597H17.6737C16.186 7.93597 14.9801 6.70708 14.9801 5.19116V3.96402L18.5588 7.87891ZM14.8234 2.18188L19.6363 7.44677V17.7972C19.6363 19.6163 18.1891 21.091 16.404 21.091H8.32314C6.53798 21.091 5.09082 19.6163 5.09082 17.7972V5.47566C5.09082 3.65656 6.53798 2.18188 8.32314 2.18188H14.8234ZM12.9023 8.48493C12.9023 8.18174 12.6611 7.93597 12.3635 7.93597C12.066 7.93597 11.8248 8.18174 11.8248 8.48493V14.5204L9.62615 12.2973C9.41495 12.0837 9.07385 12.0851 8.86429 12.3003C8.65473 12.5155 8.65605 12.8631 8.86725 13.0766L11.9801 16.2241C11.9828 16.2268 11.9854 16.2295 11.9881 16.2322L12.0948 16.34H8.20767C7.91014 16.34 7.66895 16.5858 7.66895 16.889C7.66895 17.1921 7.91014 17.4379 8.20767 17.4379H16.5194C16.8169 17.4379 17.0581 17.1921 17.0581 16.889C17.0581 16.5858 16.8169 16.34 16.5194 16.34H12.6324L12.743 16.2281L15.8599 13.0766C16.0711 12.8631 16.0724 12.5155 15.8629 12.3003C15.6533 12.0851 15.3122 12.0837 15.101 12.2973L12.9023 14.5204V8.48493Z" fill="rgb(48,48,48)"/>\
</svg>');
}
.pxt_element_info_block .info .download_file a:hover::before {
    background-image: url('data:image/svg+xml,\
	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.16826 17.7972C6.16826 19.0099 7.13303 19.9931 8.32314 19.9931H16.404C17.5941 19.9931 18.5588 19.0099 18.5588 17.7972V9.0339H17.6737C15.591 9.0339 13.9026 7.31345 13.9026 5.19116V3.27981H8.32314C7.13304 3.27981 6.16826 4.26292 6.16826 5.47566V17.7972ZM18.5588 7.87891V7.93597H17.6737C16.186 7.93597 14.9801 6.70708 14.9801 5.19116V3.96402L18.5588 7.87891ZM14.8234 2.18188L19.6363 7.44677V17.7972C19.6363 19.6163 18.1891 21.091 16.404 21.091H8.32314C6.53798 21.091 5.09082 19.6163 5.09082 17.7972V5.47566C5.09082 3.65656 6.53798 2.18188 8.32314 2.18188H14.8234ZM12.9023 8.48493C12.9023 8.18174 12.6611 7.93597 12.3635 7.93597C12.066 7.93597 11.8248 8.18174 11.8248 8.48493V14.5204L9.62615 12.2973C9.41495 12.0837 9.07385 12.0851 8.86429 12.3003C8.65473 12.5155 8.65605 12.8631 8.86725 13.0766L11.9801 16.2241C11.9828 16.2268 11.9854 16.2295 11.9881 16.2322L12.0948 16.34H8.20767C7.91014 16.34 7.66895 16.5858 7.66895 16.889C7.66895 17.1921 7.91014 17.4379 8.20767 17.4379H16.5194C16.8169 17.4379 17.0581 17.1921 17.0581 16.889C17.0581 16.5858 16.8169 16.34 16.5194 16.34H12.6324L12.743 16.2281L15.8599 13.0766C16.0711 12.8631 16.0724 12.5155 15.8629 12.3003C15.6533 12.0851 15.3122 12.0837 15.101 12.2973L12.9023 14.5204V8.48493Z" fill="rgb(117,158,237)"/>\
</svg>');
}


/** end form style **/

.mobile_menu {display: none}
.elemModal .close {
    display: none;
}

.section_catalog-slider .product-item-container {
    border: 1px solid rgb(174 181 187 / 20%);
    border-radius: 20px;
    overflow: hidden;
}

.section_catalog-slider .product-item {
    padding: 0;
}

.section_catalog-slider .product-item {
    padding: 0;
}

.section_catalog-slider  .product-item .image_block {
    border-bottom: 1px solid rgb(174 181 187 / 20%);
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: 0;
}

.section_catalog-slider .info_box.info_mobile .info_block .title,
.section_catalog-slider .info_box.info_mobile .info_block .name {
    display: none;
}

.section_catalog-slider .info_box.info_mobile {
    padding: 10px;
}

.section_catalog-slider .info_box.info_mobile .value {
    font-size: 14px;
    line-height: 22px;
    color: #A0A0A0;
}


.section_catalog-slider .info_box.info_mobile .info_block {
    padding: 0px;
}

.section_catalog-slider .info_block {
    padding: 0 10px 10px;
}

.section_catalog-slider .product-item  .button_block {
    padding: 0px 10px 10px;
    margin-top: 0;
}

.section_catalog-slider .product-item .button_block .btn.basket-action {
    position: relative;
    width: 55px;
    height: 40px;
    border: none;
}

.section_catalog-slider .product-item .button_block .btn.basket-action::after {
    content: url('/local/templates/teko2024/assets/images/catalog/cart-mobile.svg');
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 23px;
    object-fit: contain;
    transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
}

.section_catalog-slider .product-item .button_block .btn.basket-action::before {
    content: url('/local/templates/teko2024/assets/images/catalog/cart-mobile-check.svg');
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 9px;
    width: 15px;
    height: 15px;
    opacity: 0;
    transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
}

.section_catalog-slider .product-item .button_block .btn.basket-action:hover:after {
    content: url('/local/templates/teko2024/assets/images/catalog/cart-mobile-active.svg');
}

.section_catalog-slider .product-item .button_block .btn.basket-action:hover:before {
    opacity: 1;
}

.section_catalog-slider .product-item .button_block .btn.basket-action span {
    display: none;
}

.section_catalog-slider .owl-nav {
    text-align: left !important;
    padding: 0;
}

.section_catalog-slider .owl-nav .owl-prev,
.section_catalog-slider .owl-nav .owl-next {

}


@media all and (min-width: 1220px) {
    .no_show_desctop {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .no_show_desctop {
        display: none !important;
    }
}

.section_catalog-slider .owl-nav {
    text-align: left !important;
    padding: 0;
}

.analogs_catalog .item {
    border: 1px solid rgb(174 181 187 / 20%);
    border-radius: 20px;
}

.analogs_catalog .add_to_cart{
    background-color: rgb(249 60 79 / 20%);
    font-weight: normal;
}

.analogs_catalog .elem .info_block .info_text {
    font-size: 14px;
    line-height: 22px;
    color: #A0A0A0;
}

.hits_catalog .elem .info_block {
    display: flex;
    flex-direction: column;
}

.hits_catalog .elem .info_block .in_stock {
    flex-grow: 1;
}

.analogs_catalog .elem .info_block .price {
    margin: 0;
}

.faq_title {
    font-size: 20px;
    line-height: 26px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 10px;
    cursor: pointer;
}

.faq_item {
    color: #000000;
    padding: 20px 0;
    border-bottom: 1px solid  rgb(117 158 237 / 20%);;
}

.faq_item.open {
    border-color: var(--color-coral);
}

.faq_button {
    width: 22px;
    min-width: 22px;
    height: 22px;
    border: 1px solid var(--color-coral);
    background-color: transparent;
    border-radius: 100px;
    margin-left: 20px;
    position: relative;
    transition: 0.3s;
}

.faq_button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
}

.faq_item.open .faq_button {
    rotate: 180deg;
}

.faq_item .faq_button svg path {
    transition: 0.3s;
}

.faq_item.open .faq_button svg path {
    stroke: #fff;
}


.faq_item.open .faq_button {
    background-color: var(--color-coral);
}

.faq_content {
    font-size: 16px;
    line-height: 24px;
}

.inner_content .faq_content p {
    padding: 10px 0px;
}

.faq_content_dop {
    padding-top: 10px;
}

.faq_content_title {
    font-weight: 500;
    line-height: 22px;
    font-size: 18px;
    margin-top: 20px;
}

/* max 1440px */
@media all and (max-width: 1440px) {
    .mission_block .body .left_block {
        width: 100%;
    }
    .mission_block .body .right_block {
        width: 640px;
    }
    .missionElements {
        width: 640px;
    }
    .missionElements .item2 .ttl {
        font-size: 16px;
    }
}

@media (min-width: 769px){
    .catalog-section .pk-none,
    .catalog-section .owl-carousel.owl-loaded.pk-none {
        display: none !important;
    }
}

@media all and (max-width: 1220px) and (min-width: 768px) {
    .no_show_planshet {
        display: none!important;
    }
}
/* max 1200px */
@media all and (max-width: 1220px) {
    header .headerBlock {
        /* max-width: 992px;*/
    }
    header .headerBlock .menuBlock {
        margin: 0 30px;
    }
    .content {
        max-width: none;
    }
    footer .f_body .left_block .phone_block {
        font-size: 28px;
    }
    footer .f_body .left_block .social_block a {
        width: 34px;
        height: 34px;
        margin: 0 8px 10px 0;
    }
    footer .f_body .left_block, footer .f_body, footer .f_second_menu .left_block{
        font-size: 14px;
    }
    footer .f_footer {
        font-size: 13px;
    }
    .news_slider .one_block.big {
        width: 650px;
    }
    .news_slider .one_block .elem.big_type {
        width: 650px;
        height: 440px;
    }
    .news_slider .one_block .elem.small_type {
        width: 315px;
        height: 220px;
    }
    .news_slider .one_block.small {
        width: 315px;
    }
    .news_slider .one_block .elem.mid_type {
        width: 315px;
        height: 440px;
    }
    .news_slider.owl-carousel .owl-stage-outer {
        margin-bottom: 0;
    }
    .hits_catalog .elem {
        /*width: 234px;*/
    }
    .news_block.service {
        padding: 50px 40px;
    }
    .news_block.service .service_block .item {
        padding: 20px 30px;
    }
    .news_block.service .service_block .item .blockName {
        font-size: 18px;
    }
    .partners .left_block {
        width: 40%;
    }
    .partners .right_block {
        width: 60%;
    }
    .elemModal.show {
        width: 95%;
    }
    .mission_block .body {
        flex-wrap: wrap;
    }
    .mission_block .body .left_block {
        width: 100%;
        margin-bottom: 30px;
    }
    .mission_block .body .right_block {
        width: 100%;
        margin-left: 0;
    }
    .solution {
        padding: 35px 0;
        background-position: 360px 0;
    }
    main section.news_block.mission_block {
        padding: 50px 40px;
    }
    .otrasly_block .left_block .otrasly_table .item .text_block {
        bottom: 20px;
        left: 25px;
        right: 25px;
    }
    .otrasly_block .left_block .otrasly_table .item:nth-child(3n+2) {
        width: 40%;
    }
    .otrasly_block .left_block .otrasly_table .item:nth-child(3n) {
        width: 28%;
    }
    .otrasly_block .left_block .otrasly_table .item {
        margin-bottom: 15px;
    }
    .action_block .name {
        font-size: 16px;
    }
    .action_block .info {
        font-size: 14px;
    }
    .title_block h1 {
        font-size: 56px;
    }
    .brands_slider .item.big {
        width: 650px;
    }
    .brands_slider .item .big {
        width: 400px;
    }
    .brands_slider .item .small {
        width: 220px;
    }
    .brands_slider .item.small {
        /*width: 220px;*/
    }
    .banners_block .dop_block .right_block .menu {
        /*display: flex;
        flex-wrap: nowrap;*/
        justify-content: space-between;
        font-size: 12px;

        display: grid;
        gap: 30px;
        grid-template-columns: auto auto auto auto;
    }
    .banners_block .banner_menu .left_block {
        align-items: end;
    }
    .banners_block .banner_menu .left_block .h1 {
        position: relative;
    }
    .banners_block .banner_menu .left_block .h1:before {
        width: 100px;
        content: "";
        height: 3px;
        position: absolute;
        left: 0;
        bottom: -20px;
        background-color: #5E8EED;
    }
    main section.banners_block {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* max 1185px */
@media all and (max-width: 1185px) {
    .action_block .name {
        /*font-size: 14px;
        padding-left: 0;
        background: none;
        width: 25%;*/
    }
    .action_block .info {
        font-size: 13px;
        width: 40%;
    }
    .action_block .link a {
        font-size: 13px;
    }
    .banners_block .dop_block .right_block .menu {
        /*display: block;
        column-count: 3;*/
        display: grid;
        gap: 30px;
        grid-template-columns: auto auto auto;

    }

    .banners_block .dop_block .left_block .info {
        width: 97%;
    }
    .banners_block .dop_block .right_block .menu li {
        margin-bottom: 5px;
    }
    .brands_slider .item .link {
        font-size: 13px;
    }
    .otrasly_block .left_block .otrasly_table .item .link {
        font-size: 13px;
    }
    .otrasly_block .left_block .otrasly_table .item {
        width: 49%!important;
    }
    .otrasly_block .left_block .otrasly_table .item .text_block {
        width: calc(100% - 60px)!important;
    }
    .link {
        font-size: 13px;
    }
    .partners .left_block .text_block {
        font-size: 13px;
    }
    .partners .left_block .text_block b {
        font-size: 15px;
    }
    .hits_catalog .elem .info_block .buttons .add_to_cart {
        font-size: 13px;
    }
    h1, .h1 {
        font-weight: 600;
        font-size: 24px;
        margin: 25px 0;
    }
    section.text_block .right_block {
        width: 400px;
    }
}

/* max 1100px */
@media all and (max-width: 1100px) {

    .banners_block > div .name {
        width: 100%;
    }
    .banners_block .body > div {
        padding: 28px;
    }
    .banners_block > div .info {
        /*width: 55%;*/
    }
    .indexTopMenu .lvl-2 .lvl-3 {
        /*display: none;*/
    }
    .banners_block .banner_menu .left_block .h1 {
        width: 85%;
        font-size: 34px;
    }
    .indexTopMenu .lvl-2.select li.select .lvl-3 {
        display: block;
        /* position: absolute;*/
        top:0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        left: 35%;
        column-count: 2;
    }
    .indexTopMenu .lvl-2 .lvl-3 > li {
        padding: 0 0 16px 0;
        line-height: 1.2em;
    }
    .indexTopMenu .lvl-2 {
        /*display: none;*/
    }
    .indexTopMenu .lvl-2.select {
        display: block;
        position: relative;
        width: 100%;
    }
    .indexTopMenu .lvl-1 > ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .indexTopMenu .lvl-1 > ul > li {
        margin-right: 15px;
    }
    .indexTopMenu .lvl-2 > ul {
        justify-content: space-between;
        /*display: flex;
        width: 33%;
        flex-wrap: wrap;*/
        column-count: 3;
    }
    .indexTopMenu .lvl-2 > ul > li {
        padding-left: 0;
    }
}

/* max 992px */
@media all and (max-width: 992px) {
    header .headerBlock {
        /* max-width: 768px;*/
    }
    .content {
        max-width: none;
    }

    header .headerBlock .personalBlock .cabinetLine .icon {
        position: relative;
        transform: none;
    }
    header .headerBlock .personalBlock .cabinetLine .info {
        display: none;
    }
    header .headerBlock .searchBlock input[type="text"] {
        /*display: none;*/
    }
    header .headerBlock .searchBlock button[type="submit"] {
        /*position: relative;
        transform: none;
        background-image: url(/local/templates/teko2024/assets/images/content/icons/search_black.svg);*/
    }
    header .headerBlock .searchBlock button.sing {
        /* display: none;*/
    }
    header .headerBlock .personalBlock {width: 60px;}
    header .headerBlock .personalBlock .cabinetLine {width: 50px;}
    .indexTopMenu .lvl-1 {
        flex: 1;
    }
    .indexTopMenu .lvl-2 {
        width: 50%;
        display: none;
        flex: 1;
    }
    .indexTopMenu .lvl-2.opacity_1 {
        display: block;
    }
    footer .f_body .left_block {
        width: 33%;
    }
    footer .f_body .right_block {
        width: 67%;
    }
    footer .f_body .right_block .f_menu .parent_block {
        width: 60%;
    }
    footer .f_footer .block_50 {
        width: 100%;
        margin-bottom: 35px;
    }
    footer .f_footer .block_25 {
        width: 50%;
        padding-left: 0;
    }
    footer .f_footer .block_25:last-child {
        padding-left: 35px;
    }
    .hits_catalog .elem {
        /*width: 225px;*/
    }
    .news_block.service .service_block .item.w50 {
        height: 235px;
    }
    .news_block.service .service_block .item.w50 .blockImage {
        /*height: 200px;*/
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .news_block.service .service_block .item .blockName {
        font-size: 16px;
    }
    .partners_slider:after, .partners_slider:before {
        width: 90px;
    }
    .otrasly_block .left_block {
        width: 70%;
    }
    .otrasly_block .right_block {
        width: 30%;
    }
    .otrasly_block .left_block .otrasly_table .item:nth-child(3n+1),
    .otrasly_block .left_block .otrasly_table .item:nth-child(3n+2),
    .otrasly_block .left_block .otrasly_table .item:nth-child(3n) {
        width: 49%;
    }
    .otrasly_block .left_block .otrasly_table .item {
        height: 200px;
    }
    .otrasly_block .left_block .otrasly_table .item .name {
        top: 24px;
    }
    .otrasly_block .left_block .otrasly_table .item .text_block {
        top: 70px;
    }
    .otrasly_block .left_block .otrasly_table .item .text_block .info {
        max-height: 60px;
        overflow: hidden;

    }
    footer .f_body .right_block .f_menu .parent_block ul {
        display: none;
    }
    footer .f_body .right_block .f_menu .parent_block {
        padding-bottom: 0;
    }
    .missionElements .item2 {
        background-size: auto 50%;
    }
    .banners_block > div .name {
        width: 100%;
    }
    .banners_block > div .info {
        width: 55%;
    }
    .banners_block .dop_block .right_block .menu {
        /*display: block;
        column-count: 3;*/

        display: grid;
        gap: 20px;
        grid-template-columns: auto auto auto;
    }
    .solution {
        /*background-size: cover;*/
    }
    .solution .info_block {
        width: 40%;
    }
    .partners {
        flex-wrap: wrap;
        background: transparent;
        padding: 40px 0;
    }
    .partners .left_block, .partners .right_block {
        width: 100%;
    }
    .partners .left_block {
        margin-bottom: 40px;
    }
    .partners .right_block {
        padding: 0;
    }
    .partners_slider.owl-carousel {
        background-color: var(--default-color-bg);
        border-radius: 20px;
        overflow: hidden;
    }
    .partners_slider img {
        max-height: 200px;
        width: auto!important;
    }
    .partners_slider.owl-carousel .owl-stage-outer {
        margin-bottom: 0;
    }
    .advantages {
        font-size: 11px;
    }
    .missionElements .item2.w37 .textBlock, .missionElements .item2.w33 .textBlock {
        width: 100%;
    }
    .missionElements .item2.w50 .textBlock {
        width: 85%;
    }
    .indexTopMenu .lvl-2 .lvl-3 {
        display: none;
    }
    .indexTopMenu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .indexTopMenu .lvl-1 {
        width: 49%;
        margin-bottom: 0;
    }
    .indexTopMenu .lvl-1 > ul {
        flex-wrap: wrap;
    }
    .indexTopMenu .lvl-1 > ul > li {
        width: 100%;
        padding-bottom: 16px;
    }
    .indexTopMenu .lvl-2 > ul {
        column-count: 1;
        display: block;
    }
    .indexTopMenu .lvl-2.select {
        width: 49%;
    }
    .form_text_block {
        flex-wrap: wrap;
    }
    .form_text_block .left_block {
        width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .form_text_block .right_block {
        width: 100%;
        order: -1;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .catalog_count_panel_view .select {
        display: none;
    }
    .table_items.view_0 .col_item a .item_info {
        flex-wrap: wrap;
    }
    .table_items.view_0 .product-item-container .col_item:first-child {
        width: 130px;
    }
    .table_items.view_0 .col_item a .item_info .item_text {
        flex: none;
        width: 100%;
        padding: 5px 0 0 0;
    }
    .table_items.view_0 .col_item a .item_info .item_image_original {
        width: 100%;
    }
    .conteinet_full_items.view_0:before {
        width: 130px;
    }
    .table_items.view_0 .col_item a .item_info .item_text .article .icons {
        display: none;
    }
    .form_text_block .left_block .block_form.type_2 .form_body .form_element {
        width: 100%;
    }
    .block_form.type_2 .form_body .form_element {
        margin-right: 0;
    }
}


/* max 900px */
@media all and (max-width: 900px) {
    footer .f_body .left_block, footer .f_body .right_block {
        width: 100%;
        column-count: 2;
        -moz-column-count: 2;
        margin-bottom: 50px;
    }
    footer .f_body .left_block > div {
        page-break-inside: avoid;
        break-inside: avoid;
    }
    footer .f_body .right_block .f_menu {
        padding-left: 0;
    }
    footer .f_body .right_block .f_menu .parent_block {
        padding-left: 0;
    }
    .banners_block > div .info {
        width: 100%;
    }
    .banners_block .dop_block .right_block .menu {
        column-count: 2;
    }
}
@media all and (max-width: 880px) {
    .solution {
        background-size: cover;
        background-position: 260px 0;
    }
    .solution .info_block {
        width: 50%;
        padding-left: 40px;
    }
}

/* max 768px */
@media all and (max-width: 768px) {
    .no_show_mobile {
        display: none!important;
    }


    header .headerBlock {
        /*max-width: 576px;*/
    }
    header .headerBlock .linkBlock, header .headerBlock .cartBlock, header .headerBlock .personalBlock {
        flex: auto;
        width: auto;
    }
    header .headerBlock .personalBlock .cabinetLine {
        width: 30px;
    }
    header .headerBlock .linkBlock .contacts span, header .headerBlock .linkBlock .product span {
        display: none;
    }
    header .headerBlock .cartBlock .info {
        display: none;
    }
    header .headerBlock .cartBlock .icon {
        position: relative;
        transform: none;
    }

    footer .f_body .left_block , footer .f_body .right_block {
        width: 50%;
    }
    footer .f_body .right_block .f_menu .parent_block ul {
        display: none;
    }
    footer .f_body .right_block .f_menu .parent_block {
        width: 100%;
        padding-bottom: 0;
    }
    footer .f_second_menu .left_block, footer .f_second_menu .right_block {
        width: 100%;
    }
    .banners_block .big_block {
        width: 100%;
        border-radius: 0!important;
    }

    main section.banners_block {
        margin-left: -20px;
    }

    main section.banners_block.mini_banners {
        margin-left: 0;
        margin-right: -20px;
    }


    .banners_block.mini_banners .body:not(.dop_block) > div:last-child {
        width: calc(75% - 10px);
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;

    }

    .banners_block .body {
        /* flex-wrap: nowrap;*/
        align-items: center;
    }

    .banners_block .video .textBlock p {
        display: none;
    }

    .banners_block.big_banners .body:not(.dop_block) > div:last-child {
        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
    }

    main section.banners_block .body > div:first-child {
        order: 1;
    }
    main section.banners_block .body > div:nth-child(2) {
        order: 3;
        display: none;
    }
    main section.banners_block .body > div:nth-child(3) {
        order: 2;
        width: 25%;
    }
    main section.banners_block .body > div:last-child {
        order: 4;
    }
    .banners_block > div .info {
        display: none;
    }
    .banners_block .body > div {
        padding: 30px 25px;
    }
    .banners_block .banner_menu .left_block {
        display: none;
    }
    .banners_block .banner_menu .right_block {
        width: 100%;
    }
    .banners_block .small_block {
        width: 36%;
    }
    .title_block {
        /*padding: 0 20px;*/
    }
    .title_block h1 {
        font-size: 36px;
    }
    .title_block .info {
        width: 100%;
        position: relative;
        padding-top: 20px;
        margin-bottom: 20px;
        font-size: 12px;
    }
    .title_block .info:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 3px;
        background-color: #5E8EED;
    }
    .title_block .info_block {
        flex-wrap: wrap;
        margin-bottom: 20px;
        align-items: normal;
    }
    .title_block .info_block > div:first-child {
        width: 100%;
    }
    .title_block .info_block .btn_link {
        display: inline-block;
        margin-bottom: 30px;
    }
    .title_block .info_block .grey_text {
        font-size: 15px;
        width: 25%;
        margin-right: 0;
    }
    .title_block .info_block .grey_text span {
        font-size: 26px;
    }
    .banners_block .dop_block .left_block {
        display: none;
    }
    .banners_block .dop_block .right_block {
        width: 100%;
    }
    .banners_block .dop_block .right_block .menu {
        column-count: 1;
    }
    .banners_block .dop_block .right_block .menu li {
        margin-bottom: 35px;
    }
    .banners_block .dop_block .right_block .link {
        font-size: 16px;
        display: block;
        width: 80%;
    }
    .banners_block .dop_block .right_block .link:after {
        right: 0;
    }
    main section.news_block {
        margin-bottom: 10px;
    }
    .action_block {
        flex-wrap: nowrap;
        /*padding: 10px 35px 30px 35px;*/
        padding: 25px!important;
    }
    .action_block .name {
        width: 80%;
        background: url(/local/templates/teko2024/assets/images/content/icons/cart.png) 0% 50% no-repeat;
        padding-left: 80px;
        font-size: 20px;
        height: 50px;
        align-items: center;
        display: flex;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .action_block .name {
        background: none;
        padding-left:0;
        font-size: 16px;
        height: auto;
        margin: 0;
    }
    .action_block .info, .action_block .link {
        width: 20%;

    }
    .action_block .link a {
        text-indent: -999px;
        min-width: inherit!important;
    }
    .action_block .link a:after {
        width: 30px;
        height: 15px;
    }
    .action_block .info {
        display: none;
        margin-bottom: 25px;
        font-size: 15px;
    }
    .brands_slider .item.big {
        width: 450px;
    }
    .brands_slider .item .big {
        width: 220px;
        flex-wrap: wrap;
    }
    .brands_slider .item .right_block {
        margin-left: 0;
    }
    .otrasly_block .right_block {
        display: none;
    }
    .otrasly_block .left_block {
        width: 100%;
        margin-right: 0;
    }
    .solution {
        background-image: none;
    }
    .solution .info_block {
        width: 100%;
        text-align: center;
        padding: 0 40px;
    }
    .news_block.service .service_block .item.w50 {
        width: 100%;
    }
    .advantages {
        display: block;
        column-count: 3;
        background-color: transparent;
    }
    .advantages .item {
        margin-bottom: 15px;
    }
    section.text_block .left_block {
        width: 100%;
    }
    section.text_block .right_block {
        display: none;
    }
    .news_slider .one_block.big {
        width: 410px;
    }
    .news_slider .one_block .elem.big_type {
        width: 410px;
    }
    .news_slider .one_block .elem.mid_type {
        width: 200px;
    }
    .news_slider .one_block .elem.small_type {
        width: 200px;
        height: 170px;
    }
    .news_slider .one_block.small {
        width: 200px;
    }
    .news_slider .one_block {
        margin-right: 15px;
    }
    .news_slider .one_block .elem {
        margin-bottom: 15px;
    }
    .news_slider .one_block .elem .date {
        bottom: 20px;
    }
    .news_slider .one_block .elem .name {
        bottom: 50px;
    }
    footer .f_body .left_block, footer .f_body .right_block {
        column-count: 1;
        width: 100%;
    }
    footer .f_footer .block_25 {
        width: 100%;
        padding: 0;
        margin-bottom: 35px;
    }
    footer .f_footer .block_25:last-child {
        margin-bottom: 0;
        padding-left: 0;
    }

    .article_slider_mobile .item {
        width: 300px;
        height: 300px;
        border-radius: 20px;
        background-color: var(--miss-bg);
        background-image: var(--news-bg);
        color: var(--miss-text-color);
        background-repeat: no-repeat;
        background-size: auto 50%;
        background-position: 100% 100%;
        padding: 25px;
    }
    .article_slider_mobile .item .ttl {
        font-size: 20px;
        font-weight: 600;
    }
    .article_slider_mobile .item.video {
        background-size: cover;
        background-position: 50%;
    }
    .article_slider_mobile .item.video .textBlock {
        position: absolute;
        top: 30px;
        bottom: 30px;
        left: 30px;
        right: 30px;
        display: inline-grid;
        align-content: end;
        text-align: center;
        background-image: url("/local/templates/teko2024/assets/images/content/play.png");
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 50% 50%;
    }
    main section.news_block.service .title {
        line-height: 1.2em;
        margin-bottom: 0;
    }
    .bx-breadcrumb {
        display: none;
    }
    .form_text_block .right_block .bigText {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2em;
    }
    .form_text_block .left_block .block_form.type_2 .form_header .form_title {
        font-size: 20px;
        font-weight: 500;
    }
    .col-xs-12 .col-xs-12 .col-xs-12 {
        padding: 0;
    }
    .form_text_block .left_block .block_form.type_2 .form_footer .form_button {
        width: 100%;
        text-align: center;
    }
    .form_text_block .left_block .block_form.type_2 .form_footer .form_policy {
        padding: 25px 0 0 0;
        margin: 0;
        text-align: center;
    }
    .form_text_block .left_block .block_form.type_2 .form_body .form_element.inpt_radio input[type=radio]+span::before {
        height: 18px;
        width: 18px;
    }

    .form_text_block .left_block .block_form.type_2 .form_body .form_element.inpt_radio input[type=radio]:checked+span::before {
        border-color: var(--color-blue);
        /*background-color: var(--color-coral);*/
        background-image: url("data:image/svg+xml,\
	<svg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'>\
	<circle cx='4' cy='4' r='4' fill='rgb(117,158,237)'  />\
	</svg>");
    }
    .index_page .content {
        padding: 0 20px;
    }
    h1, .h1 {
        font-size: 36px;
    }
    .title_block .info_block .btn {
        display: inline-block;
        margin-bottom: 30px;
        text-transform: uppercase;
        font-weight: 600;
    }
    .solution {
        margin-bottom: 0;
        margin-top: 0;
    }
    .solution .info_block .text_block {
        font-size: 13px;
    }
    .solution .info_block .text_block .btn {
        text-transform: uppercase;
    }
    section.news_block.mission_block {
        margin: 0!important;
        padding-bottom: 0!important;
    }
    main section.news_block.otrasly_block {
        padding-bottom: 0;
    }
    .news_block.service {
        padding-bottom: 0;
        padding-top: 35px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .news_block.service + .news_block {
        margin-top: 0;
    }
    /*.news_gallery {
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    }
    .news_gallery .item:nth-of-type(1) {
        grid-column: span 2;
        grid-row: span 1;
    }
    .news_gallery .item:nth-of-type(2) {
        grid-row: span 1;
    }
    .news_gallery .item:nth-of-type(3) {
        grid-row: span 2;
    }
    .news_gallery .item:nth-of-type(7) {
        grid-column: span 2;
    }*/
    header .headerBlock .logo {
        order: 1;
    }
    header .headerBlock .menuBlock {
        order:4;
        margin-right: 0;
        margin-left: 15px;
    }
    header .headerBlock .searchBlock {
        order: 2;
    }
    header .headerBlock .cartBlock {
        order: 3;
        margin:  0 0 0 15px;
    }
    header .headerBlock .linkBlock {
        display: none;
    }
    header .headerBlock .langBlock {
        display: none;
    }
    header .headerBlock .personalBlock {
        display: none;
    }
    main section.news_block .title {
        font-size: 26px;
        margin-bottom: 25px;
    }


    .fullBG.show {
        z-index: 1000;
        background: rgba(0, 0, 0, 0.7);
    }
    .indexTopMenu {
        justify-content: right;
    }
    .elemModal.show {
        z-index: 110;
        border-radius: 0;
        padding: 0;
    }
    .elemModal .close {
        display: block;
        width: 30px;
        position: relative;
        cursor: pointer;
        height: 30px;
        margin-top: 5px;
        margin-right: 5px;
    }
    .elemModal .close:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 30px;
        height: 2px;
        background-color: var(--default-color-font);
        right: 0px;
        top: 50%;
        transform: rotate(45deg);
    }
    .elemModal .close:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 30px;
        height: 2px;
        background-color: var(--default-color-font);
        right: 0px;
        top: 50%;
        transform: rotate(-45deg);
    }
    .indexTopMenu .desctop_menu {display: none}
    .mobile_menu {display: block;width: 100%;}
    .mobile_menu .block_registr {
        padding: 25px 20px;
        background-color: #AEB5BB33;
        /*margin-top: -35px;*/
    }
    .mobile_menu .block_registr .ttl {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .mobile_menu .block_registr .button {
        display: block;
        margin-top: 20px;
    }
    .mobile_menu .block_registr .button .btn {
        display: inline-block;
    }
    .mobile_menu .block_registr .ttl.back_to_menu {
        /*padding-left: 30px;*/
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .mobile_menu .block_registr .ttl.back_to_menu:before {
        content: "";
        width: 20px;
        height: 20px;
        display: block;
        background-image: url("data:image/svg+xml,\
	<svg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\
<path d='M8.5 15L1.5 8L8.5 1' stroke='rgb(48,48,48)' stroke-linecap='round'/>\
</svg>");
        background-repeat: no-repeat;

    }
    .mobile_menu .block_menu {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
    }
    .mobile_menu .block_menu.block_menu_profil {
        display: none;
    }
    .mobile_menu .show_menu_profil {
        display: flex;
        flex-wrap: nowrap;
        align-items: baseline;
    }
    .mobile_menu .show_menu_profil:after {
        content: "";
        width: 20px;
        height: 20px;
        display: block;
        background-image: url("data:image/svg+xml,\
	<svg width='26' height='30' viewBox='0 0 26 30' fill='none' xmlns='http://www.w3.org/2000/svg'>\
<g>\
<path d='M11 19L15 15L11 11' stroke='rgb(48,48,48)' stroke-linecap='round'/>\
</g>\
	</svg>");
    }
    .mobile_menu .block_menu .elem {
        width: 100%;
    }
    .mobile_menu .block_menu .item {
        width: 100%;
        padding: 20px 20px 20px 65px;
        position: relative;
        border-bottom: 1px solid #F8FAFE;
        display: block;

    }
    .mobile_menu .block_menu .item:before {
        content: "";
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 28px;
        height: 28px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: var(--ico-menu);
    }
    .mobile_menu .block_menu.level_2 a.item {
        display: none;
    }

    .mobile_menu .block_menu .secondMobileMenu {
        display: none;
    }
    .mobile_menu .block_menu .secondMobileMenu.active {
        display: block;
    }
    .mobile_menu .block_menu .secondMobileMenu li {
    }
    .mobile_menu .block_menu .secondMobileMenu li a {
        padding: 10px 20px;
        display: block;
    }
    .mobile_menu .block_menu .secondMobileMenu > li > a {
        font-size: 18px;
        font-weight: 500;
    }
    .mobile_menu .block_menu .secondMobileMenu li a.back_link {
        color: #A0A0A0;
        font-size: 13px;
        padding-left: 50px;
    }
    .mobile_menu .block_menu .secondMobileMenu li a.back_link:before {
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        left: 20px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url("data:image/svg+xml,\
	<svg width='26' height='30' viewBox='0 0 26 30' fill='none' xmlns='http://www.w3.org/2000/svg'>\
<g>\
<path d='M15 19L11 15L15 11' stroke='rgb(160,160,160)' stroke-linecap='round'/>\
</g>\
</svg>");

    }
    .mobile_menu .block_menu .thirdMobileMenu {
        display: none;
    }
    .mobile_menu .block_menu .thirdMobileMenu.active {
        display: block;
        padding-bottom: 10px;
    }

    .mobile_menu .block_menu .thirdMobileMenu li a {
        padding: 7px 20px 7px 35px;
    }

    .mobile_menu .block_contacts
    {
        padding: 25px 20px 15px 20px;
    }
    .mobile_menu .block_contacts .phone
    {
        font-size: 20px;
        font-weight: 500;
    }
    .mobile_menu .block_contacts .social {
        margin-top: 15px;
    }
    .mobile_menu .block_contacts .social a {
        margin-bottom: 0;
    }

    .title_block .info_block .grey_text span {
        font-size: 20px;
    }

    .catalog_element_grid .product-item-list-col-1 {
        width: 100%;
    }

    .catalog_element_grid .product-item-list-col-1:nth-child(3n) .product-item {
        padding: 20px;
    }

    .catalog_element_grid .product-item .info_box.info_mobile {
        display: block;
        width: calc(100% - 75px);
        margin-top: 0;
    }

    .catalog_element_grid .product-item .info_box.info_mobile .article {
        display: flex;
        color: var(--color-grey-light);
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;

    }

    .catalog_element_grid .product-item .info_box.info_mobile .article .icons {
        margin-right: 10px;
        display: flex;
        align-items: center;
    }

    .catalog_element_grid .product-item {
        padding: 20px;
        height: auto;
        border-radius: 20px;
        border: 1px solid rgb(174 181 187 / 20%);
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .catalog_element_grid .product-item .image_block .hvr__dots {
        display: none;
    }

    .catalog_element_grid .product-item .image_block {
        margin-bottom: 0;
    }

    .catalog_element_grid .product-item .image_block .images {
        height: 65px;
        width: 65px;
        margin-bottom: 0;
        border-radius: 10px;
        border: 1px solid rgb(174 181 187 / 20%);
    }

    .catalog_element_grid .product-item .info_block {
        line-height: 22px;
        font-size: 14px;
        color: --miss-text-color;
        padding-left: 10px;
    }

    .catalog_element_grid .product-item .info_box {
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .catalog_element_grid .product-item .info_box .info_block .title {
        display: none;
    }

    .catalog_element_grid .product-item .info_block .quantity {
        display: none;
    }

    .catalog_element_grid .product-item .button_block {
        width: fit-content;
        margin: 0;
    }

    .catalog_element_grid .product-item .button_block .btn.basket-action {
        position: relative;
        width: 55px;
        height: 40px;
        border: none;
    }

    .catalog_element_grid .product-item .button_block .btn.basket-action::after {
        content: url('/local/templates/teko2024/assets/images/catalog/cart-mobile.svg');
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 25px;
        height: 23px;
        object-fit: contain;
        transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
    }

    .catalog_element_grid .product-item .button_block .btn.basket-action::before {
        content: url('/local/templates/teko2024/assets/images/catalog/cart-mobile-check.svg');
        position: absolute;
        z-index: 1;
        top: 6px;
        right: 9px;
        width: 15px;
        height: 15px;
        opacity: 0;
        transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
    }

    .catalog_element_grid .product-item .button_block .btn.basket-action:hover:after {
        content: url('/local/templates/teko2024/assets/images/catalog/cart-mobile-active.svg');
    }

    .catalog_element_grid .product-item .button_block .btn.basket-action:hover:before {
        opacity: 1;
    }

    .product-item .button_block .btn.basket-action span,
    .product-item .button_block .btn.basket-noprice span {
        display: none;
    }

    .mobile-dnone,
    .table_items.view_0 {
        display: none;
    }

}

/* max 576px */
@media all and (max-width: 576px) {
    header .headerBlock .logo {
        width: 69px;
        padding-right: 10px;
    }
    header .headerBlock .langBlock {
        display: none;
    }

    header {
        min-height: 54px;
    }

    main {
        padding-top: 54px;
    }

    header .headerBlock {
        padding: 10px;
    }
    /*.content {
        padding: 0 15px;
    }*/
    footer .f_body .left_block , footer .f_body .right_block {
        width: 100%;
    }
    footer .f_body .right_block .f_menu, footer .f_body .right_block .f_menu .parent_block {
        padding-left: 0;
    }
    footer .f_second_menu .left_block > ul {
        justify-content: flex-start;
    }
    footer .f_footer .block_25 {
        width: 100%;
    }
    footer .f_footer .block_25:last-child {
        padding-left: 0px;
        margin-top: 35px;
    }
    .title_block h1 {
        font-size: 26px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .title_block .info {
        font-size: 12px;
        line-height: 1.2em;
        padding-top: 15px;
    }
    .title_block .info_block .btn_link {
        font-size: 14px;
        font-weight: 500;
    }
    .title_block .info_block {
        align-items: normal;
    }
    .title_block .info_block .grey_text {
        font-size: 10px;
        line-height: 1.2em;
        width: 22%;
        padding-right: 10px;
    }
    .title_block .info_block .grey_text:last-child {
        padding-right: 0;
    }
    .title_block .info_block .grey_text span {
        font-size: 20px;
    }
    .banners_block > div .name {
        font-size: 12px;
        width: 75%;
    }
    main section.banners_block .body > div:nth-child(3) {
        width: 110px;
        height: 110px;
    }
    .banners_block.mini_banners .body:not(.dop_block) > div:last-child {
        width: calc(100% - 120px);
        max-height: none;
        min-height: 110px;
        height: auto;
        padding: 20px;
    }

    .banners_block.mini_banners .video .textBlock:before {
        content: '';
        width: 53px;
        height: 53px;
        display: block;
        /* margin-bottom: 5px; */
        /* text-align: center; */
        object-fit: contain;
        position: absolute;
        top: 50%;
        object-fit: contain;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden;
        background: url(/local/templates/teko2024/assets/images/content/play.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .banners_block .small_block {
        width: 66%;
    }
    .banners_block .body:not(.dop_block) > div:last-child {
        width: 100%;
        max-height: 110px;
        min-height: 160px;
    }
    .banners_block .body:not(.dop_block) > div:last-child .name {
        width: 50%;
        margin-bottom: 13px;
        line-height: 100%;
        min-width: 119px;
    }

    .banners_block .body:not(.dop_block) > div:last-child .text_block {
        text-transform: lowercase;
    }

    .banners_block .dop_block .right_block .menu {
        column-count: 1;
        width: 300px;
        margin: 30px auto 0;
    }
    .banners_block .dop_block .right_block .link {
        font-size: 16px;
    }
    .banners_block .dop_block .right_block .menu li {
        margin-bottom: 40px;
    }
    .banners_block .dop_block .right_block .menu li:last-child {
        margin-bottom: 0;
    }
    .otrasly_table.owl-carousel .owl-stage-outer {
        margin-bottom: 0;
    }
    .title_block .info_block {

    }
    .banners_block .body:not(.dop_block) > div:first-child {
        min-height: 150px;
    }
    .banners_block .color_block {
        display: none;
    }
    .banners_block .video .textBlock p {
        display: none;
    }
    .banners_block > div .name {
        width: 100%;
    }
    .action_block {
        padding: 30px 35px;
        margin-bottom: 20px;
    }
    .action_block .info {
        margin-top: 10px;
    }
    .action_block .link a {
        font-weight: 500;
    }
    main section.news_block .title {
        text-align: left;
        font-weight: 500;
        line-height: 1.1em;
    }
    .brands_slider.owl-carousel .owl-dots.disabled, .brands_slider.owl-carousel .owl-nav.disabled {
        display: none;
    }
    main section.otrasly_block .body {
        padding: 0;
    }
    .otrasly_block .left_block .otrasly_table .item:nth-child(3n+1), .otrasly_block .left_block .otrasly_table .item:nth-child(3n+2), .otrasly_block .left_block .otrasly_table .item:nth-child(3n) {
        width: 300px!important;
        height: 300px;
    }
    .solution .info_block {
        padding: 0 15px;
    }
    .solution .info_block .ttl {
        font-size: 26px;
    }
    .solution .info_block a.btn_link {
        text-transform: uppercase;
    }
    main section.news_block.mission_block {
        padding: 20px 0;
        background-color: var(--default-color-bg);
    }
    .mission_block .body .left_block .title {
        padding: 0;
    }
    .news_block.service {
        padding: 20px 0;
    }
    main section.news_block.service .title {
        margin-bottom: 0;
        padding: 0;
    }
    .partners_slider .imageBlock {
        padding: 0;
    }
    .partners .right_block {
        padding: 0;
        margin: 0 -15px;
        width: auto;
        overflow-y: hidden;
        -ms-overflow-y: hidden;
    }
    .partners_slider.owl-carousel {
        border-radius: 0;
    }
    .news_block.service .service_block .item.w33 {
        width: 300px;
    }
    .news_block.service .service_block .item .blockImage {
        width: auto;
    }
    .news_block.service .service_block {
        margin-top: 30px;
    }
    .partners {
        margin-bottom: 0;
    }
    .partners_slider:after, .partners_slider:before {
        width: 50px;
    }
    .service_block.owl-carousel .owl-stage-outer {
        margin-bottom: 0;
    }
    .news_block.service .service_block .item.w33 {
        margin-bottom: 0;
    }
    .advantages {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .news_block.service .service_block .item .blockName {
        font-size: 15px;
    }
    .news_block.service .service_block .item .blockImage img {
        max-height: 80%;
    }
    .news_block.service .service_block .item.w50 {
        padding-right: 0;
    }
    .advantages .item {
        margin-right: 10px;
        width: 45%;
        flex-basis: auto;
    }
    .hits_catalog .elem {
        margin-right: 15px;
    }
    .hits_catalog.owl-carousel .owl-stage-outer {
        margin-bottom: 0;
    }
    section.text_block .right_block {
        padding: 0 15px;
    }
    .news_slider.owl-carousel {
        padding-left: 15px;
    }
    footer .f_body .left_block .phone_block {
        font-size: 34px;
    }
    footer .f_body .left_block .social_block a {
        width: 39px;
        height: 39px;
        margin: 0 16px 10px 0;
    }
    footer .content {
        padding: 0 15px;
    }
    footer .f_footer {
        margin-bottom: 30px;
    }
    footer .f_footer .block_25:last-child {
        margin-top: 0;
    }
    .link {
        font-size: 11px;
    }
    .brands_slider .item .left_block {
        order: 2;
    }
    .brands_slider .item .right_block {
        order: 1;
        height: 0;
    }
    .brands_slider .item .right_block .ico {
        display: inline-block;
    }
    .brands_slider .item a {
        flex-wrap: wrap-reverse;
    }
    main section.news_block.brands_block {
        padding: 15px 0;
    }
    main section.news_block.otrasly_block {
        padding: 0;
        margin: 15px 0;
    }
    .otrasly_block .left_block .otrasly_table .item .text_block {
        top: 170px;
    }
    .otrasly_block .left_block .otrasly_table .item .name {
        top: auto;
        bottom: 140px;
    }
    .partners .left_block {
        margin-bottom: 15px;
    }
    .indexTopMenu .lvl-1 {
        width: 100%;
    }
    .indexTopMenu .lvl-2.select {
        display: none;
    }
    #top_menu {
        top:0;
        left: 0;
        transform: none;
        bottom: 0;
        height: auto!important;
    }
    .elemModal.show {
        padding: 0;
        width: 100%;
        height: 100%;
        max-height: none;
        overflow-y: auto;
    }
    .inner_content {
        padding: 0 15px;
    }
    /* .news_gallery .item {
         grid-column: span 1!important;
         grid-row: span 1!important;
     }*/

    .news_gallery .item_box_three {
        grid-template-rows: 1fr 1fr 1fr;
        max-width: 284px;
        grid-template-columns: 1fr;
        height: auto;
        order: 2;
    }
    .news_gallery  .item_box_three .item:first-child {
        grid-column: 1;
    }

    .news_gallery  .item_box_two {
        grid-template-rows: minmax(424px, 2fr) minmax(151px, 1fr);
        max-width: 284px;
        height: auto;
    }

    .news_gallery .item .elem a.name {
        font-size: 16px;
        line-height: 130%;
    }

    .news_gallery .item .elem .date {
        font-size: 13px;
        line-height: 130%;
    }

    section.text_block {
        margin: 20px 0;
    }
    h1, .h1 {
        font-size: 26px;
        line-height: normal;
    }
    .h1 {
        margin-top: 0;
    }
    main section.news_block {
        margin-top: 0;
        padding-top: 20px;
        margin-bottom: 0;
        padding-bottom: 20px;
    }
    .submenuMobileMenu {
        display: none;
    }

    .cookies-message .container-fluid .cookies-message__text {
        padding-right: 12px;
    }
    .cookies-message {
        display: inline;
    }
    .cookies-message .i-close {
        margin: 15px;
    }
}



.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 850;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    transition: opacity .15s linear;
}

.modal.show {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    display: flex!important;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 25%);
    z-index: 10000;
}

.modal-dialog {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);
    overflow: hidden;
}

.modal-close {
    display: none;
}

.modal-dialog .scrollbar-inner {
    display: flex;
}

.modal-background {
    background-color: var(--color-blue);
    width: 265px;
    min-width: 265px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.modal-background img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.modal-block {
    padding: 50px;
}

.modal-title {
    color: var(--color-blue);
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.custom-input-wrap-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

@media (max-width: 991px) {
    .custom-input-wrap-group {
        grid-template-columns: 1fr;
    }
}

.custom-input-wrap {
    margin-bottom: 10px;
}

.custom-input-wrap .blue {
    color: var(--color-blue);
}

.custom-input-wrap.wrap-high {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.custom-input-wrap.wrap-high {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.custom-input-wrap.disabled {
    opacity: 60%;
    position: relative;
}

.custom-input-wrap.disabled::after {
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
}

.custom-input-wrap.with-btn {
    display: flex;
    margin-bottom: -20px;
    flex-wrap: wrap;
}

.custom-input-wrap.with-btn .btn {
    width: fit-content;
    margin-right: 20px;
    margin-bottom: 20px;
}

.custom-input-wrap.with-btn .btn:last-child {
    margin-right: 0;
}

.custom-input-wrap .custom-input-title {
    color: #A0A0A0;
    padding-bottom: 5px;
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
}
.custom-input-wrap .custom-input-title span {
    color: var(--color-coral);
}

.custom-input-wrap.wrap-high  .custom-input {
    height: 100px;
}

.custom-input-wrap  .custom-input input,
.custom-input-wrap  .custom-input textarea {
    width: 100%;
    padding: 10px 16px;
    line-height: 24px;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #A0A0A0;
    background: #fff;
    resize: none;
}

.custom-input-wrap .custom-input textarea {
    height: 100px;
    resize: none;
}

.custom-input-wrap .custom-select select {
    border: 1px solid #A0A0A0;
    background: #fff;
    padding: 10px 52px 10px 16px;
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}

.custom-input-wrap .custom-select {
    position: relative;
}

.custom-input-wrap .custom-select::after {
    content: '';
    position: absolute;
    top: 18px;
    right: 20px;
    width: 16px;
    height: 8px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('/local/templates/teko2024/assets/images/personal/select-arrow.svg');
}

.custom-input-wrap  .custom-input.error input,
.custom-input-wrap  .custom-input.error textarea {
    border-color: var(--color-coral);
}

.errortext, .red {
    /*border: 1px solid var(--color-coral);*/
    /*padding: 20px;*/
    color: var(--color-coral);
    /*margin-bottom: 35px;*/
}

.errortext.red_border {
    padding: 20px 50px;
    border: 1px solid var(--color-coral);
    margin-bottom: 35px;
    border-radius: 10px;
    background: rgba(229, 83, 98, 0.1);
    font-size: 0.9em;
    font-weight: 500;
    position: relative;
}

.company-form-left .errortext.red_border:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    content: "";
}
.company-form-left .errortext, .company-form-left  .red, .company-form-left  .custom-input-wrap .custom-input .input-error {
    color: #ffffff;
}

.success-text {
    padding: 20px 50px;
    border: 1px solid var(--color-green);
    margin-bottom: 35px;
    border-radius: 10px;
    background: rgba(147, 208, 86, 0.1);
    font-size: 0.9em;
    font-weight: 500;
    color: var(--color-green);
}

.custom-input-wrap  .custom-input .input-error, .custom-input-wrap  .custom-input-checkbox + .input-error {
    color: var(--color-coral);
    font-size: 12px;
    line-height: 22px;
    padding-top: 4px;
    font-weight: normal;
}
.custom-input-wrap  .custom-input .input-success {
    color: var(--color-green);
    font-size: 12px;
    line-height: 22px;
    padding-top: 4px;
}
.custom-input-wrap  .custom-input .input-error.abs_pos {
    position: absolute;
    top: 100%;
}

.custom-input-wrap  .custom-input.with-icon  {
    position: relative;
}

.custom-input-wrap  .custom-input.with-icon input,
.custom-input-wrap  .custom-input.with-icon textarea {
    padding-right: 43px;
    resize: none;
}

.custom-input-wrap  .custom-input.with-icon .icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translate(-50%, 0px);
}

.custom-input-wrap  .custom-file .icon.icon-file {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 9px;
    height: 16px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/personal/icon-file.svg');
    margin-right: 4px;
}

.custom-input-wrap  .custom-input input::placeholder {
    line-height: 24px;
    font-size: 16px;
    color: #A7A7A7;
}

.custom-input-wrap  .custom-input.with-img {
    display: flex;
    align-items: center;
    position: relative;
}

.custom-input-wrap  .custom-input.with-img .custom-input-img {
    margin-left: 10px;
    height: 46px;
    max-width: 180px;
    width: 100%;
}

.custom-input-wrap .custom-input.with-img .custom-input-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.custom-input-wrap .custom-file {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: 100px;
    border-radius: 8px;
    border: 1px dashed var(--color-blue);
    color: var(--color-blue);
    padding: 20px;
}
.custom-input-wrap .custom-file.error {
    border: 1px dashed var(--color-coral);
}

.custom-input-wrap .custom-file .custom-file-btn {
    display: flex;
    align-items: center;
}

.custom-input-wrap .custom-file custom-file-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}

.custom-input-wrap .custom-file input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.modal .icon,
.popup-content .icon {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: var(--transition);
    position: relative;
}

.modal .icon-view-password {
    background-image: url('/local/templates/teko2024/assets/images/login/eye.svg');
    width: 18px;
    height: 10px;
}
.modal .icon-view-password.view {
    background-image: url('/local/templates/teko2024/assets/images/login/eye_view.svg');
    width: 18px;
    height: 18px;
    top: 15% !important;
    transform: translate(-50%, 50%) !important;
}

.modal .icon-modal-close,
.popup-content .icon-modal-close,
header .headerBlock .cartBlock .popup-content .icon-modal-close  {
    background-image: url('/local/templates/teko2024/assets/images/login/modal-close.svg') !important;
    width: 32px;
    height: 32px;
    transform: none;
    top: auto;
    position: relative;
    background-position: center;
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.custom-input-wrap  .custom-input-checkbox {
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: flex-start;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
}

.custom-input-wrap  .custom-input-checkbox input {
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    display: block;
}

.custom-input-wrap .btn {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    background-color: #E55362;
    border: 0;
}


.custom-input-wrap a  {
    color: var(--color-blue);
}

.modal-text {
    margin-top: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
}

.modal-text span {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .modal-background {
        display: none;
    }

    .modal-dialog {
        max-width: 535px;
        border-radius: 0px;
    }

    .modal-block {
        padding: 50px 20px;
    }

    .modal .modal-close {
        display: block;
    }

    .modal-text {
        margin-top: 20px;
        text-align: start;
    }
}

.registration-form {
    max-width: 673px;
    width: 100%;
}

.registration-block {
    margin-bottom: 40px;
}

.registration-block:last-child {
    margin-bottom: 0px;
}

.registration-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}

.registration-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 10px;
    margin-bottom: -10px;
}

.custom-input-wrap.wrap-long {
    grid-column: span 2;
}

@media(max-width: 1366px){
    .registration-form {
        margin: 0 auto;
    }

    .registration-form .custom-input-wrap.with-btn {
        justify-content: center;
    }
}

@media(max-width: 768px){
    .registration-content {
        grid-template-columns: 1fr;
    }

    .registration-content .custom-input-wrap.wrap-long {
        grid-column: auto;
    }
}

@media(max-width: 490px){
    .custom-input-wrap .custom-input.with-img {
        flex-wrap: wrap;
    }
    .custom-input-wrap .custom-input.with-img .custom-input-img {
        margin-left: 0;
        margin-top: 10px;
    }

    .custom-input-wrap .custom-input-checkbox {
        padding-top: 0;
        padding-bottom: 0;
    }

    .modal-block .custom-input-wrap .custom-input-checkbox {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .custom-input-wrap.with-btn .btn {
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 16px 28px;
    }

    .custom-input-wrap.with-btn {
        margin-bottom: -10px;
    }
}

.personal-page {
    display: flex;
    flex-wrap: wrap;
}

.personal-sidebar {
    width: 327px;
    margin-right: 20px;
}

.personal-content {
    width: calc(100% - 347px);
    padding: 25px 40px 40px;
}

.personal-menu,
.personal-content {
    border-radius: 20px;
    background-color: #F8FAFE;
}

.personal-content.order {
    background-color: transparent;
    padding: 0;
}

.personal-menu {
    padding: 30px 0 20px;
}

.personal-menu-item {
    border-left: 4px solid transparent;
    padding: 10px 40px;
}

.personal-menu-item.selected {
    border-left: 4px solid #FAE22B;
}

.personal-menu-item.selected a {
    color: var(--color-blue);
}

.personal-menu-item:hover a {
    color: var(--color-blue);
}

.personal-menu-item.exit a {
    color: var(--color-coral);
}

.personal-content .registration-form {
    max-width: none;
}

@media(max-width: 1140px){
    .personal-sidebar {
        display: none;
    }
    .personal-content {
        width: 100%;
    }

}

@media(max-width: 768px){
    .personal-content {
        padding: 25px 20px 20px;
    }
    .personal-content .custom-input-wrap.with-btn .btn {
        width: calc(50% - 5px);
    }

    .personal-content .custom-input-wrap.with-btn {
        flex-wrap: nowrap;
    }
}

.news-list {
    padding: 20px 0 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.news-list .news-item {
    border-radius: 20px;
    overflow: hidden;
    height: 297px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 40px 20px 20px;
    justify-content: flex-end;
}

.news-list .news-item  .news-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
}

.news-list .news-item  .news-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.news-list .news-item::after {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(3,9,23,1) 100%);
}

.news-list .news-item .news-title {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 26px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    box-orient: vertical;
}

.news-list .news-item .news-text {
    color: #FFFFFF;
    padding-top: 5px;
    transition: 0.3s;
    height: 0;


    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}


.news-list .news-item .news-date-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-list .news-item .news-date-box .news-link {
    display: flex;
    color: #759EED;
    font-size: 14px;
    line-height: 22px;
    align-items: center;
    opacity: 0;
    transition: 0.3s;
}

.news-list .news-item.version2 {
    padding: 0;
    height: 330px;
}
.news-list .news-item.version2::after {
    display: none;
}
.news-list .news-item.version2 .news-date-box {
    margin: 10px 0 5px;
    display: block;
}
.news-list .news-item.version2 .news-title {
    color: var(--default-color-font);
    font-size: 18px;
    font-weight: 500;
    -webkit-line-clamp: 3;
}
.news-list .news-item.version2 .info {
    height: 120px;
}
.news-list .news-item.version2 .image {
    height: calc(100% - 110px);
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.news-list .news-item.version2 .image img {
    object-fit: cover;
    transition: transform 0.5s;
    width: 100%;
    height: 100%;
}
.news-list .news-item.version2:hover .image img {
    transform: scale(1.1);
}


@media(min-width: 961px){
    .news-list .news-item:hover:after {
        background: linear-gradient(180deg, rgba(0,0,0,60%) 0%, rgba(3,9,23,1) 100%);
    }

    .news-list .news-item:hover .news-text {
        flex: 1 0 0;
        height: 100%;
    }

    .news-list .news-item:hover .news-date-box .news-link {
        opacity: 1;
    }
}
.news-list .news-item .news-date-box .news-link span {
    text-decoration: underline;
}

.news-list .news-item .news-date {
    color: #A0A0A0;
    padding-top: 5px;
}

.news-list .news-item .news-date-box .icon.icon-link-button {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/news/link-button.svg');
    margin-left: 10px;
}


@media(max-width: 960px){
    .news-list {
        grid-template-columns: 1fr 1fr;
    }

    .news-list .news-item .news-title {
        -webkit-line-clamp: 5;
        line-clamp: 5;
    }

    .news-list .news-item .news-date-box .news-link {
        opacity: 1;
    }
}

@media(max-width: 768px){
    .news-list {
        grid-template-columns: 1fr;
    }
}


.pagination-list {
    padding: 50px 0px 100px;
    display: flex;
    align-items: center;
}

.pagination-list .pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    margin-right: 10px;
}

.pagination-list .pagination-item:last-child {
    margin-right: 0;
}


.pagination-list .pagination-item.pagination-start,
.pagination-list .pagination-item.pagination-end {
    width: 16px;
    height: 16px;
}

.pagination-list .pagination-item.active {
    color: var(--color-blue);
    background-color: rgba(117, 157, 237, 20%);
}

.news-detail .news-date {
    margin-bottom: 30px;
}

.news-detail  .news-detail-box {
    display: flex;
    justify-content: space-between;
}

.news-detail  .news-detail-box .news-slider,
.news-detail  .news-detail-box .news-content {
    width: calc(50% - 10px);
}

.news-detail  .news-slider .news-slider-top  {
    margin-bottom: 10px;
}

.news-detail  .news-slider .news-slider-top img {
    border-radius: 20px;
}

.news-detail  .news-slider .news-slider-bottom img {
    border-radius: 10px;
}

.news-detail .news-slider-top .news-slider-img {
    width: 100%;
    height: 350px;
}

.news-detail .news-slider-bottom .news-slider-img {
    width: 100%;
    height: 80px;
}

.news-detail .news-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-content-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #759EED;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}

.news-content-link .icon.icon-link-button {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/news/link-button.svg');
    margin-left: 10px;
}

.news-content-link span {
    text-decoration: underline;
}

.news-social {
    padding-top: 30px;
}

.news-social-box {
    display: flex;
    align-items: center;
}

.news_social-item {
    margin-right: 10px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_social-item:last-child {
    margin-right: 0px;
}

.news_social-item .icon {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    cursor: pointer;
    position: relative;
}

.news_social-item .icon.icon-vk {
    background-image: url('/local/templates/teko2024/assets/images/news/icon-vk.svg');
}

.news_social-item .icon.icon-youtube {
    background-image: url('/local/templates/teko2024/assets/images/news/icon-youtube.svg');
}

.news_social-item .icon.icon-ok {
    background-image: url('/local/templates/teko2024/assets/images/news/icon-ok.svg');
}

.news_social-item .icon.icon-telegram {
    background-image: url('/local/templates/teko2024/assets/images/news/icon-telegram.svg');
}

.news_social-item .icon.icon-wathsapp {
    background-image: url('/local/templates/teko2024/assets/images/news/icon-wathsapp.svg');
}

.news-detail .hits_catalog .item {
    border: 1px solid rgba(174, 181, 187, 20%);
    border-radius: 20px;
    /* box-shadow: 0px 0px 4px rgba(0, 0, 0, 20%);*/
    overflow: hidden;
}

.news-detail .hits_catalog .owl-nav,
.news-detail .hits_catalog .owl-dots {
    display: none;
}

.section-title {
    font-size: 32px;
    line-height: 40px;
    margin-top: 100px;
    margin-bottom: 20px;
    font-weight: 600;
}

.banner-section {
    background-color: #759EED;
    padding: 40px 0;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 100px;
}

.banner-content {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.banner-content .banner-form {
    max-width: 675px;
    width: 100%;
    margin: 0 auto;
}

.banner-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

.banner-content .custom-input-title {
    text-align: left;
    min-block-size: 5px;
}

.banner-content .custom-input-wrap.with-btn {
    flex-wrap: nowrap;
}

.banner-content .custom-input {
    max-width: 500px;
    width: 100%;
    margin-right: 10px;
}

.banner-content .btn {
    border: 1px solid #ffffff;
    height: 44px;
    padding: 10px 28px;
}

.banner-content .custom-input  input {
    height: 44px;
}

.banner-politic {
    font-size: 16px;
    line-height: 26px;
}

.banner-politic a {
    text-decoration: underline;
    color: #ffffff;
}

.banner-content .custom-input-wrap.with-btn {
    margin-bottom: 0;
}

.news-detail .owl-carousel .owl-stage-outer {
    margin-bottom: 0;
}

@media(max-width: 991px){
    .news-detail .news-detail-box {
        flex-wrap: wrap;
    }

    .news-detail .news-detail-box .news-slider, .news-detail .news-detail-box .news-content {
        width: 100%;
    }

    .news-detail .news-slider-top .news-slider-img {
        height: 500px;
    }

    .news-detail .news-slider-bottom .news-slider-img {
        height: 100px;
    }

    .news-slider {
        margin-bottom: 30px;
    }

    .news-content-link {
        justify-content: flex-start;
        margin-top: 30px;
    }

    .section-title,
    .banner-section {
        margin-top: 50px;
    }

    .banner-section {
        margin-top: 50px;
        margin-right: -40px;
        margin-left: -40px;
        border-radius: 0;
        padding: 40px 20px;
    }

    .banner-title,
    .section-title {
        font-size: 24px;
        line-height: 32px;
    }

    .banner-content {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .banner-content .custom-input-wrap.with-btn {
        flex-wrap: wrap;
    }

    .banner-content .custom-input {
        max-width: none;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .banner-content .custom-input-wrap.with-btn .btn {
        margin-bottom: 0;
    }

    .banner-politic {
        margin-top: 14px;
    }

    .news-detail .news-slider-top .news-slider-img {
        height: 400px;
    }

    .news-detail .news-slider-bottom .news-slider-img {
        height: 80px;
    }
}

@media (max-width: 576px) {

    .news-detail .hits_catalog .item {
        max-width: 250px;
    }

    .banner-section {
        margin-left: -15px;
        margin-right: -15px;
    }
}


@media (max-width: 568px) {

    .news-detail .news-slider-top .news-slider-img {
        height: 300px;
    }

    .news-detail .news-slider-bottom .news-slider-img {
        height: 60px;
    }
}


@media (max-width: 480px) {
    .news-detail .news-slider-top .news-slider-img {
        height: 250px;
    }

    .news-detail .news-slider-bottom .news-slider-img {
        height: 50px;
    }
}

@media (max-width: 440px) {

    .news-detail .news-slider-top .news-slider-img {
        height: 200px;
    }

    .news-detail .news-slider-bottom .news-slider-img {
        height: 40px;
    }
}

.action-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    grid-template-rows: 1fr;
}

.action-item.action-item-long {
    grid-column: span 2;
}

.action-item {
    padding: 50px 36px 50px 50px;
    border-radius: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 348px;
    overflow: hidden;
}

.action-item-bigtitle {
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    margin-bottom: 20px;
}

.action-item.action-item-long .action-item-bigtitle {
    max-width: 578px;
    width: 100%;
}

.action-item .action-item-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

.action-item.action-item-long .action-item-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    max-width: 578px;
    width: 100%;
}

.action-text {
    font-size: 20px;
    line-height: 26px;
    margin-top: 10px;
}

.action-sale {
    background-color: var(--color-coral);
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    width: fit-content;
    margin-top: 40px;
}

.action-item.action-item-long .action-sale {
    font-size: 32px;
    line-height: 40px;
    margin-right: 20px;
}

.action-date {
    margin-top: 20px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

.action-item.action-item-long  .action-date {
    margin-top: 40px;
}

.action-item .action-bottom,
.action-item .action-top {
    position: relative;
    z-index: 2;
}

.action-bg {
    position: absolute;
    bottom: 0;
    right: 40px;
    top: 23px;
    max-width: 453px;
    width: 100%;
    display: none;
    z-index: 1;
    align-items: flex-end;
}

.action-bg img {
    max-height: 100%;
    height: auto;
    width: 100%;
    object-fit: contain;
}

.action-item.action-item-long .action-bg {
    display: flex;
}

.action-item.action-item-long   .action-item-box {
    display: flex;
    align-items: center;
}

@media(max-width: 991px){

    .action-item {
        padding: 30px 20px;
    }

    .action-item-bigtitle,
    .action-item .action-item-title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .action-item.action-item-long .action-item-title {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    .action-item.action-item-long .action-sale {
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
    }

    .action-item .action-date {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    .action-item.action-item-long .action-date {
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
    }

    .action-text {
        margin-top: 0;
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }
}

@media(max-width: 840px){
    .action-bg {
        opacity: 15%;
    }
}

@media(max-width: 768px){

    .action-list {
        grid-template-columns: 1fr;
    }

    .action-item.action-item-long {
        grid-column: 1;
    }

    .action-item {
        min-height: auto;
    }

    .action-bg {
        opacity: 15%;
        left: 106px;
        right: auto;
        bottom: 0;
        top: auto;
    }

    .action-item.action-item-long .action-item-box {
        flex-direction: column;
        align-items: baseline;
    }

    .action-item.action-item-long .action-date {
        margin-top: 20px;
    }

    .action-item .action-sale {
        margin: 0;
    }
}

.action-detail {
    padding-top: 50px;
    color: #000000;
}

.action-detail ol,
.action-detail ul {
    color: #474C51;
}

.inner_content .action-detail ul:not([class]) > li:before {
    content: "";
    position: absolute;
    background-position: center;
    background-image: none;
    background: #303030;
    width: 12px;
    height: 2px;
    left: 0;
    top: 10px;
}

.action-detail ul {
    padding-left: 32px;
}

.action-detail .news-social {
    padding-top: 20px;
}

.certificate-box {
    border-radius: 10px;
    border: 1px solid rgba(160, 160, 160, 0.20);
    overflow: hidden;
}

.certificate-item {
    display: flex;
    padding: 20px;
    border-bottom: 1px solid rgba(160, 160, 160, 0.20);
    flex-wrap: wrap;
}

.certificate-item:last-child {
    border-bottom: none;
}

.certificate-item .certificate-images {
    max-width: 110px;
    width: 100%;
    height: 154px;
    display: flex;
    align-items: flex-start;
}

.certificate-item .certificate-images  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.certificate-item .certificate-content {
    padding-left: 29px;
    width: calc(100% - 110px);
    display: flex;
    flex-direction: column;
}

.certificate-item .certificate-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}

.certificate-item .certificate-text {
    font-size: 16px;
    line-height: 20px;
    height: 100%;
}

.certificate-link {
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: #759EED;
}

.certificate-link .icon.icon-download {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 17px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/sertificate/icon-download.svg');
    margin-right: 10px;
}

.icon.icon-pdf {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 26px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/sertificate/icon-pdf.svg');
    margin-right: 10px;
}

.certificate-text.certificate-text-mobile {
    display: none;
}

@media(max-width: 768px){

    .certificate-item .certificate-images {
        max-width: 104px;
        height: 150px;
    }

    .certificate-item .certificate-content {
        padding-left: 10px;
        width: calc(100% - 104px);
    }

    .certificate-text.certificate-text-mobile {
        display: block;
        margin-top: 20px;
        width: 100%;
    }

    .certificate-text.certificate-text-pk {
        display: none;
    }

    .certificate-item .certificate-title  {
        height: 100%;
    }
}

.faq-form {
    margin-top: 100px;
    border-radius: 10px;
    background-color: #F8FAFE;
    padding: 50px;
}
.faq-form.sale-form {
    margin: 50px 0;
}

.faq-form-title {
    font-weight: 600;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
}
.faq-form.sale-form .faq-form-title {
    margin-bottom: 50px;
}

.faq-form .registration-form {
    max-width: none;
}

.faq-form .custom-input-wrap.wrap-high {
    grid-row: span 2;
}

.faq-form .custom-input-wrap.wrap-high .custom-input,
.faq-form .custom-input-wrap.wrap-high .custom-input textarea {
    height: 100%;
    min-height: 100px;
    resize: none;
}
.faq-form .custom-input-wrap .custom-input textarea,
.faq-form .custom-input-wrap .custom-input input{
    background-color: #FFFFFF;
}


.faq-form .custom-input-wrap.with-btn {
    justify-content: flex-end;
}

@media(max-width: 991px){
    .faq_title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }

    .faq-form {
        margin-left: -40px;
        margin-right: -40px;
        padding: 50px 20px;
    }

    .faq-form .custom-input-wrap.with-btn {
        justify-content: flex-start;
    }
}

@media(max-width: 576px){
    .faq-form {
        margin-left: -15px;
        margin-right: -15px;
    }

    .faq-form .custom-input-wrap .custom-input.with-img {
        flex-direction: column;
        align-items: flex-start;
    }
    .faq-form .custom-input-wrap .custom-input.with-img input {
        margin-bottom: 10px;
    }
}

.company .company-top {
    display: grid;
    grid-template-columns: 327px 1fr;
    grid-gap: 20px;
}

.company .company-mission {
    background-color: #759EED;
    color: #ffffff;
    padding: 20px;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
}

.company .company-mission-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 10px;
}

.company-tiser {
    background-color: #F8FAFE;
    padding: 20px;
    border-radius: 4px;
    overflow: hidden;
    color: #000000;
}

.company-tiser span {
    color: #5E8EED;
    font-weight: 600;
}

.company-listing {
    margin-bottom: 100px;
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.company-listing-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding-top: 70px;
    padding-bottom: 30px;
}

.company-listing-img {
    display: flex;
    align-items: center;
}

.company-listing-item::before {
    content: '';
    width: 21px;
    height: 21px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/local/templates/teko2024/assets/images/company/icon-check.svg');

    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px, -50%);
}

.company-listing-item {
    padding-left: 41px;
    position: relative;
    display: flex;
    align-items: center;
}

.company-goal {
    margin-top: 50px;
}

.company-goal-title {
    width: fit-content;
    background-color: #759EED;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 28px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.company-goal ul {
    background-color: #F8FAFE;
    padding: 20px;
    border-radius: 4px;
}
.inner_content .company-goal ul:not([class]) > li:before {
    content: "";
    position: absolute;
    background-position: center;
    background-image: none;
    background: #759EED;
    width: 12px;
    height: 2px;
    left: 0;
    top: 10px;
}

.company-form-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 100px;
}

.company-form-left {
    background-color: #759EED;
    color: #ffffff;
    padding: 40px;
    position: relative;
    border-radius: 10px;
}

.company-form-right {
    background-color: rgba(117, 157, 237, 0.20);
    color: #759EED;
    padding: 40px;
    position: relative;
    border-radius: 10px;
}



@media (min-width: 1025px) {

    .company-form-left {
        width: calc(130% - 10px);
        margin-left: calc(50% - 50vw + 10px);
        margin-right: 10px;
        display: flex;
        justify-content: flex-end;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .company-form-right {
        margin-right: calc(50% - 50vw + 10px);
        margin-left: 10px;
        width: calc(70% - 10px);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .company-form-right-child {
        max-width: 350px;
    }
    .company-form-left-child {
        max-width: 915px;
    }
}

.company-form-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 40px;
}

.company-form-left .company-form-title {
    text-align: left;
}

.company-menu li {
    text-decoration: underline;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 20px;
}

.company-menu li a {
    color: inherit;
}

.company-form-box .custom-input-wrap .custom-input-title {
    color: #A0A0A0;
}

.registration-form {
    max-width: none;
}

.company-form-box .custom-input-wrap.wrap-high {
    grid-row: span 2;
}

.company-form-box .custom-input-wrap.wrap-high .custom-input,
.company-form-box .custom-input-wrap .custom-input textarea {
    height: 100%;
    height: 114px;
}

.custom-input-wrap .input-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-input-wrap .input-radio + label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    line-height: 18px;
}
.custom-input-wrap .input-radio + label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid #F8FAFE;
    border-radius: 100%;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.custom-input-wrap .input-radio:checked+label::before {
    border-color: #F8FAFE;
    background-color: var(--color-coral);
}

.custom-input-radio {
    margin-bottom: 8px;
}

.custom-input-radio:last-child {
    margin-bottom: 0px;
}

.company-form-box .custom-input-wrap.with-btn .btn {
    background-color: #ffffff;
    color: #759EED !important;
    text-wrap: nowrap;
    margin: 0 20px 0 0;
}

.company-form-box  .custom-input-wrap.with-btn {
    flex-wrap: nowrap;
}

.company-form-box .custom-input-wrap.with-btn {
    margin-bottom: 0;
}

@media(max-width: 1024px){
    .company .company-top {
        grid-template-columns: 1fr;
    }

    .company-listing-img {
        display: none;
    }

    .company-listing {
        grid-template-columns: 1fr;
    }

    .company-listing-box {
        padding: 0;
    }

    .company-listing {
        margin-top: 50px;
        margin-bottom: 0;
    }

    .company-form-box {
        margin-top: 50px;
        flex-direction: column-reverse;
    }

    .company-form-right {
        width: 100%;
    }

    .company-form-left {
        width: 100%;
    }
    .company-form-left,
    .company-form-right {
        border-radius: 0px;
    }
    .company-form-box {
        margin-left: -40px;
        margin-right: -40px;
    }
}


@media(max-width: 768px){
    .company-listing-box {
        grid-template-columns: 1fr;
    }
    .company-form-title {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    .company-form-box .custom-input-wrap.with-btn {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .company-form-box .custom-input-wrap.with-btn .input-text {
        margin-top: 20px;
    }
}


@media(max-width: 576px){
    .company-form-box {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(2.5px);
    z-index: 10000;
    display: none;
}

.window-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 750px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);
    z-index: 10000;
    display: none;
    max-height: 100%;
    height: fit-content;
    overflow: auto;
}

.big-size .window-popup {
    max-width: 1090px;
}

.window-popup.show,
.popup.show .window-popup,
.popup.show{
    display: block;
}

.products-basket.window-popup {
    top: 100px;
    right: 20px;
    left: auto;
    transform: none;
    display: none;
}

.products-basket.window-popup.show {
    display: block;
}



@media(max-width: 1366px){
    .products-basket.window-popup {
        top: 100px;
        right: 20px;
        left: auto;
    }
}

@media(max-width: 768px){
    .products-basket.window-popup {
        top: 50% !important;
        right: auto !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

.popup-content {
    position: relative;
    padding: 50px;
}
.popup-close {
    position: absolute;
    top: 50px;
    right: 50px;
}

.window-popup.in-basket .popup-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
    padding-right: 52px;
    margin-bottom: 40px;
    border: none;
    padding-bottom: 0;
}

.popup-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-btn .btn {
    margin-right: 20px;
    padding: 14px 28px;
    text-wrap: nowrap;
}


.popup-btn .btn:last-child {
    margin-right: 0px;
}

/*@media(max-width: 1366px){*/
.window-popup.in-basket {
    max-width: 554px;
}

.window-popup.in-basket .popup-content {
    padding: 40px;
}

.popup-close {
    position: absolute;
    top: 40px;
    right: 40px;
}
/*}*/

@media(max-width: 768px){
    .window-popup.in-basket {
        max-width: 350px;
    }

    .window-popup.in-basket .popup-content {
        padding: 20px;
    }

    .popup-btn {
        flex-direction: column;
    }

    .popup-btn .btn {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .popup-btn .btn:last-child {
        margin-bottom: 0px;
    }

    .window-popup.in-basket .popup-title {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    .popup-close {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .popup-close .icon-modal-close {
        width: 24px;
        height: 24px;
    }

    .window-popup.in-basket .popup-title {
        padding-right: 34px;
    }
}

.window-popup.products-basket .popup-content {
    padding: 20px;
}

.window-popup .popup-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    text-align: center;
    padding-right: 44px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #759EED;
    color: #000000;
}

.window-popup .popup-footer {
    border-top: 1px solid #759EED;
    padding-top: 35px;
}

.window-popup .popup-header {

}

.window-popup .popup-footer a {
    color: var(--color-blue);
}
.window-popup .popup-footer a:hover {
    opacity: 0.8;
}

.window-popup.products-basket .popup-content .icon-modal-close,
header .headerBlock .cartBlock .popup-content .icon-modal-close{
    width: 24px;
    height: 24px;
}

.window-popup.products-basket .popup-close {
    top: 20px;
    right: 20px;
}

.popup-bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 48px;
    align-items: flex-end;
}

.popup-bottom .btn {
    justify-content: flex-start;
    padding: 8px 16px;
    margin-right: 10px;
}

.popup-bottom .btn:last-child {
    margin-right: 0px;
}

.popup-total {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.popup-box {
    max-height: 305px;
    height: 100%;
    overflow-y: auto;
    padding-right: 20px;
    overflow-x: hidden;
}

.popup-box::-webkit-scrollbar {
    width: 7px;
}

.popup-box::-webkit-scrollbar-track {
    background-color: rgba(117, 157, 237, 0.20);
    border-radius: 2px;
}

.popup-box::-webkit-scrollbar-thumb {
    background-color: #759EED;
    border-radius: 2px;
}

.products-item {
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid rgba(117, 157, 237, 0.20);
    margin-bottom: 10px;
}

.products-item .products-img {
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #F1F1F1;
}

.products-item .products-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.products-item .products-info {
    width: 100%;
    padding: 0 20px;
}

.products-item .products-name {
    padding-bottom: 5px;
    text-wrap: wrap;
    word-wrap: break-word;
}

.products-item .products-articule {
    color: #A0A0A0;
    font-size: 14px;
    line-height: 22px;
}

.products-buttons {
    display: flex;
    align-items: center;
    width: 100%;
}

.products-item .products-counter {
    padding-right: 10px;
}

.counter {
    border-radius: 5px;
    background-color: #F8FAFE;
    display: flex;
    padding: 10px;
    max-width: 138px;
    width: 100%;
}

.counter .minus,
.counter .plus {
    border: 1px solid transparent;
    border-radius: 8px;
    text-align: center;
    width: 28px;
    min-width: 28px;
    height: 28px;
    box-sizing: border-box;
    color: #759EED;
    background-color: rgba(117, 157, 237, 0.20);
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

.counter .minus::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 1px;
    background-color: #5E8EED;
    border-radius: 50px;
}

.counter .minus.disabled::before {
    background-color: #E3ECFB;
}

.counter .plus::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 1px;
    background-color: #5E8EED;
    border-radius: 50px;
}

.counter .plus::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 16px;
    background-color: #5E8EED;
    border-radius: 50px;
}


.counter .plus.disabled::before,
.counter .plus.disabled::after {
    background-color: #E3ECFB;
}

.counter .minus.disabled,
.counter .plus.disabled {
    border: 1px solid #E3ECFB;
    color: #E3ECFB;
    background-color: #FFFFFF;
}

.counter .plus,
.counter .plus.disabled {
    margin-right: 0;
}

.counter input {
    display: block;
    border: 1px solid #E3ECFB;
    border-radius: 8px;
    text-align: center;
    width: 42px;
    min-width: 42px;
    height: 28px;
    box-sizing: border-box;
    color: #000000;
    background-color: #FFFFFF;
    margin-right: 10px;
    padding: 3;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

/* new */

.counter {
    border-radius: 5px;
    background-color: #ffffff;
    display: flex;
    padding: 10px;
    max-width: 120px;
    width: 100%;
    border: 1px solid #E4E4E4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter .minus, .counter .plus {
    border: none;
    background: transparent;
    width: 24px;
    min-width: 24px;
    height: 24px;
    color: #A0A0A0;
}

.counter .minus.disabled, .counter .plus.disabled {
    border: none;
    color: #A0A0A0;
    background-color: transparent;
}

.counter .minus::before,
.counter .plus::before,
.counter .plus::after {
    background-color: #A0A0A0;
}

.counter input {

    font-size: 18px;
    line-height: 24px;
    text-align: center;
    font-weight: 500;
    border: none;


    width: 30px;
    min-width: 30px;
}

/* end new */

.products-price {
    border-radius: 8px;
    background-color: rgba(117, 157, 237, 0.20);
    color: #759EED;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    padding: 4px 8px;
    width: 100%;
    max-width: 87px;
    max-width: 105px;
    text-align: center;
    height: fit-content;
}

.products-delete {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(174, 181, 187, 0.10);
    border-radius: 4px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-left: 10px;
}

header .headerBlock .cartBlock .products-delete .icon.icon-delete,
.products-slider-icon .icon.icon-delete {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    transform: none;
    top: auto;
    background-image: url('/local/templates/teko2024/assets/images/catalog/delete.svg') !important;
}

@media(max-width: 1366px){
    .window-popup.products-basket {
        max-width: 650px;
    }

    .products-buttons {
        flex-wrap: wrap;
        margin: 0;
        /* width: 138px;*/
        max-width: 138px;
        justify-content: flex-end;
    }

    .products-item .products-counter {
        margin: 0;
        order: 3;
        padding: 0;
        margin-top: 5px;
    }

    .products-item .products-price {
        margin: 0;
        order: 1;
        margin-bottom: 5px;
    }

    .products-item .products-delete {
        margin: 0;
        order: 2;
        margin-left: 10px;
    }
}

@media(max-width: 768px){
    .window-popup.products-basket {
        width: 100vw;
        height: 100vh;
        max-width: none;
        z-index: 100000;
        border-radius: 0;
    }

    .window-popup .popup-title {
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .popup-bottom {
        flex-direction: column-reverse;
        margin-top: 20px;
        padding: 0;
    }

    .popup-bottom .popup-btn {
        width: 100%;
    }

    .popup-bottom .popup-btn .btn {
        margin: 0 0 10px 0;
    }

    .popup-total {
        padding-bottom: 20px;
    }

    .popup-bottom .popup-btn .btn:last-child {
        margin: 0;
    }

    .window-popup.products-basket .popup-content {
        height: 100%;
        max-height: inherit;
    }

    .window-popup.products-basket .popup-content .popup-inner {
        display: flex;
        flex-direction: column;
        height: 100%;
        max-height: 100vh;
    }

    .window-popup.products-basket .popup-box {
        max-height: none;
    }

    .window-popup.products-basket .popup-title,
    .window-popup.products-basket .popup-bottom {
        flex: 0 0 auto;
    }

    .products-item {
        position: relative;
        flex-wrap: wrap;
    }

    .products-item .products-info {
        width: calc(100% - 70px);
        padding-right: 40px;
    }

    .products-buttons {
        width: 100%;
        max-width: none;
        justify-content: space-between;
    }

    .products-item .products-delete {
        position: absolute;
        top: 10px;
        right: 0;
        margin: 0;
    }

    .products-item .products-price {
        max-width: none;
        width: fit-content;
    }

}

.window-popup.product {
    max-width: 900px;
}

.window-popup.product .popup-content {
    padding: 50px;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.window-popup.product .popup-close {
    top: 50px;
    right: 50px;
}

.window-popup.product .popup-content .icon-modal-close,
header .headerBlock .cartBlock .popup-content .icon-modal-close {
    width: 32px;
    height: 32px;
}

.window-popup.product .popup-title {
    padding-bottom: 26px;
    margin-bottom: 40px;
}

.popup-product-detail {
    display: grid;
    grid-template-columns: 172px 1fr 0.3fr;
    padding: 20px 0;
}

.basket-page-item .popup-product-detail {
    padding: 0;
}

.popup-product-detail-buttons {
    display: flex;
    align-items: center;
}

.popup-product-detail-buttons {

}

.basket-page .popup-product-detail-buttons .buttons-star:hover,
.basket-page .popup-product-detail-buttons .buttons-compare:hover {
    border: 1px solid var(--color-coral);
}

.basket-page .popup-product-detail-buttons .buttons-star:hover i {
    background-image: url(/local/templates/teko2024/assets/images/catalog/wish-red.svg);
}

.basket-page .popup-product-detail-buttons .buttons-compare:hover i {
    background-image: url(/local/templates/teko2024/assets/images/catalog/compare-red.svg);
}

.popup-product-img {
    /*width: 172px;
    height: 172px;*/
    border-radius: 10px;
    border: 1px solid #F1F1F1;
    overflow: hidden;
    grid-row: span 2;
    padding: 5px;
}

.popup-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-product-title {
    padding: 0 14px 0 20px;
}

.popup-product-name {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    padding-top: 5px;
}

.popup-product-articule {
    color: #A0A0A0;
    font-size: 14px;
    line-height: 22px;
}

.popup-product-price {
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    justify-content: flex-end;
}

.popup-product-price .popup-product-sale,
.popup-product-price .products-price,
.popup-product-price .products-old-price {
    display: inline-block;
}

.popup-product-sale {
    background-color: var(--color-coral);
    color: #ffffff;
    border-radius: 8px;
    margin-right: 5px;
    height: fit-content;
    line-height: 22px;
    margin-bottom: 5px;
    padding: 4px 8px;
}

.popup-product-price .products-price {
    /*line-height: 24px;
    padding: 5px 8px;*/
    margin-bottom: 5px;
}

.products-old-price {
    width: 100%;
    color: var(--color-coral);
    text-align: right;
    text-decoration: line-through;
}

.popup-product-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    grid-column: span 2;
    padding-left: 20px;
}

.popup-product-minimum {
    color: #759EED;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 5px;
}

.popup-product-counter {
    display: flex;
    justify-content: flex-end;
}

.popup-product-counters {
    padding-left: 14px;
    text-align: right;
}

.popup-product-count {
    color: #A0A0A0;
    padding-bottom: 5px;
}

.popup-product-btn .popup-btn .btn {
    padding: 8px 16px;
    margin-right: 10px;
    border-radius: 5px !important;
}

.popup-product-btn .popup-btn .btn:last-child {
    margin-right: 0px;
}

.window-popup.product .products-slider {
    margin-right: -40px;
}

.products-slider-item {
    width: 250px;
    border-radius: 20px;
    border: 1px solid rgba(174, 181, 187, 0.20);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #ffffff;
}

.products-slider-item .icons_block {
    position: absolute;
    right: -5px;
    top: 5px;
}

.products-slider-item .icons_block .icon_element {
    width: 100px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 400;
    display: block;
    margin-top: 7px;
    line-height: normal;
    text-shadow: 1px 1px 1px #555151;
}

.products-slider-item .icons_block a.icon_element:hover {
    opacity: 0.8;
}

.products-slider-images {
    width: 100%;
    height: 200px;
    padding: 10px 10px 0;
    min-height: 200px;
}

.products-slider-images img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 20px;
}


.products-slider-bottom {
    padding: 10px 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.products-slider-articule {
    color: #A0A0A0;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 5px;
}

.products-slider-prices {
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: right;
}

.products-slider-price {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}

.products-slider-oldprice {
    color: var(--color-coral);
    font-style: 14px;
    line-height: 22px;
    margin-left: 10px;
    text-decoration: line-through;
}

.products-slider-name {
    padding-bottom: 5px;
}

.products-slider-name span {
    font-weight: 600;
    display: block;
    font-size: 1.1em;
}

.products-slider-amount {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 5px;
}

.products-slider-amount.green {
    color: var(--color-green);
}

.products-slider-amount.red {
    color: var(--color-coral);
}

.products-slider-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.buttons-star,
.buttons-compare {
    width: 34px;
    height: 34px;
    background-color: #F8FAFE;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.icon.icon-star {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/slider-star.svg');
    width: 22px;
    height: 22px;
    transition: 0.3s;
}

.icon.icon-compare {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/slider-compare.svg');
    height: 21px;
    width: 16px;
    transition: 0.3s;
}

/* new */

.buttons-star, .buttons-compare {
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    background-color: transparent;
    transition: 0.3s;
    padding: 0;
    outline: none;
}

.buttons-star:hover, .buttons-compare:hover,
.buttons-star, .buttons-compare {
    border-color: var(--color-coral);
    outline: none;
}

.buttons-star.btn-noactive {
    border: 1px solid #E4E4E4;
}

.icon.icon-star {
    background-image: url('/local/templates/teko2024/assets/images/catalog/wish-black.png');
    width: 18px;
    height: 18px;
    transition: 0.3s;
}

.icon.icon-compare {
    background-image: url('/local/templates/teko2024/assets/images/catalog/compare-black.svg');
    height: 20px;
    width: 20px;
    transition: 0.3s;
}

.buttons-compare:hover i {
    background-image: url('/local/templates/teko2024/assets/images/catalog/compare-red.svg');
}

.buttons-star i {
    background-image: url('/local/templates/teko2024/assets/images/catalog/wish-red.svg') !important;
}

.buttons-star.btn-noactive i {
    background-image: url('/local/templates/teko2024/assets/images/catalog/wish-black.png') !important;
}

.buttons-compare.active i {
    background-image: url('/local/templates/teko2024/assets/images/catalog/compare-red.svg');
}
.buttons-star:hover i {
    background-image: url('/local/templates/teko2024/assets/images/catalog/wish-red.svg') !important;
}

/* end new */

.products-slider-icons {
    padding-right: 10px;
    display: flex;
}

.products-slider-icon {
    margin-right: 10px;
    margin-left: 0;
}

.products-slider-icon:last-child {
    margin-right: 0px;
    margin-left: 0;
}

.window-popup.product .products-slider {
    padding-top: 40px;
}

.products-slider {
    padding-top: 50px;
}

.products-slider-title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.products-slider-buttons .btn {
    padding: 6px 12px;
    text-wrap: nowrap;
}

.products-slider-box .owl-nav {
    padding-top: 20px;
    padding-right: 0;
}

.products-slider-box .owl-dots {
    padding-top: 20px;
    padding-left: 0;
    display: flex;
    align-items: center;
}

.products-slider-box.owl-carousel .owl-stage-outer {
    margin-bottom: 0;
}

.products-slider-warning {
    font-weight: 600;
}

.products-slider-box .owl-stage {
    height: 100%;
}

.products-slider-box.owl-carousel .owl-item {
    height: 100%;
    display: flex;
}

.slider_novelty {
    height: 100%;
}

.slider_novelty .products-slider-icon {
    margin-right: 5px;
}

.slider_novelty .products-slider-icons {
    padding-right: 5px;
}
.slider_novelty .products-slider-button-container .btn-red {
    font-size: 14px;
    padding: 6px 7px;
}

.slider_novelty .products-slider-name span {
    font-weight: 600;
    display: block;
    font-size: 1.1em;
}
.slider_novelty .products-slider-desc {
    margin-top: 10px;
    font-size: 0.85em;
}
.slider_novelty .products-slider-desc p {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 5px;
}



.popup-scroll {

}

.window-popup.product .produt-plitka-item {
    width: 330px;
}

.window-popup.product .products-slider-box {
    position: relative;
}

.window-popup.product button.owl-next {
    position: absolute;
    top: 85px !important;
    right: 5px !important;
    background-color: #ffffff  !important;
}

.window-popup.product button.owl-prev {
    position: absolute;
    top: 85px !important;
    left: -23px !important;
    background-color: #ffffff  !important;
}



/*@media(max-width: 1366px){*/
.window-popup.product {
    max-width: 750px;
}

.popup-product-bottom {
    grid-column: span 3;
    padding-left: 0;
    margin-top: 10px;
}

.popup-product-img {
    width: 68px;
    height: 68px;
}

.popup-product-detail {
    grid-template-columns: 68px 1fr 0.4fr;
}

.popup-product-title {
    display: flex;
    flex-direction: column-reverse;
}

.popup-product-name {
    padding-top: 0;
    padding-bottom: 10px;
}

.popup-product-minimum {
    padding-bottom: 10px;
}

.window-popup.product .popup-content {
    padding: 40px;
}

.window-popup.product .popup-close {
    top: 40px;
    right: 40px;
}
/*}*/

@media(max-width: 991px){
    .window-popup.product button.owl-next {
        display: none;
    }

    .window-popup.product button.owl-prev {
        display: none;
    }
}

@media(max-width: 768px){
    .window-popup.product {
        max-width: none;
        width: 100vw;
        height: 100vh;
        border-radius: 0px;
    }

    .window-popup.product .popup-content {
        padding: 20px;
    }

    .window-popup.product .popup-close {
        top: 20px;
        right: 20px;
    }

    .window-popup.product .popup-content .icon-modal-close ,
    header .headerBlock .cartBlock .popup-content .icon-modal-close {
        width: 32px;
        height: 32px;
    }

    .window-popup.product .popup-title {
        padding-right: 42px;
        padding-bottom: 20px;
    }

    .popup-product-detail {
        padding: 0;
        grid-template-columns: 80px 1fr;
    }

    .popup-product-img {
        width: 80px;
        height: 80px;
        grid-row: 1;
    }

    .popup-product-price {
        grid-column: span 2;
        align-items: center;
        padding-top: 20px;
    }

    .popup-product-title {
        align-items: flex-start;
        justify-content: flex-end;
        padding: 0 0 0 20px;
    }

    .products-old-price {
        width: fit-content;
        order: 1;
        margin-right: 10px;
    }

    .popup-product-sale {
        order: 2;
    }

    .popup-product-price .products-price {
        order: 3;
    }

    .popup-product-bottom {
        grid-column: span 2;
        flex-direction: column-reverse;
        width: 100%;
        align-items: center;
        margin-top: 20px;
    }

    .popup-product-counters {
        display: flex;
        align-items: center;
    }

    .popup-product-count {
        padding-right: 10px;
    }

    .popup-product-btn .popup-btn .btn {
        margin-right: 0;
    }

    .popup-product-name {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        word-wrap: break-word;
    }

    .popup-product-minimum {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .catalog-detail-right .popup-product-minimum {
        padding-top: 0;
        padding-bottom: 10px;
    }
}

@media(max-width: 480px){
    .popup-product-btn {
        width: 100%;
        text-align: center;
    }
}

.basket-page {
    padding-bottom: 50px;
}

.basket-page-box {
    display: flex;
    justify-content: space-between;
}

.basket-page-wrapper {
    width: calc(58% - 10px);
}

.basket-page-sidebar {
    width: calc(42% - 10px);
    height: fit-content;
}

.basket-page-item {
    border-radius: 20px;
    background-color: #ffffff;
    padding: 20px;
    display: flex;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.basket-page-item:last-child {
    margin-bottom: 0px;
}

.basket-page-check {
    color: #000;
    display: block;
    text-wrap: nowrap;
}

.basket-page-check-custom {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.basket-page-check-custom + label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}
.basket-page-check-custom + label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid var(--color-coral);
    border-radius: 5px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.basket-page-check-custom:checked + label::before {
    background-color: var(--color-coral);
    background-image: url("/local/templates/teko2024/assets/images/catalog/check-basket.svg");
}

.basket-page-delete {
    width: 100%;
    text-align: right;
    color: #A0A0A0;
    font-size: 14px;
    line-height: 22px;
}

.basket-page-sidebar {
    border-radius: 20px;
    background-color: #ffffff;
    padding: 37px 40px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);

}

.basket-page-sidebar-top {
    padding-bottom: 20px;
    border-bottom: 1px solid #5E8EED;
}

.basket-page-sidebar-left,
.basket-page-sidebar-right {
    width: fit-content;
}

.basket-page-sidebar-right {
    text-align: right;
}

.basket-page-sidebar-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-right: 10px;
}

.basket-page-sidebar-item {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.basket-page-sidebar-item:last-child {
    margin-bottom: 0px;
}

.basket-page-sidebar-right.gray,
.basket-page-sidebar-left.gray {
    color: #A0A0A0;
}

.basket-page-sidebar-right.green ,
.basket-page-sidebar-left.green{
    color: var(--color-green);
}

.basket-page-sidebar-right.red,
.basket-page-sidebar-left.red  {
    color: var(--color-coral);
}

.basket-page-sidebar-right.blue,
.basket-page-sidebar-left.blue  {
    color: var(--color-blue);
}

.basket-page-sidebar-item a {
    color: inherit;
}

.basket-page-sidebar-sale,
.basket-page-sidebar-price {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}

.basket-page-sidebar-subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin-right: 10px;
}

.basket-page-sidebar-bottom {
    padding-top: 20px;
}

.basket-page-sidebar-bottom .basket-page-sidebar-price {
    font-size: 24px;
    line-height: 32px;
    text-wrap: nowrap;
}

.icon.icon-kp {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-kp.svg');
    margin-right: 15px;
}

/* new */

.icon.icon-kp {
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-kp-red.svg');
}

/* end new */

.icon.icon-file {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 20px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-file.svg');
    margin-left: 15px;
}

.icon.icon-i {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-color: #F8FAFE;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-i.svg') !important;
    background-size: 4px;
    margin-left: 15px;
}

.icon.icon-i-delete {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-color: #F8FAFE;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-i-delete.svg');
    background-size: 6px;
    margin-left: 15px;
}

.icon.icon-edit {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 17px;
    height: 20px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-edit.svg');
    margin-left: 15px;
}

.icon.icon-people {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-people.svg');
}


.icon.icon-plus {
    width: 24px;
    height: 24px;
    position: relative;
    display: block;
}

.icon.icon-plus::after {
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    background-color: #759EED;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon.icon-plus::before {
    content: '';
    display: block;
    width: 2px;
    height: 16px;
    background-color: #759EED;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.basket-page-sidebar-bottom .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: nowrap;
    padding: 14px;
    text-align: center;
    width: 100%;
}

.basket-page-sidebar-btn .basket-page-sidebar-left,
.basket-page-sidebar-btn .basket-page-sidebar-right {
    width: calc(50% - 15px);
}

/* new */

.basket-page-sidebar-btn {
    flex-direction: column;
}

.basket-page-sidebar-btn .basket-page-sidebar-left, .basket-page-sidebar-btn .basket-page-sidebar-right {
    width: 100%;
}

.basket-page-sidebar-btn .basket-page-sidebar-left {
    margin-bottom: 10px;
}

.basket-page-sidebar-btn .basket-page-sidebar-left .btn {
    background-color: var(--color-coral);
}

.basket-page-sidebar-btn .basket-page-sidebar-right .btn.btn-noactive {
    outline: #E4E4E4 solid 1px;
    color: #000000 !important;
}


@media(max-width: 1366px){
    .basket-page-sidebar-btn .basket-page-sidebar-left, .basket-page-sidebar-btn .basket-page-sidebar-right {
        width: calc(50% - 15px);
    }

    .basket-page-sidebar-btn {
        flex-direction: row;
    }
}

/* end new */

.basket-page-sidebar-info {
    padding-top: 10px;
}

.basket-page-item .popup-product-detail {
    grid-template-columns: 172px calc(100% - 337px) 165px;
    width: 100%;
}

.basket-page-item .popup-product-detail .popup-product-img {
    height: 160px;
}

.basket-page-item .popup-product-title {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-end;
}

.basket-page-item .popup-product-name {
    padding-top: 0px;
    padding-bottom: 5px;
    word-break: break-word;
}

@media (max-width: 1366px) {
    .basket-page-item .popup-product-detail {
        grid-template-columns: 120px calc(100% - 285px) 165px;
    }
    .basket-page-item .popup-product-detail .popup-product-img {
        height: 120px;
    }
    .popup-product-detail .popup-product-bottom {
        padding-left: 20px;
    }

}

@media (max-width: 1240px) {
    .basket-page-sidebar {
        width: calc(35% - 10px);
    }

    .basket-page-wrapper {
        width: calc(65% - 10px);
    }

    .basket-page-sidebar-item.basket-page-sidebar-btn {
        flex-wrap: wrap;
    }

    .basket-page-sidebar-btn .basket-page-sidebar-left,
    .basket-page-sidebar-btn .basket-page-sidebar-right {
        width: 100%;
    }

    .basket-page-sidebar-btn .basket-page-sidebar-left {
        margin-bottom: 10px;
    }
}

@media (max-width: 1160px) {

    .basket-page-sidebar {
        width: 100%;
        margin-top: 20px;
    }

    .basket-page-wrapper {
        width: 100%;
    }

    .basket-page-sidebar-item.basket-page-sidebar-btn {
        flex-wrap: wrap;
    }

    .basket-page-sidebar-btn .basket-page-sidebar-left,
    .basket-page-sidebar-btn .basket-page-sidebar-right {
        width: 100%;
    }

    .basket-page-sidebar-btn .basket-page-sidebar-left {
        margin-bottom: 10px;
    }

    .basket-page-item {
        width: 100%;
    }

    .basket-page-item .popup-product-detail {
        width: 100%;
    }

    .basket-page-box {
        flex-direction: column;
    }
}

@media(max-width: 768px){
    .basket-page-item.basket-page-item-top {
        padding: 0;
        background-color: transparent;
        box-shadow: none;
        display: flex;
        flex-direction: row;
    }

    .basket-page-item {
        display: flex;
        flex-direction: column;
    }

    .basket-page-check-custom + label {
        margin-bottom: 10px;
    }

    .basket-page-item .popup-product-detail {
        grid-template-columns: 80px 1fr;
    }


    .basket-page-item .popup-product-detail .popup-product-img {
        height: 80px;
    }
    .popup-product-detail .popup-product-bottom {
        padding-left: 0px;
    }

    .basket-page-item .products-old-price {
        display: none;
    }

    .basket-page-item .popup-product-price {
        justify-content: flex-start;
        width: 50%;
    }

    .basket-page-item .popup-product-bottom {
        margin: 0;
        align-items: flex-end;
        margin-top: -46px;
    }

    .basket-page-item .popup-product-counters {
        flex-direction: column-reverse;
    }

    .basket-page-item .popup-product-detail-buttons {
        justify-content: flex-end;
    }

    .basket-page-item .popup-product-btn {
        width: 100%;
        text-align: right;
    }

    .basket-page-item .popup-product-count {
        padding: 5px 0 0;
    }

    .basket-page-item .popup-product-minimum {
        padding: 10px 0;
    }

    .basket-page-sidebar {
        padding: 20px;
        margin: 20px 0;
    }
}

@media (max-width: 576px) {

    .basket-page-wrapper {
        padding: 0 15px;
    }

    .basket-page-box {
        margin-right: -15px;
        margin-left: -15px;
    }

    .basket-page-sidebar {
        border-radius: 0;
    }
}

.order-top {
    padding: 50px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.order-top::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    transform: translate(0px, -50%);
    height: 2px;
    width: 100%;
    background-color: #303030;
    z-index: -1;
}

.order-top-item {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    padding: 0 40px;
    display: flex;
    text-wrap: nowrap;
    align-items: center;
    width: fit-content;
    background-color: #ffffff;
}

.order-top-item .icon.icon-check {
    min-height: 32px;
    width: 32px;
    height: 32px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/local/templates/teko2024/assets/images/catalog/order-check.svg');
    border-radius: 100px;
    background-size: 16px;
    background-color: #759EED;
    margin-right: 20px;
}

.order-top-item.disabled .icon.icon-check {
    background-color: rgba(117, 157, 237, 0.20);
}

.order-custom .order-form {
    background-color: #F8FAFE;
    padding: 50px 0px;
    margin-right: calc(-50vw + 50%);
    margin-left: calc(-50vw + 50%);
}

.order-custom .order-form-box {
    max-width: 1440px;
    width: 100%;
    padding: 0 40px;
    margin: 0px auto;
}

.order-custom .order-form-box .bx-soa-section {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 20px;
}

.order-custom .order-form-box .bx-soa-section:last-child {
    margin-bottom: 0;
}

.order-custom .order-form-box .bx-soa-section {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 40px;
}

.order-custom .bx-soa-section-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.order-custom .bx-soa-section-content {
    display: none;
    padding-top: 20px;
}

.order-custom .bx-soa-editstep {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background-color: var(--color-coral);

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/local/templates/teko2024/assets/images/catalog/arrow-white.svg');
    background-size: 14px;
    transition: 0.3s;
}

.order-custom .bx-soa-section.bx-active .bx-soa-editstep {
    rotate: -180deg;
}

.order-custom .bx-soa-section.bx-active .bx-soa-section-content {
    display: block;
}

.order-custom .bx-soa-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(117, 157, 237, 0.20);
    /*margin-bottom: 20px;*/
}


.order-custom .bx-soa-item-img {
    width: 100px;
    height: 100px;
    min-width: 100px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #F1F1F1;
}

.order-custom .bx-soa-item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.order-custom .bx-soa-item-name {
    padding-left: 20px;
    color: #000000;
    flex-grow: 1;
    padding-right: 20px;
}

.order-custom .popup-product-price {
    align-items: center;
}

.order-custom .popup-product-price .products-old-price,
.order-custom .popup-product-price .popup-product-sale,
.order-custom .popup-product-price .products-price {
    width: fit-content;
    margin: 0 0 0 10px;
}

.order-custom .bx-soa-item-counter {
    margin-left: 20px;
}

.order-custom .bx-soa-totalcart {
    text-align: right;
    margin-bottom: 20px;
}

.bx-soa-totalcart-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

.bx-soa-totalcart-text span {
    font-weight: 600;
}

.bx-soa-totalcart-nds {
    color: #303030;
}

.bx-soa-more-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bx-soa-more-btn .btn,
.bx-soa-more-btn .btn-red {
    display: block;
    height: 54px;
}

.bx-soa-more-btn .btn.pull-left {
    margin-right: 20px;
}

#bx-soa-properties .bx-soa-more-btn .btn.pull-left {
   /* margin-right: 0px;*/
}

.bx-soa-customer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 10px;
    max-width: 749px;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.bx-delivery-nav {
    display: flex;
}

.bx-delivery-nav .bx-delivery-nav-name {
    background-color: #F8FAFE;
    border-radius: 10px;
    padding: 10px;
    color: #303030;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-right: 10px;
    cursor: pointer;
}

.bx-delivery-nav .bx-delivery-nav-name.active {
    background-color: #759EED;
    color: #ffffff;
}


/* new */

.bx-delivery-nav .bx-delivery-nav-name {
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid transparent;
}

.bx-delivery-nav .bx-delivery-nav-name.active {
    background-color: transparent;
    color: var(--color-coral);
    border-bottom: 1px solid var(--color-coral);
}

/* end new */

.bx-delivery-tabs .bx-delivery-tab {
    display: none;
}

.bx-delivery-tabs .bx-delivery-tab.active {
    display: block;
}

.bx-delivery-tabs {
    padding-top: 20px;
    padding-bottom: 20px;
}

.order-custom .custom-input-wrap .input-radio + label::before {
    border: 2px solid #A0A0A0;
    width: 18px;
    height: 18px;
    background-color: transparent;
}

.order-custom .custom-input-wrap .input-radio:checked+label::before {
    border-color: #759EED;
    border-width: 5px;
}

.bx-delivery-tab-title {
    margin-bottom: 10px;
}

.bx-delivery-company {
    display: flex;
    justify-content: space-between
}

.bx-delivery-company .bx-delivery-company-item {
    width: calc(50% - 20px);
    border-radius: 20px;
    border: 1px solid rgba(174, 181, 187, 0.20);
    padding: 20px;
}

.bx-delivery-company-address {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 10px;
    width: 100%;
    padding-top: 20px;
}

.bx-delivery-company-address .custom-input-wrap.wrap-long {
    margin-bottom: 0px;
}

.order-custom .custom-input-title {
    color: #303030;
}

.bx-soa-payment {
    padding: 20px 0;
}

.bx-soa-section.bx-disabled * {
    color: #A0A0A0 !important;
}

.order-custom .order-form-box .bx-soa-section.bx-disabled,
.custom-input-wrap .custom-input input,
.custom-input-wrap .custom-input textarea {
    background-color: rgba(248, 250, 254, 0.20);
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    font-weight: normal;
}

.bx-soa-section.bx-disabled .bx-soa-more-btn .btn,
.bx-soa-section.bx-disabled .bx-delivery-nav .bx-delivery-nav-name.active,
.bx-soa-section.bx-disabled .bx-delivery-nav .bx-delivery-nav-name,
.bx-soa-section.bx-disabled .popup-product-sale,
.bx-soa-section.bx-disabled .counter .minus,
.bx-soa-section.bx-disabled .counter .plus,
.bx-soa-section.bx-disabled .icon.icon-file,
.bx-soa-section.bx-disabled .icon.icon-i {
    background-color: rgba(117, 157, 237, 0.20);
}

.bx-soa-section.bx-disabled .icon.icon-file,
.bx-soa-section.bx-disabled .icon.icon-i {
    opacity: 50%;
}

.order-custom .bx-soa-section.bx-disabled .bx-soa-editstep{
    background-color: #A0A0A0;
}

.order-bottom {
    padding-top: 100px;
}

.order-custom .order-bottom .bx-soa-section-content {
    display: block;
}

.order-custom .order-bottom .bx-soa-items {
    display: flex;
    justify-content: space-between;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid rgba(174, 181, 187, 0.20);
    margin-bottom: 20px;
}

.order-custom .order-bottom .bx-soa-items .bx-soa-item-table {
    width: calc(60% - 40px);
}

.order-custom .order-bottom .bx-soa-items .bx-soa-item-table-info {
    width: calc(40% - 40px);
}

.order-custom .order-bottom .popup-product-price .products-old-price {
    width: 100%;
    color: #A0A0A0;
}

.bx-soa-item-amount {
    color: #A0A0A0;
    text-wrap: nowrap;
}

.order-custom .order-bottom .bx-soa-item-sale {
    flex: 3 0 0;
}
.order-custom .order-bottom .bx-soa-section-content {
    padding-top: 40px;
}

.bx-soa-field {
    display: flex;
    padding-bottom: 20px;
}

.bx-soa-field-box {
    display: flex;
    flex-grow: 1;
}

.bx-soa-field-name {
    color: #A0A0A0;
}

.bx-soa-field-text {
    color: #000000;
    padding: 0 10px;
}

.bx-soa-field-text span {
    font-weight: 500;
}

.bx-soa-field-img {
    max-width: 24px;
    width: 100%;
}

.bx-soa-field-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.order-custom .order-bottom .popup-product-price .products-old-price,
.order-custom .order-bottom .popup-product-price .popup-product-sale,
.order-custom .order-bottom .popup-product-price .products-price {
    margin-bottom: 10px;
}

.order-top-item.order-top-item-step {
    display: none;
    color: #A0A0A0;
    font-style: 16px;
    line-height: 24px;
    padding: 0 0 10px 0;
    font-weight: 400;
}

@media(max-width: 1366px){
    .order-custom .order-bottom .bx-soa-item-name {
        flex-grow: unset;
    }

    .order-custom .order-bottom .popup-product-price .products-price {
        text-wrap: nowrap;
    }

    .order-top-item {
        padding: 0 20px;
    }
}

@media(max-width: 991px){
    .order-top .order-top-item.disabled {
        display: none;
    }

    .order-top::after {
        content: none;
    }

    .order-top {
        flex-direction: column;
        padding: 0px 0 33px 0;
        align-items: flex-start;
    }

    .order-top-item {
        padding: 0;
    }

    .order-top-item.order-top-item-step {
        display: block;
    }

    .order-custom .bx-soa-editstep {
        background-color: #759EED;
    }

    .order-custom .popup-product-price .products-old-price, .order-custom .popup-product-price .popup-product-sale, .order-custom .popup-product-price .products-price {
        margin: 0 0 10px 10px;
    }

    .bx-delivery-company {
        flex-direction: column;
    }

    .bx-delivery-company .bx-delivery-company-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .bx-delivery-company .bx-delivery-company-item:last-child {
        margin-bottom: 0;
    }

    .order-custom .order-bottom .bx-soa-items {
        flex-direction: column-reverse;
    }

    .order-custom .order-bottom .bx-soa-items .bx-soa-item-table-info,
    .order-custom .order-bottom .bx-soa-items .bx-soa-item-table {
        width: 100%;
    }

    .order-custom .order-bottom .bx-soa-item:first-child {
        border-top: 1px solid rgba(117, 157, 237, 0.20);
    }

    .order-custom .order-bottom .bx-soa-item:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .order-custom .order-bottom .bx-soa-item {
        margin-bottom: 0;
    }

    .order-custom .order-form-box .bx-soa-section {
        border-radius: 10px;
    }
}

@media(max-width: 768px){

    .order-custom .order-form-box .bx-soa-section {
        padding: 20px;
    }
    .order-custom .bx-soa-item {
        flex-wrap: wrap;
    }

    .bx-soa-item-img {
        width: 60px;
        height: 60px;
    }

    .order-custom .bx-soa-item-name {
        padding-right: 0;
        padding-left: 20px;
        width: calc(100% - 80px);
    }

    .bx-soa-item-table .bx-soa-item-sale {
        width: 100%;
    }

    .order-custom .bx-soa-item-counter {
        width: 100%;
        margin: 0;
        display: flex;
        justify-content: flex-end;
    }

    .order-custom .bx-soa-section-title-container {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    .bx-soa-customer {
        grid-template-columns: 1fr;
    }

    .bx-soa-customer .custom-input-wrap.wrap-long {
        grid-column: 1;
    }

    .bx-delivery-nav {
        flex-wrap: wrap;
    }
    .bx-delivery-nav .bx-delivery-nav-name {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }

    .order-custom .order-form {
        padding: 20px 0;
    }

    .order-bottom {
        padding-top: 20px;
    }

    .order-custom .order-bottom .bx-soa-items {
        padding: 20px;
    }

    .bx-soa-field {
        padding-bottom: 10px;
    }

    .order-custom .order-bottom .popup-product-price .products-old-price {
        width: auto;
    }

    .order-custom .order-bottom .popup-product-price {
        width: auto;
    }
}


@media(max-width: 576px){
    .order-custom .order-form-box {
        padding: 0 15px;
    }
}

.area-products {
    position: relative;
    color: #ffffff;
    margin-top: 40px;
    height: 530px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.area-products::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(2, 0, 28, 0.65);
}

.area-products-box {
    padding: 40px 0 52px;
    display: flex;
    position: relative;
    z-index: 1;
}

.area-products-title {
    color: #ffffff;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
}

.area-products-left {
    width: calc(35% - 50px);
    margin-right: 50px;
}

.area-products-right {
    width: 65%;
}

.area-menu-li {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}
a.area-menu-li {
    color: #ffffff;
}

.area-menu-li::before {
    content: '';
    width: 12px;
    height: 10px;
    display: block;
    background-image: url('/local/templates/teko2024/assets/images/content/icons/area-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px, -50%);
}

.area-products-right .swiper-slide {
    width: 120px;
    transition: 0.3s;
    cursor: pointer;
    position: unset;
}

.area-products-right .swiper-slide.select {
    width: 230px;
}

.area-products-item {
    width: 100%;
    height: 450px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #f0f2ff;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.area-item-title {
    color: #000000;
    font-size: 16px;
    line-height: auto;
    /* display: none; */
    padding: 0 28px 50px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    /*width: 0;*/
    transition: 0.5s;
    opacity: 0;
    width: 230px;
}

.area-products-right .swiper-slide.select .area-item-title {
    /*display: block;
    width: 100%;*/
    opacity: 1;
}

.area-products-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 70px;
    right: 0;
    z-index: 1;
}

.area-products-bg img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.swiper-button-next.swiper-area-next,
.swiper-button-prev.swiper-area-prev {
    border: 1px solid #DD5A67;
    background-color: #FFFFFF;
    width: 38px;
    height: 38px;
    border-radius: 100px;
}

.swiper-button-next.swiper-area-next::after {
    background-image: url(/local/templates/teko2024/assets/images/content/icons/area-right.svg);
    width: 17px;
    height: 15px;
    display: block;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
}

.swiper-button-prev.swiper-area-prev::after {
    background-image: url(/local/templates/teko2024/assets/images/content/icons/area-right.svg);
    width: 17px;
    height: 15px;
    display: block;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    rotate: 180deg;
}

.area-products-child {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10000;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.area-products.open-child .area-products-child {
    opacity: 1;
    z-index: 10;
}


.area-products-parent {
    position: relative;
    opacity: 1;
    z-index: 10;
    transition: 0.3s ease-in-out;
}

.area-products.open-child .area-products-parent {
    z-index: -10000;
    opacity: 0;
}

.area-products-child .area-products-item {
    max-width: 230px;
    min-width: 230px;
    width: 230px;
    margin-right: 40px;
}

.area-products-child .area-products-right {
    display: flex;
}

.area-products-child .area-item-title {
    display: block;
}

.area-products-child .area-products-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 5px;
}

.area-products-child .area-products-subtitle {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-top: 5px;
}

.area-products-child .area-products-text {
    margin-top: 20px;
    font-weight: 500;
}

.area-products-child .area-menu-li::before {
    top: 2px;
    transform: translate(0px, -50%);
    rotate: 180deg;
}

.area-submenu {
    padding-left: 30px;
    margin-top: 20px;
    overflow: auto;
}
.area-after-submenu {
    padding: 20px 0 0 30px;
    font-weight: 500;
    line-height: 1em;
}
.area-after-submenu a {
    color: #ffffff;
    text-decoration: underline;
}
.area-after-submenu a:hover {
    opacity: 0.8;
}

@media(min-width: 992px){
    .area-submenu,
    .area-products-description {
        max-height: 400px;
        overflow: auto;
    }

    .area-submenu::-webkit-scrollbar,
    .area-products-description::-webkit-scrollbar {
        width: 3px;
        border-radius: 5px;
    }
    .area-submenu::-webkit-scrollbar-track,
    .area-products-description::-webkit-scrollbar-track {
        background: #a0a0a0;
        border-radius: 5px;
    }
    .area-submenu::-webkit-scrollbar-thumb,
    .area-products-description::-webkit-scrollbar-thumb{
        background-color: #000000;
        border-radius: 5px;
    }
}

.area-submenu .area-submenu-li {
    display: block;
    width: fit-content;
    margin-bottom: 10px;
    color: inherit;
    font-weight: 500;
}

.area-after-submenu .area-submenu-li {
    display: block;
    width: fit-content;
    margin-bottom: 10px;
    color: inherit;
    font-weight: 500;
    line-height: 1.4;
}

.area-submenu .area-submenu-li:last-child {
    margin-bottom: 0;
}

.swiper-area-menu {
    height: 400px;
}

.swiper-area-menu .swiper-slide {
    height: fit-content;
}

@media(max-width: 1212px){
    .swiper-area-menu {
        height: 345px;
    }
}

@media(max-width: 991px){
    .area-products-right {
        width: 100%;
        max-width: none;
    }

    .area-products-left {
        width: auto;
    }

    .area-products-box {
        justify-content: space-between;
    }

    .area-products-parent .area-products-right {
        display: none;
    }

    .area-products {
        height: auto;
    }

    .area-products-box {
        flex-direction: column;
    }

    .area-products.open-child .area-products-parent {
        display: none;
    }

    .area-products-child {
        position: relative;
        display: none;
    }

    .area-products.open-child .area-products-child {
        display: block;
        padding-bottom: 48px;
    }

    .area-products-child .area-products-item {
        display: none;
    }

    .area-products-description {
        padding-top: 20px;
        border-top: 1px solid #A0A0A0;
        margin-top: 20px;
    }

    .area-products-child .area-products-title {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    .area-products-child .area-products-subtitle {
        margin-bottom: 10px;
        font-weight: normal;
        font-size: 18px;
        line-height: 22px;
    }

    .area-products-child .area-menu-li {
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
    }

    .area-products-box {
        padding: 40px 0;
    }
}

@media(max-width: 768px){
    .area-products-right {
        display: none;
    }

    .area-products-left {
        width: 100%;
    }

    .area-products-title {
        font-size: 36px;
        line-height: 35px;
        margin-bottom: 36px;
    }

    .area-products-box {
        padding: 40px 25px 40px;
    }
}

.icon.icon-warning {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/content/icons/icon-warning.svg');
}

.icon.icon-order-open {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-color: #ffffff;
    border-radius: 100px;
    background-image: url('/local/templates/teko2024/assets/images/content/icons/icon-order-open.svg');
    background-size: 50%;
    transition: 0.3s;
}

.order-item.open .icon.icon-order-open {
    rotate: -180deg;
}

.icon.icon-order-place {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: relative;
    background-color: #ffffff;
    border-radius: 100px;
    background-image: url('/local/templates/teko2024/assets/images/content/icons/icon-order-place.svg');
    background-size: 50%;
    margin-right: 11px;
}

.icon.icon-order-people {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: relative;
    background-color: #ffffff;
    border-radius: 100px;
    background-image: url('/local/templates/teko2024/assets/images/content/icons/icon-order-people.svg');
    background-size: 50%;
    margin-right: 11px;
}

.icon.icon-order-copy {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/content/icons/icon-order-copy.svg');
    margin-right: 10px;
}
.icon.icon-order-pay {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/content/icons/icon-order-pay.svg');
    margin-right: 10px;
}

.icon.icon-order-no-pay {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/content/icons/icon-order-no-pay.svg');
    margin-right: 10px;
}

.order-item {
    padding: 20px;
    background-color: #F8FAFE;
    color: #000000;
    margin-bottom: 10px;
    border-radius: 10px;
}

.order-item .order-title {
    display: flex;
    flex-wrap: wrap;
}

.order-warning {
    width: 100%;
    color: var(--color-coral);
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}

.order-date {
    width: calc(100% - 140px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -10px;
}

.order-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    padding-right: 20px;
    margin-bottom: 10px;
}

.order-copy {
    color: #759EED;
    padding-right: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.order-status {
    border-radius: 8px;
    padding: 5px 10px;
    color: #FFFFFF;
    background-color: #759EED;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.order-status.delete {
    background-color: #F5430B;
}

.order-status .icon.icon-i,
.order-status .icon.icon-i-delete {
    margin-right: 10px;
    margin-left: 0;
}

.order-status:hover .popup-status {
    opacity: 1;
    z-index: 1000;
}

.order-archive .order-status:hover .popup-status {
    opacity: 0;
    z-index: -1000;
}

.popup-status {
    position: absolute;
    top: 125%;
    left: 0;
    background-color: #ffffff;
    padding: 20px;
    min-width: 247px;
    width: fit-content;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    color: var(--default-color-font);
    opacity: 0;
    z-index: -1000;
    transition: 0.3s;
}

.popup-status-item {
    padding-left: 32px;
    padding-bottom: 30px;
    position: relative;
}

.popup-status-item:last-child {
    padding-bottom: 0px;
}

.popup-status-item::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #E3ECFB;
    left: 0;
    top: 3px;
    /* transform: translate(0px, -50%); */
    position: absolute;
}

.popup-status-item::after {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    border-radius: 100%;
    background-color: #E3ECFB;
    left: 7px;
    top: 19px;
    position: absolute;
}

.popup-status-item.active::before,
.popup-status-item.active::after {
    background-color: #759EED;
}

.popup-status-item.active.select:after {
    background-color: #E3ECFB;
}

.popup-status-item.active:first-child:after {
    background-color: #759EED;
}

.popup-status-item:last-child:after {
    content: none;
}

.popup-status-item.select {
    color: #759EED;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
}

.order-open {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #759EED;
    width: 140px;
    text-align: right;
    cursor: pointer;
}

.order-open i {
    margin-left: 8px;
}

.order-payment {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    flex-wrap: wrap;
}

.order-payment-status {
    display: flex;
    align-items: flex-start;
    width: auto;
}

.order-payment-pay {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 8px;
    color: var(--color-green);
    background-color: rgba(82, 195, 93, 0.10);
    margin-right: 20px;
    min-height: 36px;
}

.order-payment-pay.no-pay {
    color: var(--color-coral);
    background-color: rgba(245, 66, 11, 0.10);
}

.order-payment-select {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background-color: #ffffff;
    border-radius: 8px;
    min-height: 36px;
}

.order-delivery-select {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background-color: #ffffff;
    border-radius: 8px;
    min-height: 36px;
    margin-right: 20px;
    width: fit-content !important;
    margin-top: 10px;
}

.order-payment-select span,
.order-delivery-select span {
    font-weight: 500;
    padding-right: 10px;
}

.order-payment-img {
    height: 22px;
    width: auto;
    object-fit: contain;
    display: block;
    margin-left: 15px;
}

.order-payment-img img {
    height: 100%;
    width: auto;
    object-fit: contain;
    display: block;
}

.order-payment-price-box {
    text-align: right;
    width: auto;
}

.order-payment-price {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px;
}

.order-payment-old {
    color: var(--color-coral);
    text-decoration: line-through;
}

.order-delivery {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}

.order-delivery-img {
    height: 24px;
    width: 24px;
    margin-right: 10px;
}

.order-delivery-img img {
    object-fit: contain;
    display: block;
    width: 100%;
    height: 100%;
}


.order-delivery-btn-box {
    display: flex;
    align-items: center;
    width: 300px;
    min-width: 300px;
    justify-content: flex-end;
    margin-top: 10px;
}

.order-delivery-btn-box,
.order-payment-price-box {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

.order-payment-status {
    width:  calc(100% - 210px);
    margin-left: 0;
    margin-right: 0;
}

.order-delivery-select {
    width:  calc(100% - 320px);
    margin-left: 0;
    margin-right: 0;
}



.order-delivery-delete {
    color: var(--color-coral);
    display: block;
}

.order-delivery-btn-box .btn {
    margin-left: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    transition: 0.3s;
}

.order-delivery-btn-box .btn.btn-noactive:hover {
    color: #ffffff !important;
    background-color: #759EED;
}

.order-item .order-detail {
    display: none;
}

.order-detail-personal {
    padding: 20px 0;
    border-top: 1px solid rgba(117, 157, 237, 0.20);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.order-personal-item {
    width: calc(50% - 10px);
    display: flex;
}

.order-personal-item .order-personal div {
    margin-bottom: 5px;
}

.order-personal-item .order-personal div;:last-child {
                                             margin-bottom: 0px;
                                         }


.order-info {
    padding-bottom: 10px;
}

.order-product {
    display: flex;
    padding: 20px 10px;
    background-color: #ffffff;
    border-bottom: 1px solid rgba(117, 157, 237, 0.20);
    /*-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);*/
    margin-bottom: 10px;
}

.order-product-img {
    width: 60px;
    height: 60px;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
}

.order-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.order-product-title {
    padding: 0 20px;
    flex: 1 0 0;
}

.order-product-articule {
    margin-top: 10px;
    color: #A0A0A0;
}

.order-product .order-product-price {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}

.order-product .order-product-amount {
    padding-right: 10px;
    color: #A0A0A0;
    line-height: 34px;
}

.order-product .products-old-price {
    grid-column: span 3;
    padding-right: 10px;
}

.order-product .popup-product-sale,
.order-product .products-price,
.order-product .products-old-price {
    margin: 0;
}

.order-product .products-price {
    padding: 6px 8px;
}

.order-detail-products {
    border-top: 1px solid rgba(117, 157, 237, 0.20);
    padding-top: 10px;
}

.order-product-total {
    text-align: right;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
}

.order-info .order-payment-old {
    margin-bottom: 10px;
}

.order-nav {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.order-nav-item {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-left: 40px;
    cursor: pointer;
}

.order-nav-item.selected a {
    color: #759EED;
    text-decoration: underline;
}

@media(max-width: 768px){
    .order-item .order-title {
        flex-direction: column;
    }

    .order-warning {
        order: 2;
        font-size: 14px;
        line-height: 22px;
    }

    .order-date {
        width: 100%;
        order: 3;
        flex-direction: column;
        align-items: baseline;
        margin-bottom: 0;
    }

    .order-open {
        width: 100%;
        order: 1;
        margin-bottom: 10px;
    }

    .order-status {
        margin-bottom: 0;
    }

    .order-payment-pay span {
        display: none;
    }

    .icon.icon-order-pay,
    .icon.icon-order-no-pay {
        margin-right: 0;
    }

    .order-payment-select *,
    .order-payment-select,
    .order-delivery-title,
    .order-delivery-title * {
        font-size: 14px;
        line-height: 22px;
    }

    .order-payment,
    .order-delivery {
        flex-direction: column;
    }

    .order-delivery {
        align-items: baseline;
    }

    .order-payment-status {
        order: 1;
        margin-bottom: 10px;
        margin-top: 0;
        width: 100%;
        flex-direction: column;
    }
    .order-payment-pay {
        margin-bottom: 10px;
    }


    .order-delivery-select {
        order: 2;
        margin-bottom: 20px;
        width: fit-content;
        margin-top: 0;
        max-width: none;
    }

    .order-payment-price-box {
        order: 3;
        margin-bottom: 20px;
        width: 100%;
        margin-top: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .order-delivery-btn-box {
        order: 4;
        width: 100%;
        margin: 0;
        justify-content: flex-end;
    }

    .order-detail-personal {
        flex-direction: column;
    }

    .order-personal-item {
        width: 100%;
        margin-bottom: 5px;
    }

    .order-personal-item:last-child {
        margin-bottom: 0;
    }

    .order-personal div:last-child {
        margin-bottom: 0;
    }

    .order-product-articule {
        font-size: 14px;
        line-height: 22px;
    }

    .order-product {
        display: flex;
        flex-wrap: wrap;
        background-color: transparent;
    }

    .order-product-title {
        width: calc(100% - 60px);
    }

    .order-product .order-product-price {
        width: 100%;
        display: flex;
        align-items: center;
        padding-top: 20px;
    }

    .order-product .order-product-amount {
        order: 1;
        flex: 1 0 0;
    }

    .popup-product-sale {
        order: 2;
    }

    .order-product .products-price {
        order: 3;
    }

    .order-payment-price {
        margin-bottom: 0;
        order: 2;
    }

    .order-info .order-payment-old {
        margin-bottom: 0px;
        order: 1;
        margin-right: 30px;
    }

    .order-nav {
        justify-content: flex-start;
    }

    .order-nav-item {
        margin-left: 0;
        margin-right: 40px;
    }
}

.personal-content.order.order-archive .order-item,
.personal-content.order.order-archive .products-price,
.personal-content.order.order-archive .popup-product-sale {
    color: var(--color-grey);
    background-color: rgba(174, 181, 187, 0.10);
}

.personal-content.order.order-archive .order-item img,
.personal-content.order.order-archive .order-item i {
    opacity: 25%;
}

.personal-content.order.order-archive .order-status {
    background-color: rgba(117, 157, 237, 0.60);
}

.personal-content.order.order-archive .order-status.delete {
    background-color: rgba(245, 66, 11, 0.40);
}

.personal-content.order.order-archive .order-item .order-copy,
.personal-content.order.order-archive .order-item .order-payment-old,
.personal-content.order.order-archive .order-item .products-old-price {
    color: var(--color-grey);
}

.personal-content.order.order-archive .order-delivery-btn-box .btn {
    background-color: #759EED;
    color: #ffffff !important;
}

@media(max-width: 768px){
    .info_block .title a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

.section_catalog-slider .product-item .image_block {
    height: 160px;
}

.slider-home .products-slider-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 40px;
}

@media(max-width: 768px){
    .slider-home .products-slider-title {
        font-size: 32px;
        line-height: 40px;
        text-align: left;
    }
}

.produt-plitka-item:first-child {
    margin-top: 20px;
}

.produt-plitka-item {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(174, 181, 187, 0.20);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.produt-plitka-img {
    width: 65px;
    height: 65px;
    border-radius: 5px;
    border: 1px solid rgba(174, 181, 187, 0.20);
    overflow: hidden;
}

.produt-plitka-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.produt-plitka-info {
    width: calc(100% - 65px);
    padding-left: 10px;
}

.produt-plitka-icons {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.icon.icon-good-done {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    background-color: #25D3B4;
    background-size: 60%;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-good-done.svg');
    margin-right: 5px;
    border-radius: 100%;
}

.icon.icon-good-star {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    background-color: var(--color-coral);
    background-size: 60%;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-good-star.svg');
    margin-right: 5px;
    border-radius: 100%;
}

.produt-plitka-info span {
    display: block;
    padding-left: 5px;
    font-style: 12px;
    line-height: 18px;
    color: #A0A0A0;
}

.produt-plitka-bottom {
    width: 100%;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.produt-plitka-price-box {
    display: flex;
    align-items: center;
}

.produt-plitka-price {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.produt-plitka-oldprice {
    color: var(--color-coral);
    font-size: 14px;
    line-height: 22px;
    text-decoration: line-through;
    margin-left: 10px;
    margin-right: 10px;
}

.produt-plitka-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.produt-plitka-item .add_to_card {
    display: block;
    width: 55px;
    height: 40px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #DD5A671A;
    margin-right: 0;
    /*background-image: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="21" viewBox="0 0 26 21">\
        <circle cx="19.6663" cy="17.0001" r="2.33333" stroke="rgb(249, 60, 79)" stroke-width="2" fill="none"/>\
        <circle cx="13.0003" cy="17.0001" r="2.33333" stroke="rgb(249, 60, 79)" stroke-width="2" fill="none"/>\
        <path fill="none" d="M1 1H4.90247C7.03954 1 7.9687 2.6 8.89786 5.26667L11.2208 11.6667C12.1499 14.3333 14.1941 14.3333 14.9374 14.3333C15.8666 14.3333 18.654 14.3333 19.5832 14.3333C20.9769 14.3333 21.7652 13.2427 23.2998 10.6C24.229 9 25.6227 6.33333 24.6936 6.33333H14.0082" stroke="rgb(249, 60, 79)" stroke-width="2" stroke-linecap="round"/>\
    </svg>');*/
    background-image: url('data:image/svg+xml,\
        <svg width="25" height="23" viewBox="0 0 25 23" fill="none" xmlns="http://www.w3.org/2000/svg">\
            <circle cx="18.5" cy="19.5" r="2.25" stroke="rgb(229, 83, 98)" stroke-width="1.5"/>\
            <circle cx="9.5" cy="19.5" r="2.25" stroke="rgb(229, 83, 98)" stroke-width="1.5"/>\
            <path d="M1 1C4.5 1 5.5 2 6.5 6L8 12C9.12273 15 10.4429 15 11.3411 15C12.4638 15 15.8321 15 16.9548 15C18.6389 15 19.5913 13.773 21.4457 10.8C22.5685 9 24.2526 6 23.1298 6H11.3411" stroke="rgb(229, 83, 98)" stroke-width="1.5" stroke-linecap="round"/>\
        </svg>');
}
.produt-plitka-item .add_to_card:hover,
.produt-plitka-item .add_to_card.active{
    background-color: var(--color-coral);
    background-image: url('data:image/svg+xml,\
        <svg width="25" height="23" viewBox="0 0 25 23" fill="none" xmlns="http://www.w3.org/2000/svg">\
            <circle cx="18.5" cy="19.5" r="2.25" stroke="white" stroke-width="1.5"/>\
            <circle cx="9.5" cy="19.5" r="2.25" stroke="white" stroke-width="1.5"/>\
            <path d="M1 1C4.5 1 5.5 2 6.5 6L8 12C9.12273 15 10.4429 15 11.3411 15C12.4638 15 15.8321 15 16.9548 15C18.6389 15 19.5913 13.773 21.4457 10.8C22.5685 9 24.2526 6 23.1298 6H11.3411" stroke="white" stroke-width="1.5" stroke-linecap="round"/>\
        </svg>');
}

.icon.icon-cart {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-cart-red.svg');
}

.icon.icon-cart.red {
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-cart-red.svg');
}

.icon.icon-one-click {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    /*margin-right: 10px;*/
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-one-click-red.svg');
}

.icon.icon-one-click.red {
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-one-click-red.svg');
}


.icon.icon-down {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-down.svg');
}

.icon.icon-filter {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    cursor: pointer;
    position: relative;
    background-color: #F8FAFE;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-filter.svg');
    border-radius: 10px;
    background-size: 60%;
}

.catalog_sort_panel_view .icon {
    display: none;
}

@media(max-width: 991px){
    .catalog_sort_panel_view .icon {
        display: block;
    }

    .catalog_sort_panel_view {
        width: 116px;
    }
}


.in-cart .icon.icon-cart {
    width: 32px;
    height: 32px;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-cart.svg');
}

.produt-plitka-btn .btn {
    height: 40px;
    width: 55px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.produt-plitka-btn .btn.btn-openform {
    display: flex;
    width: 55px;
    height: 40px;
    border-radius: 10px;
    /* border: 2px solid #DD5A67; */
    background-position: center;
    background-repeat: no-repeat;
    background-color: #759EED1A;
    margin-right: 0;
    font-size: 10px;
    text-align: center;
    color: var(--color-blue) !important;
    padding: 0 10px;
    align-items: center;
    font-weight: 500;
    text-wrap: auto;
}

.produt-plitka-btn .btn.btn-openform:hover {
    background-color: var(--color-blue) !important;
    color: #ffffff !important;
}

.produt-plitka-btn .products-slider-icon {
    width: 28px;
    height: 28px;
}

.products-list_pk {
    display: block;
}
.products-list_mobile {
    display: none;
}

@media(max-width: 768px){
    .products-list_pk {
        display: none;
    }
    .products-list_mobile {
        display: block;    }

}

.fixed.hidden-xs {
    display: block !important;
}
/*
.fixed .bx-filter {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 100000;
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
}

.fixed .bx-filter .popup-filter-title {

}

.fixed .bx-filter .container-fluid {
    width: 100%;
    overflow: auto;
}


.fixed .bx-filter .popup-filter-bottom {

}*/

.popup-filter-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    text-align: center;
    padding-right: 30px;
    padding-bottom: 40px;
    position: relative;
}

.icon.icon-filter-close {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-filter-close.svg');
    position: absolute;
    top: 0;
    right: 0;
}


.popup-filter-bottom {
    padding-top: 40px;
}

.popup-filter-bottom .btn {
    width: 100%;
    padding: 11px;
    text-align: center;
}

.popup-filter-title,
.popup-filter-bottom {
    display: none;
}

@media(max-width: 991px){
    .popup-filter-title,
    .popup-filter-bottom {
        display: block;
    }
}


.brand-box {
    display: flex;
}

.brand-box .brand-item {
    margin-left: 10px;
    height: 10px;
    width: max-content;
}

.brand-box .brand-item:last-child {
    margin-right: 20px;
}

.brand-box .brand-item img {
    height: 10px;
    width: auto;
    object-fit: contain;

}

.brand-swiper.swiper-container {
    padding-right: 38px;
    position: relative;
    margin-bottom: 50px;
}

.brand-swiper.swiper-container::before {
    content: '';
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 38px;
    bottom: 0;
    display: block;
    background: rgb(255,255,255);
    background: linear-gradient(97deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 13;

}

.brand-swiper .swiper-button-next {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    right: 0;
    /* transform: translate(-50%, 0);*/
    border-radius: 100%;
    border: 1px solid #DD5A67;
}

.brand-swiper .swiper-slide {
    width: fit-content;
}

.brand-swiper img {
    height: 50px;
    width: 100%;
    object-fit: contain;
}

.brand-swiper .swiper-button-next::after {
    content: "";
    background-image: var(--arrow-svg-red);
    background-repeat: no-repeat;
    background-position: 80%;
    width: 38px;
    height: 38px;
    position: absolute;
}

.brand-swiper.swiper-container::after {
    content: "";
    background-color: #ffffff;
    width: 38px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}


.section_after_h1 {
    margin-top: -35px;
    margin-bottom: 35px;
    font-size: 16px;
}
.section_img {
    width: 100%;
    margin-bottom: 50px;
}
.section_img img {
    width: 100%;
    height: auto;
}
.full_text {
    margin-bottom: 50px;
}

.action_block {
    margin-bottom: 50px !important;
}

.action_block .name {
    /* min-width: 380px; */
}

.action_block .link a {
    min-width: 202px;
    display: block;
    padding: 0 0 5px 0;
}

.action_block .link {
    margin-top: 0 !important;
}

.section-list-h3 {
    margin-bottom: 30px;
}

.section-list-box .section-item {
    display: block;
    padding: 18px 50px 18px 0;
    border-bottom: 2px solid #D9D9D9;

    line-height: 18px;
    color: #000000;
    font-weight: 600;

    position: relative;
}

.section-list-box .section-item::after {
    content: "";
    background-image: var(--arrow-svg-red);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 80%;
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 100%;
    border: 1px solid #DD5A67;
    top: 50%;
    right: 16px;
    transform: translate(0px, -50%);
}

@media all and (max-width: 1200px) {

    .section_after_h1 {
        font-size: 16px;
        font-weight: normal;
        margin-top: -20px;
    }
    .full_text {
        margin-bottom: 30px;
    }

    .brand-box .brand-item img,
    .brand-box .brand-item {
        height: 8px;
    }
}

@media all and (max-width: 1100px) {
    .section_element .img_block {
        width: 315px;
    }

}

@media all and (max-width: 1024px) {
    .catalog_action_block.action_block {
        flex-direction:column;
        margin-bottom: 30px !important;
    }

    .catalog_action_block.action_block .name,
    .catalog_action_block.action_block .info,
    .catalog_action_block.action_block .link {
        width: fit-content;
    }

    .catalog_action_block.action_block .name {
        min-height: 50px;
        display: flex;
        align-items: center;
    }

    .brand-swiper img {
        height: 35px;
    }
}

@media all and (max-width: 991px) {
    .brand-box {
        flex-direction: column;
        margin-left: 10px;
        align-items: flex-end;
    }

    .brand-box .brand-item {
        margin: 0 0 10px 0;
    }
    .brand-box .brand-item:last-child {
        margin-right: 0px;
    }
}

.section-brand .brand-item {
    padding: 15px 22px;
    border: 1px solid #A0A0A0;
    border-radius: 10px;
    height: 48px;
    margin-right: 14px;
    margin-bottom: 14px;
}

.section-brand .brand-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 50%;
}

.section-brand .brand-item:last-child {
    margin-right: 0;
}

.section-h1-brand {
    display: flex;
    align-items: center;
}

.section-brand {
    display: flex;
    flex-wrap: wrap;
    margin-top: 26px;
    margin-bottom: -14px;
}

.section-h1-brand .section-brand {
    margin: 0;
    padding-left: 34px;
    margin-bottom: -10px;
}

.section-h1-brand .brand-item {
    padding: 0;
    margin-right: 20px;
    margin-bottom: 0px;
    border: none;
    height: 20px;
    margin-bottom: 10px;
}

@media(max-width: 991px){
    .section-h1-brand {
        flex-direction: column;
        align-items: flex-start;
    }

    .section-h1-brand + .section_after_h1 {
        margin-top: 10px;
    }

    .section-h1-brand .section-brand {
        margin-bottom: 0;
        padding-left: 0;
    }
}

@media(max-width: 560px){
    .section-h1-brand .brand-item {
        height: 15px;
    }
}

.compare {
    color: #000000;
}
.compare-section {
    display: flex;
    border-bottom: 1px solid #A0A0A0;
    overflow-x: auto;
    overflow-y: hidden;
}

.compare-section-item {
    padding-bottom: 7px;
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: center;
    /*margin-bottom: -2px;*/
    margin-right: 30px;
    cursor: pointer;
}

.compare-section-item.active {
    border-color: var(--color-coral);
}

.compare-section-item.active span {
    background-color: var(--color-coral);
    color: #ffffff;
}

.compare-section-name {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #000000;
    padding-right: 10px;
    text-wrap: nowrap;
    word-wrap: nowrap;
}

.compare-section-item span {
    border-radius: 100%;
    color: #759EED;
    background-color: hsla(220, 77%, 69%, 0.20);
    display: block;
    padding: 0 7px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    text-align: center;
    overflow: hidden;
}

.compare-content {
    padding-top: 30px;
}

.compare-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000000;
    margin-bottom: 30px;
}

.compare-buttons .compare-buttons-left,
.compare-buttons .compare-buttons-rigth {
    display: flex;
    align-items: center;

}

.compare-buttons .custom-input-wrap {
    margin-bottom: 0;
}

.compare-buttons .custom-input-wrap .input-radio + label::before {
    border-color: #A0A0A0;
    width: 16px;
    height: 16px;
}

.compare-button {
    display: flex;
    align-items: center;
    margin-left: 40px;
    cursor: pointer;
}

.compare-button i {
    margin-right: 10px;
}

.compare-button .icon.icon-delete {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 17px;
    height: 20px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/delete.svg');
}

.compare-products {
    margin-bottom: 100px;
    position: relative;
}

.compare-products .products-slider-buttons .btn {
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding: 11px;
    height: 44px;
}

.product-slider-delete {
    position: absolute;
    top: 10px;
    right: 10px;
}

.product-slider-delete.btn-noactive {
    padding: 0;
    border: none !important;
    outline: none !important;
}

.product-slider-delete .icon.icon-delete {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 28px;
    height: 29px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/delete.svg');
}

.compare-products .swiper-wrapper {
    align-items: stretch;
}

.compare-products .swiper-slide {
    height: auto;
}

.compare-products .product-item-container {
    height: 100%;
}

.compare-products .buttons-star,
.compare-products .buttons-compare {
    height: 44px;
    width: 44px;
}

.compare-products .buttons-star .icon-star,
.compare-products .buttons-compare .icon-compare {
    width: 22px;
    height: 20px;
}

.compare-products .products-slider-box {
    margin-bottom: 20px;
}

.compare-props {
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 40px;
}

.compare-props.active .compare-props-arrow {
    rotate: 0deg;
}

.compare-props-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.compare-props-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    padding-right: 20px;
}

.compare-props-arrow {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    background-color: var(--color-coral);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/local/templates/teko2024/assets/images/catalog/arrow-white.svg);
    background-size: 14px;
    transition: 0.3s;
    cursor: pointer;
    rotate: -180deg;
}

.compare-prop-item {
    width: 250px;
    padding-bottom: 20px;
}


.compare-props-content.active {
    display: block;
}

.compare-props-content {
    display: none;
}

.compare-props-content .owl-carousel .owl-stage-outer {
    margin-bottom: 0;
}

.compare-props-content-title {
    color: #A0A0A0;
    margin-bottom: 10px;
}

.compare-props-slider {
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 20px;
}

.compare-props-slider:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.compare-products .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 0px !important;
}

.compare-products .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 0px !important;
}

.compare-products .products-slider-box .owl-nav {
    padding: 0;
}


.products-slider-box .swiper-button-prev,
.products-slider-box .swiper-button-next {
    width: 38px;
    height: 38px;
    border: 2px solid var(--color-coral);
    background-color: #ffffff;
    border-radius: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 14px;
}

.products-slider-box .swiper-button-next {
    background-image: url(/local/templates/teko2024/assets/images/catalog/arrow-right-red.png);
    right: 0;
}

.products-slider-box .swiper-button-prev {
    background-image: url(/local/templates/teko2024/assets/images/catalog/arrow-left-red.png);
    left: 0;
}

.products-slider-box .swiper-button-prev:after,
.products-slider-box .swiper-button-next:after {
    content: none;
}

.fixed-products .compare-products {
    position: fixed;
    top: 150px;
    left: 0;
    right: 0;
    height: 250px;
    background-color: #ffffff;
    z-index: 1001;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px;
}

.fixed-products .products-slider-box {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
}

.products-column .products-slider-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    padding: 20px 0px;
}

.branch .products-column .products-slider-box {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media(max-width: 1320px){
    .products-column .products-slider-box {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .branch .products-column .products-slider-box {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media(max-width: 1024px){
    .branch .products-column .products-slider-box {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(max-width: 748px){
    .branch .products-column .products-slider-box {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width: 460px){
    .branch .products-column .products-slider-box .products-slider-buttons .btn {
        font-size: 9px;
    }

    .branch .products-column .products-slider-box .buttons-star,
    .branch .products-column .products-slider-box .buttons-compare {
        width: 29px;
        height: 29px;
    }
}

.products-column .products-slider-box .product-item-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.products-column .products-slider-box .product-item-container .products-slider-item {
    width: 100%;
}

.product-item-detail-properties .catalog-detail-text {
    display: none;
}

.fixed-products .product-slider-delete,
.fixed-products .products-slider-amount,
.fixed-products .products-slider-icons {
    display: none;
}

.fixed-products .products-slider-name {
    -webkit-line-clamp: 2; /* Число отображаемых строк */
    display: -webkit-box; /* Включаем флексбоксы */
    -webkit-box-orient: vertical; /* Вертикальная ориентация */
    overflow: hidden;
    padding-bottom: 0;
}

.fixed-products .products-slider-images img {
    object-fit: contain;
    border-radius: 0;
}

.fixed-products .products-slider-item {
    flex-direction: row;
    width: 269px;
    /*margin-right: 10px !important;*/
}

.fixed-products .products-slider-images {
    width: 75px;
    height: 61px;
    min-width: 75px;
    margin-top: 20px;
    min-height: auto;
}

.fixed-products .products-slider-bottom {
    padding: 20px 10px;
}

.fixed-products .compare-prop-item {
    width: 269px;
    margin-right: 10px !important;
}

.fixed-products .compare-products .products-slider-buttons .btn {
    width: fit-content;
}

.fixed-products.compare-content {
    padding-top: 330px;
}

@media(max-width: 991px){
    .compare-section-name {
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
    }

    .compare-section,
    .compare-section-item.active {
        border-bottom: none;
    }

    .compare-section-item.active .compare-section-name {
        color: var(--color-coral);
    }

    .compare-button {
        display: none;
    }

    .compare-content {
        padding-top: 20px;
    }

    .compare-content .product-slider-delete,
    .compare-content .products-slider-amount,
    .compare-content .products-slider-icons,
    .compare-content .products-slider-oldprice {
        display: none;
    }

    .compare-products .products-slider-buttons .btn {
        width: fit-content;
    }

    .compare-content .products-slider-images {
        height: 61px;
        margin: 0 auto;
        min-height: auto;
    }

    .compare-content .products-slider-images img {
        object-fit: contain;
        border-radius: 0;
    }

    .compare-content .products-slider-oldprice {
        display: none;
    }

    .compare-content .products-slider-item,
    .compare-prop-item {
        width: 165px;
    }

    .compare-content .swiper-button-next.swiper-button-disabled,
    .compare-content .swiper-button-prev.swiper-button-disabled {
        opacity: 0;
    }

    .compare-content .products-slider-name {
        font-size: 14px;
        line-height: 22px;
    }

    .compare-content.fixed-products .products-slider-name {
        font-size: 12px;
        line-height: 20px;
    }

    .compare-content.fixed-products .products-slider-item {
        flex-direction: column;
    }

    .compare-content.fixed-products .products-slider-buttons {
        display: none;
    }

    .compare-content.fixed-products .products-slider-images {
        margin-top: 10px;
    }

    .compare-content.fixed-products .products-slider-bottom {
        padding: 10px;
    }
    .fixed-products .compare-products {
        padding: 0 40px;
    }

    .fixed-products .compare-products {
        height: 210px;
    }
}

@media (max-width: 576px) {
    .fixed-products .compare-products {
        padding: 0 15px;
    }
}

.manufacturer-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

.manufacturer-item {
    transition: 0.3s;
    border-radius: 10px;
    border: 1px solid hsla(220, 77%, 69%, 0.20);
    padding: 20px;
}

.manufacturer-img {
    padding: 15px;
    height: 60px;
    width: auto;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manufacturer-img img {
    object-fit: contain;
}

.manufacturer-text {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    display: block;
}

.manufacturer-list-item {
    margin-bottom: 10px;
    color: #759EED;
    text-decoration: underline;
    font-size: 14px;
    line-height: 22px;
    display: block;
}

.manufacturer-link {
    display: flex;
    align-items: center;
    border-bottom: 1px solid hsla(220, 77%, 69%, 0.20);
    width: fit-content;
    font-weight: 500;
    margin: 0 0 0 auto;
    transition: 0.3s;
    font-size: 16px;
    margin-right: 20px;
}

.icon.icon-link-button {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: relative;
    background-image: url(/local/templates/teko2024/assets/images/catalog/arrow-right-red.png);
    margin-left: 10px;
}

.manufacturer-link:hover {
    /*border-color: var(--color-coral);*/
}

.manufacturer-item:hover {
    border-color: #759EED;
    box-shadow: 0px 0px 6px 0px hsla(220, 77%, 69%, 0.2);
}

.manufacturer-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media(max-width: 1024px){
    .manufacturer-box {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width: 580px){
    .manufacturer-box {
        grid-template-columns: 1fr;
    }
}

.manufacturer-detail-box {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.manufacturer-detail-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 210px;
}

.manufacturer-detail-text {
    padding-left: 40px;
}

.manufacturer-docs {
    margin-bottom: 40px;
}

.manufacturer-docs .link {
    margin-top: 35px;
}

.manufacturer-doc {
    padding: 21px;
    border: 1px solid transparent;
    border-bottom: 1px solid hsla(220, 77%, 69%, 0.2);
    transition: 0.3s;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.show_anim {
    animation: showBlock 0.5s linear forwards;
}

@keyframes showBlock {
    0% {
        opacity: 0;
        display: none;
    }
    100% {
        opacity: 1;
    }
}

.hide_anim {
    animation: hideBlock 0.5s linear forwards;
}

@keyframes hideBlock {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none;
    }
}

.manufacturer-doc:hover {
    border: 1px solid #759EED;
}

.manufacturer-doc-name {
    display: flex;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    align-items: center;
}

.manufacturer-doc-name .icon {
    margin-right: 10px;
}

.manufacturer-doc .certificate-link {
    margin-top: 0;
    margin-left: 10px;
}

.manufacturer-work {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 40px;
}

.manufacturer-work-item {
    padding: 40px;
    border-radius: 20px;
    border: 1px solid hsla(220, 77%, 69%, 0.2);
}

.manufacturer-work-name {
    font-weight: 500;
    line-height: 26px;
    font-size: 20px;
    margin-bottom: 5px;
    max-width: 250px;
}

.manufacturer-work-img {
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
}

.manufacturer-work-item .manufacturer-link {
    margin: 0;
}

.manufacturer-work-btn.btn-noactive {
    width: fit-content;
    color: #000000 !important;
    border-color: hsla(220, 77%, 69%, 0.2) !important;
    font-size: 16px;
    outline: hsla(220, 77%, 69%, 0.2) solid 1px !important;
}

.manufacturer-section-item {
    display: flex;
    align-items: center;
    border-radius: 20px;
    border: 1px solid hsla(220, 77%, 69%, 0.2);
    transition: 0.3s;
    margin-bottom: 20px;
}

.manufacturer-section-item:last-child {
    margin-bottom: 0px;
}

.manufacturer-section-item:hover {
    box-shadow: 0px 0px 9px 0px hsla(220, 77%, 69%, 0.2);
}

.manufacturer-section-img {
    width: 211px;
    display: flex;
    align-items: center;
    height: 100%;
}

.manufacturer-section-img img {
    object-fit: contain;
    width: 100%;
}

.manufacturer-section-content {
    padding: 20px;
}

.manufacturer-section-title {
    margin-bottom: 10px;
    font-weight: 600;
    display: block;
}

.manufacturer-section-text {
    display: block;
    margin-bottom: 10px;
}

.manufacturer-section-btn {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 15px 20px;
    border: 1px solid #A0A0A0;
    border-radius: 10px;
    margin-bottom: 10px;
}

.manufacturer-section-btn:last-child {
    margin-bottom: 0px;
}

.manufacturer-section-btn .icon.icon-link-button {
    margin: 0 20px 0 0;
}

@media(max-width: 991px){
    .manufacturer-detail-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .manufacturer-detail-text {
        padding-left: 0;
        padding-top: 20px;
    }

    .manufacturer-detail-img {
        height: 50px;
        width: auto;
    }

    .manufacturer-detail-box {
        margin-bottom: 30px;
    }

    .manufacturer-detail .h2 {
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 40px 0;
    }

    .manufacturer-detail .manufacturer-link {
        margin-bottom: 40px;
    }

    .manufacturer-section-item {
        flex-direction: column;
    }

    .manufacturer-section-img {
        width: 100%;
        height: 250px;
    }

    .manufacturer-section-img img {
        object-fit: contain;
        height: 100%;
        width: 100%;
    }

    .manufacturer-section-btn {
        padding: 15px;
        font-size: 14px;
        line-height: 22px;
    }

    .manufacturer-section-btn .icon.icon-link-button {
        min-width: 17px;
    }

    .manufacturer-section {
        margin-bottom: 40px;
    }

    .manufacturer-work {
        grid-template-columns: 1fr;
    }

    .manufacturer-detail .manufacturer-work .manufacturer-link {
        margin-bottom: 0;
    }
}


.catalog-detail {
    padding-top: 30px;
}

.catalog-detail-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.catalog-detail-left {
    min-width: 566px;
}

.catalog-detail-right {
    width: 100%;
    padding-left: 132px;
}

.catalog-detail-price {
    margin-bottom: 25px;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    display: flex;
    align-items: center;

    justify-content: space-between;
}

.catalog-detail-price span {
    display: none;
}

.catalog-detail-price .icons {
    display: flex;
    flex-wrap: nowrap;
}
.catalog-detail-price .icons .icon_element {
    width: 100px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 400;
    display: block;
    margin-top: 0;
    margin-left: 7px;
    line-height: normal;
    text-shadow: 1px 1px 1px #555151;
}

.catalog-detail-price .icons a.icon_element:hover {
    opacity: 0.8;
}

.products-detail-slider .icons {
    position: absolute;
    top:0;
    right: 0;
    z-index: 1;
}

.products-detail-slider .icons .icon_element {
    width: 100px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 400;
    display: block;
    margin: 0 0 7px 0;
    line-height: normal;
    text-shadow: 1px 1px 1px #555151;

}

.products-detail-slider .icons a.icon_element:hover {
    opacity: 0.8;
}

.catalog-detail-auth {
    margin-bottom: 25px;
    color: #000000;
    font-weight: 600;
}

.catalog-auth-link {
    display: flex;
    align-items: center;
    color: #5E8EED;
    margin-top: 10px;
}

.catalog-auth-link .icon.icon-people {
    margin-right: 6px;
}

.catalog-detail-buttons {
    margin-bottom: 25px;
}

.catalog-detail-fixed .products-slider-icons {
    display: none;
}

@media(max-width: 991px){
    .catalog-detail-fixed.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 15px;
        background-color: #ffffff;
        z-index: 100;
        margin-bottom: 0;
        padding: 15px;
        box-shadow: 0px 0px 18px 0px rgba(53, 53, 56, 0.2);
    }

    .catalog-detail-fixed.fixed .products-slider-icons {
        display: flex;
    }

    .catalog-detail-fixed.fixed .products-slider-icons .buttons-star,
    .catalog-detail-fixed.fixed .products-slider-icons .buttons-compare {
        width: 44px;
        height: 44px;
    }

    .catalog-detail-fixed.fixed .btn span {
        display: none;
    }
}
.catalog-detail-button {
    display: flex;
    margin-bottom: 15px;
    width: 100%;
}

.catalog-detail-button .counter {
    margin-right: 18px;
    height: 44px;
    max-width: 117px;
}

.catalog-detail-button .counter input,
.catalog-detail-button .counter .plus,
.catalog-detail-button .counter .minus  {
    width: 24px;
    margin-right: 0;
}


.catalog-detail-button .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
}

.catalog-detail-button .btn span {
    padding-left: 10px;
}

.catalog-detail-button .icon.icon-cart {
    nav-right: 10px;
}

.catalog-detail-button .btn.btn-noactive {
    color: #000000 !important;
    outline: #E4E4E4 solid 1px !important;
}

.catalog-down-name {
    font-weight: 600;
    margin-bottom: 11px;
}

.catalog-detail-down {
    display: flex;
    margin-bottom: 30px;
}

.catalog-down-item {
    margin-right: 100px;
}

.catalog-down-link {
    display: flex;
    font-weight: 600;
    color: #5E8EED;
    cursor: pointer;
}

.catalog-detail-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 30px;
}

.catalog-detail-props {
    /*padding-top: 30px;
    border-top: 1px solid #D9D9D9;*/
}

.catalog-detail-props .catalog-detail-title {
    margin-bottom: 15px;
}

.catalog-props-item {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D9D9D9;
    color: 6B6B6B;
}

.catalog-props-item:last-child {
    border-bottom: none;
}

.catalog-props-left {
    width: calc(65% - 10px);
    font-weight: 500;
}

.catalog-props-right {
    width: calc(35% - 10px);
}

.catalog-detail-wrapper .catalog-detail-title,
.catalog-detail-wrapper .h2 {
    margin-top: 100px;
    margin-bottom: 40px;
}

.accessories-item {
    padding: 24px 43px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 211px;
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    height: 100%;
}

.accessories .swiper-wrapper {
    align-items: stretch;
}


.accessories .swiper-slide {
    width: 211px;
    height: auto;
}

.mobile-block {
    display: none;
}

.accessories-img  {
    width: 125px;
    height: 125px;
    margin-bottom: 40px;
}

.accessories-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.accessories-name {
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.accessories-prev.swiper-button-prev,
.accessories-next.swiper-button-next {
    width: 38px;
    height: 38px;
    border: 2px solid var(--color-coral);
    background-color: #ffffff;
    border-radius: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 14px;
}

.accessories-prev.swiper-button-prev::after,
.accessories-next.swiper-button-next::after {
    content: none;
}

.accessories-next.swiper-button-next {
    background-image: url(/local/templates/teko2024/assets/images/catalog/arrow-right-red.png);
    right: 0;
}

.accessories-prev.swiper-button-prev {
    background-image: url(/local/templates/teko2024/assets/images/catalog/arrow-left-red.png);
    left: 0;
}


.accessories-next.swiper-button-next.swiper-button-disabled,
.accessories-prev.swiper-button-prev.swiper-button-disabled  {
    opacity: 0;
}

.catalog-detail-titlebox {
    display: flex;
    justify-content: space-between;
    padding-right: 40px;
}

.catalog-detail-name {
    font-size: 21px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.catalog-detail-stock {
    border-radius: 15.5px;
    border: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
    height: 30px;
}

.catalog-detail-stock .icon {
    width: 28px;
    height: 28px;
    background-color: #39C8CB;
    border-radius: 100%;
    margin-right: 0;
    background-size: 50%;
}

.catalog-detail-stock span {
    color: #A0A0A0;
    padding: 5px;
    font-size: 12px;
    line-height: 20px;
    text-wrap: nowrap;
}

.catalog-detail-model {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 10px;
}

.catalog-detail-brand {
    display: flex;
    align-items: center;
    font-style: italic;
    font-size: 14px;
}

.catalog-brand-img {
    height: 40px;
    width: auto;
    margin-right: 16px;
}

.catalog-brand-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.products-slider-icons.products-slider-buttons {
    padding-right: 0;
    margin-top: 80px;
}

.products-slider-icons.products-slider-buttons .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: 44px;
    margin-right: 20px;
}

.products-slider-icons.products-slider-buttons .btn:last-child {
    margin-right: 0;
}

.products-slider-icons.products-slider-buttons .btn .icon {
    margin-right: 10px;
}

.products-slider-icons.products-slider-buttons .products-slider-button {
    width: 100%;
}

.products-slider-icons.products-slider-buttons .products-slider-button:first-child {
    padding-right: 8px;
}

.products-slider-icons.products-slider-buttons .products-slider-button:last-child {
    padding-left: 8px;
}

.products-slider-icons .products-slider-button .btn:not(.btn-noactive) .icon.icon-star {
    background-image: url(/local/templates/teko2024/assets/images/catalog/wish-white.svg);
}

.products-slider-icons .products-slider-button .btn:hover .icon.icon-star {
    background-image: url(/local/templates/teko2024/assets/images/catalog/wish-red.svg);
}

.products-slider-icons .products-slider-button .btn:not(.btn-noactive):hover .icon.icon-star {
    background-image: url(/local/templates/teko2024/assets/images/catalog/wish-white-border.svg);
}

.products-slider-icons .products-slider-button .btn:not(.btn-noactive) .icon.icon-compare {
    background-image: url(/local/templates/teko2024/assets/images/catalog/compare-white.svg);
}

.products-slider-icons .products-slider-button .btn:hover .icon.icon-compare {
    background-image: url(/local/templates/teko2024/assets/images/catalog/compare-red.svg);
}

.products-slider-icons .products-slider-button .btn:not(.btn-noactive):hover .icon.icon-compare {
    background-image: url(/local/templates/teko2024/assets/images/catalog/compare-white.svg);
}

.products-detail-slider {
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}

.products-main-images {
    padding: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 415px;
    margin: 0 auto;
}

.products-detail-images {
    width: 270px;
    height: 230px;
    cursor: pointer;
}
.products-detail-images.swiper-container {
    overflow: visible!important;
}
.products-detail-images .swiper-button-next {
    right: -100px;
}
.products-detail-images .swiper-button-prev {
    left: -100px;
}

.products-detail-images a {
    display: block;
    background: #fff;
    cursor: zoom-in;
}

.products-detail-images a img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.products-main-trumbs {
    margin-top: 40px;
    max-width: 417px;
    width: 100%;
    margin: 40px 0 0 auto;
}

.products-main-trumbs .swiper-slide {
    width: 89px;
    height: 77px;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    cursor: pointer;
}

.products-main-trumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.file-btn {
    border-radius: 4px;
    border: 1px solid #E4E4E4;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 4px;
}

.file-btn:last-child {
    margin-bottom: 4px;
}

@media(max-width: 991px){
    .file-btn {
        width: 35px;
        height: 35px;
    }
}

.icon.icon-file-detail {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-file-detail.svg');
}

.icon.icon-file-print {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-file-print.svg');
}


.icon.icon-file-jpg {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-file-jpg.svg');
}

.icon.icon-file-cad {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-file-cad.svg');
}

.products-detail-file {
    position: absolute;
    bottom: 0;
    left: 0;
}
@media(max-width: 768px){
    .products-detail-file {
        position: static;
        margin-top: 35px;
        display: flex;
    }
    .products-detail-file .file-btn {
        margin-right: 10px;
    }
}


.catalog-detail-navs {
    display: flex;
    border-bottom: 1px solid #A0A0A0;
    margin-top: 100px;
    overflow-x: auto;
    overflow-y: hidden;
}

.catalog-detail-nav {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    padding: 6px 50px;
    border-bottom: 2px solid transparent;
    text-wrap: nowrap;
    word-wrap: nowrap;
    cursor: pointer;
}

.catalog-detail-nav.active {
    border-color: var(--color-coral);
}

.catalog-detail-tab {
    display: none;
}

.catalog-detail-tab.active {
    display: block;
}

.prop_buttons {
    display: flex;
    margin-bottom: 15px;
    flex-wrap: nowrap;
    width: 100%;
}

.prop_buttons .desc {
    flex: 1;
}

.prop_buttons a.btn {

    flex: none;
    /* line-height: inherit; */
    /* margin-right: 15px; */
    align-items: center;
    display: inline-flex;

    padding: 10px 20px;
    position: relative;

}

.catalog-detail-tab .prop_buttons a.btn span {
    position: absolute;
    width: 18px;
    height: 18px;
    left: -45px;
    border: 1px solid #5E8EED;
}

.catalog-detail-tab .hint.bottom_left:hover::before {
    left: auto;
    right: 0;
}

.catalog-detail-tab {
    padding-top: 8px;
}

.catalog-detail-tab .hint.bottom_left:hover::after {
    content: none;
}

.product-item-detail-properties .one_prop {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-bottom: 1px solid #E4E4E4;
    padding: 5px 0;
    position: relative;
    align-items: end;
}

.product-item-detail-properties .one_prop:last-child {
    border-bottom: none;
}

.product-item-detail-properties .one_prop:before {
    content: "";
    position: absolute;
    z-index: -2;
    width: 46px;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(174, 181, 187, 0.1);
}

.product-item-detail-properties .one_prop .name {
    flex: 1;
    font-weight: 500;
}

.product-item-detail-properties .one_prop .name span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 7px;
    position: relative;
    border: 1px solid #5E8EED;
}

.product-item-detail-properties .one_prop .value {
    flex: 1;
    font-weight: 400;
}

.product-item-detail-properties .one_prop .check {
    width: 46px;
    flex: none;
    text-align: center;
    z-index: 1;
}

.product-item-detail-properties .one_prop .check label {
    margin: 3px 0 0 0;
    display: block;
    line-height: initial;
}

.catalog-detail-analogs {
    padding-top: 47px;
}

.analog-item {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid hsla(208, 9%, 71%, 0.4);
}

.analog-name {
    font-weight: bold;
    width: calc(45% - 10px);
}

.analog-text {
    width: calc(55% - 10px);
}

.analog-text p {
    padding-bottom: 5px;
}

.catalog-detail-tab .faq-form {
    margin-top: 20px;
}

.manufacturer-doc-name span {
    color: #A0A0A0;
    font-weight: normal;
}

.doc-select {
    position: relative;
    width: 100%;
}

.doc-select:hover .doc-select-popup {
    opacity: 1;
    z-index: 100;
}


.doc-select:hover .icon.icon-doc-open {
    rotate: 0deg;
}


.doc-select-pick {
    border-radius: 10px;
    border: 1px solid hsla(220, 77%, 69%, 0.2);
    padding: 10px 10px 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.doc-select-popup {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: -100;
    transition: 0.3s;
}

.doc-select-list {
    margin-top: 10px;
    padding: 10px 16px;
    border: 1px solid #759EED;
    border-radius: 8px;
    background-color: #fff;
}

.doc-select-item {
    padding-bottom: 10px;
    cursor: pointer;
}

.doc-select-item:hover {
    color: #759EED;
}

.doc-select-item.select {
    color: #759EED;
}

.doc-select-item:last-child {
    padding-bottom: 0px;
}

.icon.icon-doc-open {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 8px;
    cursor: pointer;
    position: relative;
    background-image: url('/local/templates/teko2024/assets/images/catalog/icon-doc-open.svg');
    rotate: 180deg;
    transition: 0.3s;
}

@media(max-width: 1365px){
    .catalog-detail-nav {
        padding: 6px 30px;
    }

    .catalog-down-item {
        margin-right: 30px;
    }
}

.ipad-block {
    display: none;
}
@media(max-width: 1240px){
    .catalog-detail-left {
        min-width: 480px;
    }

    .catalog-detail-right {
        padding-left: 50px;
    }

    .catalog-detail-down {
        flex-direction: column ;
    }

    .catalog-down-item {
        margin-right: 0;
    }

    .catalog-down-link {
        margin-bottom: 11px;
    }
    .pk-block {
        display: none;
    }

    .ipad-block {
        display: inline;
    }

    .catalog-props-left,
    .catalog-props-right {
        width: calc(50% - 10px);
    }
}


@media(max-width: 1024px){

    .catalog-detail-right {
        padding-left: 50px;
    }

}

@media(max-width: 991px){
    .catalog-detail-name {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }

    .catalog-detail-model {
        font-size: 24px;
        line-height: 32px;
    }

    .catalog-detail-brand {
        font-size: 12px;
        line-height: 18px;
    }

    .catalog-detail-top {
        flex-direction: column;
    }

    .catalog-detail-left {
        min-width: auto;
        width: 100%;
    }

    .catalog-detail-right {
        padding-left: 0;
        width: 100%;
    }

    .products-slider-icons.products-slider-buttons .btn {
        padding: 10px;
        height: 40px;
        font-size: 14px;
        line-height: 22px;
        min-width: 165px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .products-detail-images {
        width: 123px;
        height: 123px;
    }

    .products-main-trumbs .swiper-slide {
        width: 58px;
        height: 50px;
    }

    .catalog-detail-price {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .catalog-detail-price span {
        display: inline-block;
    }

    .catalog-detail-price .old-price {
        color: #E55362;
        text-decoration: line-through;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
        padding-left: 5px;
        padding-right: 5px;
    }

    .catalog-detail-price .nds {
        color: #A0A0A0;
        font-size: 14px;
        line-height: 22px;
        text-align: right;
        font-weight: normal;
        flex: 1;
    }

    .catalog-detail-auth {
        display: none;
    }

    .catalog-detail-button .btn.btn-noactive {
        font-size: 12px;
        line-height: 22px;
        padding: 5px;
        height: 42px;
    }

    .catalog-detail-down,
    .catalog-detail-props {
        display: none;
    }

    .catalog-detail-button {
        margin-bottom: 10px;
    }

    .catalog-detail-buttons {
        margin-bottom: 0;
    }

    .catalog-detail-top {
        margin-bottom: 10px;
    }

    .catalog-detail-wrapper .catalog-detail-title, .catalog-detail-wrapper .h2 {
        margin: 20px 0;
    }

    .catalog-detail-accessories {
        /* display: none; */
    }

    .catalog-detail-navs {
        margin-top: 30px;
        border: none;
    }

    .catalog-detail-nav {
        padding: 0 15px 15px 0;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        border: none;
    }

    .catalog-detail-nav.active {
        color: var(--color-coral);
    }

    .product-item-detail-properties .one_prop .name span {
        display: none;
    }

    .product-item-detail-properties .one_prop .value {
        color: #A0A0A0;
    }

    .product-item-detail-properties .one_prop {
        flex-direction: column;
        padding-right: 56px;
        position: relative;
        font-size: 14px;
        line-height: 22px;
        align-items: flex-start;
        border: none;
    }

    .product-item-detail-properties .one_prop .check {
        position: absolute;
        right: 0;
        top: 10px;
    }

    .catalog-detail-tab .prop_buttons a.btn span {
        display: none;
    }

    .product-item-detail-properties form {
        display: flex;
        flex-direction: column;
    }

    .prop_buttons {
        order: 100;
        margin-top: 20px;
    }

    .prop_buttons a.btn {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .analog-item {
        flex-direction: column;
    }

    .analog-name {
        margin-bottom: 10px;
    }

    .products-detail-slider {
        overflow: hidden;
    }

    .products-main-trumbs {
        margin: 35px 0 0px 95px;
    }

    .catalog-detail {
        display: flex;
        flex-direction: column;
    }

    .catalog-detail-top {
        order: 1;
    }

    .catalog-detail-text {
        order: 2;
    }

    .catalog-detail-navs {
        order: 3;
    }

    .catalog-detail-tabs {
        order: 4;
    }

    .catalog-detail-accessories {
        order: 5;
    }

    .catalog-detail-work {
        order: 6;
    }

    .catalog-detail-titlebox {
        padding-right: 0;
    }

    .products-slider-icons.products-slider-buttons {
        margin-top: 30px;
    }

    .products-main-images {
        padding: 30px 30px 0;
    }

    .catalog-detail-text {
        display: none;
    }

    .product-item-detail-properties .catalog-detail-text {
        display: block;
        padding: 20px 0;
    }
    .mobile-block {
        display: block;
    }

    .basket-page {
        padding-bottom: 0;
    }
}

.catalog_action_block.action_block .link a {
    min-width: auto;
}


.product-item-detail-properties .one_prop:last-child:before {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.product-item-detail-properties .one_prop:nth-child(2):before {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.action_block div.link::after {
    content: none;
}

.company-form-box .custom-input-wrap .custom-file {
    /*border: 1px dashed #ffffff;*/
    color: #ffffff;
    height: 64px;
    /*margin-bottom: 20px;*/
    position: relative;
    background-color: var(--color-blue);
    overflow: hidden;
    cursor: pointer;
}

.company-form-box .custom-input-wrap .custom-file:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    top: 0px;
    right: 0px;
    left: 0px;
    background-image: url("/local/templates/teko2024/assets/images/border.svg");
    position: absolute;
}

.company-form-box .custom-input-wrap .custom-file:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background-image: url("/local/templates/teko2024/assets/images/border.svg");
    position: absolute;
}

.company-form-box .custom-input-wrap .custom-file .custom-file-border:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    bottom: 0px;
    left: 0px;
    top: 0px;
    background-image: url("/local/templates/teko2024/assets/images/border-left.svg");
    position: absolute;
}

.company-form-box .custom-input-wrap .custom-file .custom-file-border:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    bottom: 0px;
    right: 0px;
    top: 0px;
    background-image: url("/local/templates/teko2024/assets/images/border-left.svg");
    position: absolute;
}

.company-form-box .custom-input-wrap .custom-file .icon.icon-file {
    background-image: url('/local/templates/teko2024/assets/images/personal/icon-file-white.svg');
}

.company-form-box .custom-input-wrap .custom-file + .input-text {
    margin-top: 20px;
}

.company-form-box .custom-input-wrap .btn,
.form .custom-input-wrap .btn,
.faq-form .custom-input-wrap .btn {
    width: fit-content;
    border: none;
    height: fit-content;
}

.faq-form .custom-input-wrap .input-text {
    margin-top: 20px;
}

.company-form-box .custom-input-wrap .custom-input-checkbox,
.company-form-box .custom-input-wrap .custom-input-checkbox a,
.company-form-box .custom-input-wrap  .custom-input input,
.company-form-box .custom-input-wrap  .custom-input textarea {
    color: #FFFFFF;
}

.company-form-box .custom-input-wrap .custom-input-checkbox a {
    text-decoration: underline;
}

.company-form-box .custom-input-wrap  .custom-input input::placeholder,
.company-form-box .custom-input-wrap  .custom-input textarea::placeholder{
    line-height: 24px;
    font-size: 16px;
    color: #FFFFFF;
}

.form-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center;
}

.form-popup {
    max-width: 840px;
}

.big-size .window-popup .form-popup {
    max-width: 1090px;
}

.form-popup .custom-input-wrap.wrap-high {
    grid-row: span 3;
}

.form-popup .custom-input-wrap.wrap-high .custom-input,
.form-popup .custom-input-wrap.wrap-high .custom-input textarea{
    height: 100%;
    object-fit: contain;
    box-sizing: border-box;
    border-radius: 10px;
    border: none;
}

.form-popup .custom-input-wrap.wrap-high .custom-input textarea {
    border-radius: 10px;
    border: 1px solid #E4E4E4;
}

.form-popup .custom-input-wrap.with-btn {
    justify-content: center;
    align-items: flex-end;
}

.useful-menu a {
    display: block;
    width: fit-content;
    margin-bottom: 10px;
}

.examples-list img {
    max-width: 120px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.gloss strong {
    font-weight: 600;
}

.gloss-text span,
.gloss-text a {
    transition: 0.3s;
}

.gloss-text span:hover,
.gloss-text a:hover {
    color: var(--color-blue);
    cursor: pointer;
}

.news-products-content {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.news-products-item {
    display: flex;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    padding: 20px;
    transition: 0.3s;
    cursor: pointer;
    width: 100%;
}

.news-products-item .color_block {
    /*text-transform: uppercase;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 8px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 15px;
    line-height: normal;
    color: #FFFFFF;*/
    position: absolute;
    top: 0px;
    right: 0px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 7px 13px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 15px;
    line-height: normal;
    text-shadow: 1px 1px 1px #555151;
}

.new {
    background-color: #5da130
}

.news-products-item:hover {
    box-shadow: 0px 0px 9px 0px hsla(220, 77%, 69%, 0.2);
}

.news-products-img {
    position: relative;
    max-width: 150px;
    width: 100%;
    height: auto;
    margin-right: 20px;
}

.news-products-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.news-products-title {
    font-weight: 500;
    margin-bottom: 20px;
}

.news-products-text {
    flex: 1;
}

@media(max-width: 991px){
    .news-products-item {
        flex-direction: column;
    }

    .news-products-img {
        margin: 0 auto 20px;
    }
}

.registration-form-success {
    text-align: center;
    margin-top: 20px;
    font-weight: 500;
}

.vacancy-banner {
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: var(--color-blue);
    padding: 20px;
    color: #FFFFFF;
    text-align: center;
}

.vacancy-banner-title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}

.vacancy-banner-text {
    padding: 0 40px;
}

.vacancy-block {
    background-color: #F8FAFE;
    border-radius: 10px;
    padding: 20px 40px;
    color: #000000;
    margin-bottom: 20px;
}

.vacancy-block ul {
    columns: 2;
    margin-left: -40px !important;
}

.inner_content  .vacancy-block ul li::before {
    content: '';
    width: 12px;
    height: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/local/templates/teko2024/assets/images/content/icons/li-check-red.svg');
    top: 50%;
    transform: translate(0%, -50%);
}

.inner_content  .vacancy-block ul li {
    padding: 0px 0px 0px 32px;
    position: relative;
    margin-bottom: 20px;
    margin-left: 40px;
}

.vacancy-data {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.vacancy-data::before {
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%;
    width: 2px;
    background-color: var(--color-blue);
    position: absolute;
}

.vacancy-data .vacancy-item {
    width: calc(50% - 40px);
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.vacancy-data .vacancy-item p,
.vacancy-data .vacancy-item span,
.vacancy-data .vacancy-item a {
    color: var(--color-blue);
}

.vacancy-data .vacancy-item p {
    font-weight: 600;
    line-height: 22px;
    display: flex;
}

.vacancy .icon {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: default;
    position: relative;
    margin-right: 10px;
}

.vacancy .icon.icon-address {
    background-image: url('/local/templates/teko2024/assets/images/content/icons/vacancy-address.png');
}

.vacancy .icon.icon-email {
    background-image: url('/local/templates/teko2024/assets/images/content/icons/vacancy-email.png');
}

.vacancy .icon.icon-phone {
    background-image: url('/local/templates/teko2024/assets/images/content/icons/vacancy-phone.png');
}

.vacancy-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-top: 80px;
}

.inner_content  .vacancy-wrapper ul li::before {
    content: '';
    width: 10px;
    height: 2px;
    background-color: var(--color-blue);
    top: 50%;
    left: 7px;
    transform: translate(0%, -50%);
}

.inner_content  .vacancy-wrapper ul li {
    padding: 0px 0px 0px 34px;
}


@media (max-width: 991px) {
    .vacancy-banner {
        text-align: left;
    }

    .vacancy-banner-title {
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
    }

    .vacancy-banner-text {
        padding: 0;
    }
    .vacancy-block ul {
        columns: 1;
    }

    .vacancy-data {
        display: block;
    }

    .vacancy-data .vacancy-item {
        width: 100%;
    }

    .vacancy-data .vacancy-item:first-child {
        border-bottom: 1px solid var(--color-blue);
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .vacancy-data::before {
        content: none;
    }
    .vacancy-data .vacancy-item,
    .vacancy-data .vacancy-item p {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    .vacancy-title {
        margin-top: 50px;
    }

    .vacancy .faq_title {
        font-size: 20px;
        line-height: 26px;
        font-weight: normal;
        padding-bottom: 0;
    }

    .inner_content  .vacancy-wrapper ul {
        margin: 0px;
    }
}

.branch-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

.branch-item {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px;
    min-height: 224px;
    cursor: pointer;
    color: #000000;
}

.branch-item.with-menu {
    min-height: 320px;
}

.branch-item.long {
    grid-column: span 2;
}

.branch-item.hight {
    grid-row: span 2;
}

.branch-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.branch-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: block;
    background: rgb(102,102,102);
    background: linear-gradient(333deg, rgba(102,102,102,0) 0%, rgba(229,229,229,1) 85%);
}

.branch-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.branch-info {
    padding-bottom: 10px;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: 0.4s cubic-bezier(0, 0.43, 1, 0.5);
    transition: none;
    z-index: 10;
}

.branch-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.branch-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

.branch-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    transition: 0.4s cubic-bezier(0, 0.43, 1, 0.5);
    transition: none;
    z-index: -10;
    opacity: 0;
}

.inner_content .branch-menu ul {
    margin: 0;
    padding: 40px;
}

.inner_content .branch-menu ul li {
    font-weight: 600;
    padding: 0 0 10px 24px;
}

.inner_content .branch-menu ul li:before {
    background-image: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11">\
    <circle cx="5" cy="5" r="5" fill="rgb(229,83,98)"  />\
    </svg>');
}

.inner_content .branch-menu ul li a {
    color: #000000;
}

.branch-link {
    width: fit-content;
    border-bottom: 1px solid #000000;
    margin-top: 40px;
    position: relative;
    transition: 0.4s cubic-bezier(0, 0.43, 1, 0.5);
    transition: none;
    font-weight: 600;
    color: #000000;
}

.branch-link.link:after{
    background-image: url('data:image/svg+xml,\
    <svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M1.00244 4C0.726299 4 0.502441 4.22386 0.502441 4.5C0.502441 4.77614 0.726299 5 1.00244 5L1.00244 4ZM11.356 4.85355C11.5513 4.65829 11.5513 4.34171 11.356 4.14645L8.17401 0.964467C7.97875 0.769205 7.66217 0.769204 7.46691 0.964467C7.27165 1.15973 7.27165 1.47631 7.46691 1.67157L10.2953 4.5L7.46691 7.32843C7.27165 7.52369 7.27165 7.84027 7.46691 8.03553C7.66217 8.2308 7.97875 8.2308 8.17401 8.03553L11.356 4.85355ZM1.00244 5L11.0024 5L11.0024 4L1.00244 4L1.00244 5Z" fill="rgb(0, 0, 0)"/>\
    </svg>');
}

@media(max-width: 1366px){
    .branch-item {
        padding: 20px;
    }

    .inner_content .branch-menu ul {
        padding: 20px;
    }
}

@media(max-width: 1240px){
    .branch-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(min-width: 992px){
    .branch-item.with-menu.hover .branch-menu {
        opacity: 1;
        z-index: 10;
    }

    .branch-item.with-menu.hover .branch-info {
        opacity: 0;
        z-index: -10;
    }

    .branch-item.with-menu.hover .branch-link {
        opacity: 0;
        z-index: -10;
    }
}

@media(max-width: 991px){

    .branch-list {
        grid-template-columns: 1fr;
    }

    .branch-item.with-menu {
        min-height: 356px !important;
    }

    .branch-item {
        min-height: 225px !important;
    }

    .branch-item.with-menu .branch-link,
    .branch-item.with-menu .branch-text {
        display: none;
    }
    .branch-item.long {
        grid-column: 1;
    }

    .branch-menu {
        position: relative;
        z-index: 10;
        opacity: 1;
    }

    .inner_content .branch-menu ul {
        padding: 0px;
    }

    .branch-title {
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
    }

    .branch-item.with-menu .branch-info {
        height: fit-content;
    }
}

.branch .custom-input-wrap a {
    color: #000000;
    text-decoration: underline;
}

.branch .custom-input-wrap .custom-file {
    border-color: #000000;
}

.branch-collumn {
    display: flex;
    justify-content: space-between;
}

.task-block {
    width: 100%;
    margin-right: 40px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
    padding: 20px;
    color: #000000;
}

.task-title {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

.task-list {
    margin-bottom: 40px;
}

.task-list li {
    padding: 10px 40px 10px 20px;
}

.task-list .link {
    display: block;
    width: fit-content;
}

.task-pick {
    position: relative;
    width: fit-content;
    margin: auto;
}


.task-images {
    min-width: 672px;
    width: 672px;
    position: relative;
}

.pulse {
    position: absolute;
    top: 100px;
    left: 100px;

}

.pulse-block {
    margin: 19px;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    box-shadow: 0 0 0 rgb(192, 80, 9);
    animation: pulse 1s infinite;
}

.pulse:hover .pulse-block {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(229, 83, 98);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(229, 83, 98, 0.14);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(229, 83, 98, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(229, 83, 98);
        box-shadow: 0 0 0 0 rgb(229, 83, 98);
    }
    70% {
        -moz-box-shadow: 0 0 0 15px rgba(229, 83, 98, 0.5);
        box-shadow: 0 0 0 15px rgba(229, 83, 98, 0.5);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(229, 83, 98, 0);
        box-shadow: 0 0 0 0 rgba(229, 83, 98, 0);
    }
}

.pulse-content {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 20px;
    color: #000000;
    box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
    max-width: 388px;
    min-width: 388px;
    position: absolute;
    opacity: 0;
    z-index: -100;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    transition: 0.3s;
    display: none;
}

.pulse:hover .pulse-content {
    display: block;
    opacity: 1;
    z-index: 2;
}

.pulse-content ul {
    font-size: 14px;
    line-height: 22px;
}

.inner_content .pulse-content ul li:before {
    background-image: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11">\
    <circle cx="5" cy="5" r="5" fill="rgb(229, 83, 98)"  />\
    </svg>');
}


.task-images::-webkit-scrollbar,
.branch-table::-webkit-scrollbar{
    width: 7px;
    height: 7px;
}

.task-images::-webkit-scrollbar-track,
.branch-table::-webkit-scrollbar-track{
    background: rgba(117, 158, 237, 0.2);
    border-radius: 2px;
}

.task-images::-webkit-scrollbar-thumb,
.branch-table::-webkit-scrollbar-thumb{
    background: rgba(117, 158, 237);
    border-radius: 2px;
}

.branch-description {
    margin-top: 100px;
}
.branch-description.top {
    margin-bottom: 50px;
    margin-top: 30px;
}

.branch-table {
    max-width: 100%;
    overflow-x: auto;
}

@media(max-width: 1124px){
    .branch-collumn {
        flex-direction: column-reverse;
    }

    .task-images {
        margin: 0px auto 50px;
        width: fit-content;
        min-width: auto;
        max-width: 100%;
        overflow-x: auto;
    }

    .task-images img {
        min-width: 672px;
        width: 672px;
    }

    .branch-description {
        margin-top: 0px;
    }
}

@media(max-width: 780px){

    .task-images {
        width: 672px;
        height: 458px;
    }
}


/* new style form about */

.company-form-box .custom-input-wrap,
.popup-content .custom-input-wrap{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.company-form-box .custom-input-wrap .custom-input-title,
.popup-content .custom-input-wrap .custom-input-title {
    position: absolute;
    left: 16px;
    right: 0;
    top: 50%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 24px;
    transform: translate(0px, -50%);
    padding: 0;
}

.company-form-box .custom-input-wrap.wrap-high .custom-input-title,
.popup-content .custom-input-wrap.wrap-high .custom-input-title{
    top: 10px;
    transform: none;
}

.company-form-box .custom-input-wrap input,
.company-form-box .custom-input-wrap textarea {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.company-form-box .custom-input-wrap input.btn-red {
    background-color: #E55362 !important;
    color: #ffffff !important;
    margin-bottom: 0;
}

.custom-input-checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-input-checkbox input+label {
    position: relative;
    padding-left: 40px;
    font-weight: normal;
    /*align-items: center;
    display: flex;*/
    display: inline-block;
    line-height: 24px;
}

.custom-input-checkbox input+label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #000000;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.company-form-left .custom-input-checkbox input+label::before {
    border: 1px solid #FFFFFF;
}

.custom-input-checkbox input:checked+label::before {
    border-color: #FFFFFF;
    background-color: var(--color-blue);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

@media(max-width: 768px){
    .project-individ .registration-content {
        display: flex;
        flex-direction: column;
    }
    .project-individ .registration-content .custom-input-wrap:nth-child(1) {
        order: 1;
    }
    .project-individ .registration-content .custom-input-wrap:nth-child(2) {
        order: 4;
    }
    .project-individ .registration-content .custom-input-wrap:nth-child(3) {
        order: 3;
    }
    .project-individ .registration-content .custom-input-wrap:nth-child(4) {
        order: 2;
    }
    .project-individ .registration-content .custom-input-wrap:nth-child(6) {
        order: 5;
    }
    .project-individ .registration-content .custom-input-wrap:nth-child(5) {
        order: 6;
    }

    .company-form-box .custom-input-wrap input.btn-red {
        margin-top: 20px;
    }
}

.company-form-box.box-block .company-form-left {
    width: 100%;
    max-width: 950px;
    margin: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}


.form.form-popup .custom-input-checkbox input+label::before {
    border-color: #D9D9D9;
}

@media(max-width: 991px){
    .banners_block .banner_menu .left_block .no_show_planshet {
        /*display: block !important;*/
        display: grid !important;
        grid-template-columns: auto;
        gap: 10px;
        width: 100%;
    }
    .banners_block .banner_menu .menu li {
        padding: 5px 30px 5px 0;
    }

    .banners_block .banner_menu .left_block {
        align-items: center;
    }
}


@media all and (max-width: 850px) {
    .banners_block > div .name {
        font-size: 16px;
    }
    .banners_block > div .info {
        font-size: 15px;
    }
    .banners_block .banner_menu .left_block .no_show_planshet {
        gap:5px;
    }
}


.show-mobile-768 {
    display: none !important;
}

@media(max-width: 768px){

    .banners_block .small_block {
        width: calc(70% - 10px);
        height: 170px;
    }

    .banners_block .banner_menu .right_block {
        height: 170px;
    }

    main section.banners_block .body > div:nth-child(3) {
        width: calc(30% - 10px);
        height: 100%;
    }

    .banners_block .banner_menu .left_block .no_show_planshet {
        /*display: block !important;*/
        grid-template-columns: auto auto auto;
        width: 100%;
    }

    .banners_block .banner_menu > div {
        min-height: 150px;
    }

    .banners_block .banner_menu .left_block {
        align-items: center;
    }

    .show-mobile-768 {
        display: block !important;
        order: 3;
    }

    .banners_block .show-mobile-768 .left_block {
        display: flex !important;
    }

    .banners_block .banner_menu .menu {
        column-count: 1;
    }
    main section.banners_block.mini_banners {
        margin-right: 0;
    }
}

@media(max-width: 625px){
    .banners_block .banner_menu .left_block .no_show_planshet {
        grid-template-columns: auto auto;
    }

}
@media(max-width: 480px){

    .banners_block .small_block {
        width: calc(70% - 5px);
        height: 120px;
    }

    .banners_block .banner_menu .right_block {
        height: 120px;
    }

    main section.banners_block .body > div:nth-child(3) {
        width: calc(30% - 5px);
        height: 100%;
    }
}

/* end new style form about */

.faq-tab-header {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.faq-tab-header-item {
    padding: 0px 10px 5px;
    border-bottom: 2px solid transparent;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin-right: 30px;
    margin-bottom: 10px;
    cursor: pointer;
}

.faq-tab-header-item.active {
    color: var(--color-coral);
    border-color: var(--color-coral);
}

.faq-tab-content-item {
    display: none;
}

.faq-tab-content-item.active {
    display: block;
}

.faq-tab-header-item:last-child {
    margin-right: 0px;
}

@media(max-width: 991px){
    .faq-tab-header-item {
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
        margin-right: 20px;
    }

    .faq_title {
        padding-bottom: 0px;
    }

    .faq-tab-header {
        flex-wrap: nowrap;
        overflow: auto;
    }
}

@media (max-width: 576px) {
    .faq-form {
        margin-left: 0px;
        margin-right: 0px;
    }

    .catalog-detail-price {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        grid-auto-flow: row;
    }
    .catalog-detail-price .icons {
        grid-column: span 2;
        width: 100%;
        justify-content: end;
    }
}

.form_order_test .custom-input-wrap .custom-file {
    height: auto;
    padding: 10px;
}

.form-popup .form_order_test .custom-input-wrap.wrap-high {
    grid-row: span 2;
}


.form-popup .form_order_test .custom-input-wrap.wrap-high textarea {
    height: 113px;
}

@media (max-width: 768px) {
    .form_order_test .registration-content {
        display: flex;
        flex-direction: column;
    }

    .form_order_test .registration-content .custom-input-wrap:nth-child(1) {
        order: 1;
    }
    .form_order_test .registration-content .custom-input-wrap:nth-child(2) {
        order: 4;
    }
    .form_order_test .registration-content .custom-input-wrap:nth-child(3) {
        order: 2;
    }
    .form_order_test .registration-content .custom-input-wrap:nth-child(4) {
        order: 3;
    }
    .form_order_test .registration-content .custom-input-wrap:nth-child(5) {
        order: 3;
    }
    .form_order_test .registration-content .custom-input-wrap:nth-child(6) {
        order: 6;
    }
    .form_order_test .registration-content .custom-input-wrap:nth-child(7) {
        order: 7;
    }
}

.company-form-box.resume .custom-input-wrap.wrap-high {
    grid-row: span 3;
}
.company-form-box.resume .custom-input-wrap.wrap-high .custom-input,
.company-form-box.resume .custom-input-wrap .custom-input textarea {
    height: 100%;
}

.contacts-h1 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
}

.contacts-h1.text-center {
    text-align: center;
}

.dillers-block {
    margin-top: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.dillers-menu {
    width: 442px;
}

.dillers-menu-item {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    margin-bottom: 20px;
    padding: 20px;
}

.dillers-menu-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 20px;
}

.dillers-menu-link.active {
    color: var(--color-coral);
}

.dillers-content {
    width: calc(100% - 462px);
}

.dillers-menu-link {
    padding-bottom: 2px;
    margin-bottom: 8px;
    width: fit-content;
}

.dillers-menu-link:last-child {
    margin-bottom: 0px;
}

.dillers-content-item {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dillers-content-item.active {
    display: flex;
}

.dillers-box {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    background-color: #F8FAFE;
    border-radius: 10px;
    padding: 20px;
    color: #000000;
    min-height: 236px;
}

.dillers-box-title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
}

.dillers-box-item {
    padding-left: 28px;
    margin-bottom: 10px;
    position: relative;
}

.dillers-box-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
}

.dillers-box-item.email:before {
    background-image: url('/local/templates/teko2024/assets/images/content/icons/dillers-email.svg');
}

.dillers-box-item.place:before {
    background-image: url('/local/templates/teko2024/assets/images/content/icons/dillers-place.png');
}

.dillers-box-item.clock:before {
    background-image: url('/local/templates/teko2024/assets/images/content/icons/dillers-clock.svg');
}

.dillers-box-item.phone:before {
    background-image: url('/local/templates/teko2024/assets/images/content/icons/dillers-phone.png');
}

.dillers-box-item.site:before {
    background-image: url('/local/templates/teko2024/assets/images/content/icons/dillers-site.svg');
}

.dillers-box-item.worktime:before {
    background-image: url('/local/templates/teko2024/assets/images/content/icons/dillers-worktime.svg');
}

.contacts-cart {
    margin-bottom: 100px;
    border-radius: 10px;
}

.contacts-cart .custom-popup.pickup-popup {
    max-width: 459px;
    position: absolute;
    display: block;
    min-width: 380px;
}

.contacts-cart .content_cart {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    position: relative;
}
.contacts-cart .content_cart .name-pickup {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 20px;
    text-align: center;
}

.contacts-cart .ymaps-2-1-79-balloon-overlay {
    top: 20px !important;
    left: 20px !important;
}

.trust_slider img {
    border-radius: 20px;
}

.not-page {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding-top: 40px;
}

.not-page a {
    font-weight: 500;
}

.not-page-text {
    margin-top: 50px;
}


.area-products-bg {
    bottom: 0 !important;
}

.area-item-title {
    padding: 0 10px 28px !important;
    font-weight: 600;
}

.popup-product-detail .popup-product-bottom {
    grid-column: span 2;
}
.basket-page-item .popup-product-detail .popup-product-img {
    max-width: 160px;
    width: 100%;
    /*height: auto;*/
}
.basket-page-delete {
    cursor: pointer;
}

.basket-page-check {
    font-weight: 300;
}

.compare-props-content .compare-prop-item {
    margin-right: 26px !important;
    border-right: 1px solid #E4E4E4;
    margin-bottom: 10px;
    text-align: center;
}
.fixed-products .compare-products {
    padding: 0 40px;
}


@media (max-width: 990px) {
    .compare-props-content .compare-prop-item {
        margin-right: 20px !important;
    }
}

.popup-product-img img {
    object-fit: contain !important;
}

.popup-product-detail .popup-product-bottom {
    grid-column: span 2;
}

.basket-page-delete {
    cursor: pointer;
}

.basket-page-check {
    font-weight: 300;
}

.compare-props-content .compare-prop-item {
    margin-right: 26px !important;
    border-right: 1px solid #E4E4E4;
    margin-bottom: 10px;
    text-align: center;
}
.fixed-products .compare-products {
    padding: 0 40px;
}
.autorizedBlock {
    width: 100%;
}
.autorizedBlock .infoBlock {
    margin-bottom: 35px;
}
.autorizedBlock .btnBlock {
    justify-content: space-between;
    display: flex;
    flex-wrap: nowrap;
}


@media (max-width: 990px) {
    .compare-props-content .compare-prop-item {
        margin-right: 20px !important;
    }
}

@media(max-width: 768px){
    .catalog_sort_panel_view button.list {
        display: none !important;
    }

    .catalog_sort_panel_view {
        width: 72px;
    }

    .products-column .products-slider-box .products-slider-buttons .btn {
        padding: 6px;
    }

    .products-column .products-slider-box {
       /* grid-template-columns: 1fr 1fr;*/
        grid-gap: 10px;
    }

}

@media(max-width: 724px){
    .products-column .products-slider-box {
        grid-template-columns: 1fr 1fr;
    }

}

@media(max-width: 456px){
    .products-column .products-slider-box {
        grid-template-columns: 1fr;
    }
}

/** langing - link */

.landing_pages_list {
    margin: 23px 0 50px;
    display: flex;
    flex-wrap: wrap;
}
.landing_pages_list .lp_group {
    font-weight: 600;
    width: 100%;
    margin: 45px 0 30px;
}
.landing_pages_list .lp_elem {
    margin-right: 35px;
    white-space: nowrap;
}
.landing_pages_list .lp_elem a {
    color: var(--default-color-font);
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    padding: 9px 35px 9px 60px;
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.landing_pages_list .lp_elem a:hover {
    /*background: #eeeeee;
    border: 1px solid var(--default-color-font);
    color: var(--default-color-font);*/
    --tw-shadow: 0px 0px 15px rgba(0, 0, 0, .16078);
    --tw-shadow-colored: 0px 0px 15px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 15px #00000029;
    /*box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);*/
    border-color: transparent;
}
.landing_pages_list .lp_elem.select a {
    background: #6291ed;
    border: 1px solid #6291ed;
    color: #ffffff;
}
.landing_pages_list .lp_elem a:before {
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml,\
    <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M1.78125 7C1.22897 7 0.78125 7.44772 0.78125 8C0.78125 8.55228 1.22897 9 1.78125 9L1.78125 7ZM19.4884 8.70711C19.8789 8.31658 19.8789 7.68342 19.4884 7.2929L13.1244 0.928934C12.7339 0.538409 12.1007 0.538409 11.7102 0.928933C11.3197 1.31946 11.3197 1.95262 11.7102 2.34315L17.367 8L11.7102 13.6569C11.3197 14.0474 11.3197 14.6805 11.7102 15.0711C12.1007 15.4616 12.7339 15.4616 13.1244 15.0711L19.4884 8.70711ZM1.78125 9L18.7812 9L18.7813 7L1.78125 7L1.78125 9Z" fill="rgb(229, 83, 98)"/>\
    </svg> ');
    width: 14px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 30px;
}
.landing_pages_list .lp_elem.select a:before {
    background-image: url('data:image/svg+xml,\
    <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M1.78125 7C1.22897 7 0.78125 7.44772 0.78125 8C0.78125 8.55228 1.22897 9 1.78125 9L1.78125 7ZM19.4884 8.70711C19.8789 8.31658 19.8789 7.68342 19.4884 7.2929L13.1244 0.928934C12.7339 0.538409 12.1007 0.538409 11.7102 0.928933C11.3197 1.31946 11.3197 1.95262 11.7102 2.34315L17.367 8L11.7102 13.6569C11.3197 14.0474 11.3197 14.6805 11.7102 15.0711C12.1007 15.4616 12.7339 15.4616 13.1244 15.0711L19.4884 8.70711ZM1.78125 9L18.7812 9L18.7813 7L1.78125 7L1.78125 9Z" fill="rgb(225, 225, 225)"/>\
    </svg> ');
}

.mt-50 {
    margin-top: 50px;
}

@media(max-width: 728px) {
    .pxt_photoGallery.photoGallery3 .photoItem:nth-of-type(3) {
        grid-column: auto;
        grid-row: auto;
    }
    .pxt_photoGallery.photoGallery4 .photoItem {
        grid-column: auto!important;
        grid-row: auto!important;
    }
    .pxt_photoGallery.photoGallery4 {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }
    .dillers-block {
        flex-wrap: wrap;
    }
    .dillers-content {
        width: 100%;
    }
    .dillers-box {
        width: 100%;
    }
    .dillers-box-title {
        text-align: left;
        font-size: 16px;
        font-weight: 500;
    }
    .dillers-box-item {
        font-size: 14px;
    }
    .accordion-header {
        font-size: 18px;
    }
    .certificate-item .certificate-title {
        font-size: 16px;
    }

}
@media(max-width: 576px) {
    .landing_pages_list .lp_elem {
        white-space: normal;
        margin-right: 0;
        width: 100%;
    }
    .brands_slider .item {
        gap: 10px;
    }
    .brands_slider .item > a {
        padding: 5px;
    }
    .brands_slider .item .left_block {
        padding: 15px;
    }
    .brands_slider .item .left_block .name {
        max-width: 100%;
    }
    .brands_slider .item .text_block {
        left: 20px;
    }
    .area-products-box {
        padding: 25px 0 30px;
    }
    .area-products-title {
        font-size: 26px;
        font-weight: 500;
    }
    .area-menu-li::before {
        transform: none;
        top: 0.3em;
    }
    .area-menu-li {
        font-size: 16px;
        line-height: 20px;
    }
    .prop_buttons {
        order: 0;
    }
    .vacancy-block {
        padding: 20px;
    }
    .faq_content_title {
        margin-bottom: 10px;
    }
    .products-main-trumbs {
        margin: 10px 0 0px 0px;
        text-align: center;
    }
    .manufacturer-doc-name {
        font-size: 14px;
    }
    .manufacturer-doc {
        padding: 20px 0;
    }
    h2, .h2 {
        font-size: 18px;
    }
    .action_block.ico_persent .name {
        background: none;
    }
    .catalog_action_block.action_block {
        flex-direction: row;
    }
    .produt-plitka-img img {
        object-fit: contain;
    }
}


/** search_analogs */
.search_analogs {
    width: 100%;
    /*background-color: rgb(226, 232, 240);*/
    background: url("/images/teko/index/find_analog.png") center right no-repeat;
    background-size: cover;
    margin-bottom: 50px;
    padding: 50px 40px;
    border-radius: 20px;
}
.search_analogs .ttl {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 1.1em;
}
.search_analogs .custom-input-wrap .custom-input input {
    background: #ffffff;
}
.search_analogs .row {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0;
}
.search_analogs .row .left_block {
    flex: 1;
}
.search_analogs .row .left_block input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.search_analogs .row .right_block {

}
.search_analogs .row .right_block .custom-input-wrap.with-btn .btn {
    margin: 0;
    padding: 11px 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    line-height: 24px;
}
.search_analogs .description {
    width: 100%;
    margin: 10px 0;
    font-size: 0.8em;
}
.search_analogs .sa_result_block {
    display: none;
}
.search_analogs .sa_result_block.active {
    display: block;
    margin-top: 35px;
    font-weight: 500;
}
.search_analogs .sa_result_block .text_before {
    margin-bottom: 25px;
}
.search_analogs .sa_result_block .text_after {
    margin-top: 25px;
}
.search_analogs .sa_result_block a {
    text-decoration: underline;
}
.search_analogs .sa_result_block a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.search_analogs .sa_result_block .list {
    font-weight: 300;
    padding-left: 35px;
    font-size: 0.9em;
}



.custom-input-wrap .ico_list {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
}
.custom-input-wrap .ico_list .ico_elem {
    width: 30%;
    padding: 10px 5px;
    border: 1px solid #fbe5e8;
    border-radius: 5px;
    font-size: 11px;
    color: #E55362;
    text-align: center;
    cursor: pointer;
}
.custom-input-wrap .ico_list .ico_elem:hover {
    box-shadow: 0px 5px 5px #cccccc;
}
.custom-input-wrap .ico_list .ico_elem.active {
    border: 1px solid #E55362;
    background: #fff5f7;
}
.custom-input-wrap .ico_list .ico_elem.phone {

}
.custom-input-wrap .ico_list .ico_elem.email {

}
.custom-input-wrap .ico_list .ico_elem.chat {

}
.custom-input-wrap .ico_list .ico_elem span {
    display: flex;
    width: 100%;
    margin-top: 7px;
    align-items: center;
    height: 31px;
    justify-content: center;
}
@media(max-width: 567px) {
    .custom-input-wrap .ico_list .ico_elem {
        width: 33%;
    }
}


/** ffs_blocks */

.ffs_blocks {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.ffs_blocks .ffs_elem {
    height: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    position: relative;
    padding: 20px 25px 15px 25px;
    background: #E2E8F0;
}

.ffs_blocks .ffs_elem .link {
    /*width: 100%;*/
    position: relative;
    font-size: 13px;
}

.ffs_blocks .ffs_elem .ttl {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.ffs_blocks .ffs_elem:hover .link .border-b {
    width: 100%;
}


.popup-header .ffs_blocks .ffs_elem, .popup-center .ffs_blocks .ffs_elem, .popup-footer .ffs_blocks .ffs_elem {
    background: transparent;
    height: auto;
    display: block;
    padding: 20px 0 15px;
}
.popup-header .ffs_blocks, .popup-center .ffs_blocks, .popup-footer .ffs_blocks {
    margin-bottom: 0;
}

.popup-header .ffs_blocks .ffs_elem p {
    margin-bottom: 5px;
}

.add-arrow {
    display: block;
    color: var(--color-blue);
    position: relative;
}
.add-arrow span {
    display: block;
    color:var(--color-grey);
}

.add-arrow:before{
    content: "";
    /*position: absolute;*/
    display: inline-block;
    margin-right: 5px;
    left: -20px;
    top: 5px;
    background-image: url('data:image/svg+xml,\
    <svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">\
    <path d="M1.00244 4C0.726299 4 0.502441 4.22386 0.502441 4.5C0.502441 4.77614 0.726299 5 1.00244 5L1.00244 4ZM11.356 4.85355C11.5513 4.65829 11.5513 4.34171 11.356 4.14645L8.17401 0.964467C7.97875 0.769205 7.66217 0.769204 7.46691 0.964467C7.27165 1.15973 7.27165 1.47631 7.46691 1.67157L10.2953 4.5L7.46691 7.32843C7.27165 7.52369 7.27165 7.84027 7.46691 8.03553C7.66217 8.2308 7.97875 8.2308 8.17401 8.03553L11.356 4.85355ZM1.00244 5L11.0024 5L11.0024 4L1.00244 4L1.00244 5Z" fill="rgb(117, 158, 237)"/>\
    </svg>');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 12px;
    height: 9px;

}

.border-blue {
    border: 1px solid var(--color-blue);
}
.popup-header .ffs_blocks .ffs_elem.border-blue,
.popup-center .ffs_blocks .ffs_elem.border-blue,
.popup-footer .ffs_blocks .ffs_elem.border-blue {
    padding: 20px 25px 15px 25px;
}
@media(max-width: 567px) {
    .ffs_blocks {
        grid-template-columns: 1fr;
    }

}

/** end ffs_blocks */





.custom-file .input-file-list-item {
    width: 100%; /*20%;*/
    position: relative;
    /*padding-bottom: 15px;*/
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.custom-file .input-file-list-item .input-file-list-img {
    width: 20%;
}
.custom-file .input-file-list-item .input-file-list-info {
    width: 70%;
    text-align: left;
    display: grid;
    font-weight: normal;
}
.custom-file .input-file-list-item i {
    font-size: 48px; /*28px;*/
    color: var(--color-coral);
    display: block;
}
.custom-file .input-file-list-item .input-file-list-size {
    display: block;
    margin-top: 5px;
    font-size:0.8em;
    color: #333333;
}
.custom-file .input-file-list-item .input-file-list-name {
    /*font-size: 11px;*/
    margin-top: 5px;
    word-break: break-word;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    height: 13px;
    position: absolute;*/
}
.form-popup .custom-file .input-file-list-item .input-file-list-name {
    font-size: 14px;
}
.custom-file .input-file-list-item .input-file-list-remove {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/local/templates/teko2024/assets/images/login/modal-close.svg);
    width: 12px;
    height: 12px;
    background-size: contain;
    text-indent: -99999px;
}
.custom-input-wrap .custom-file .custom-file-text {
    width: 100%;
}

.custom-file + .input-error{
    color: var(--color-coral);
    font-size: 12px;
    line-height: 22px;
    padding-top: 4px;
    text-align: right;
    margin-bottom: 20px;
}
.data_saved {
    border: 1px solid var(--color-green);
    padding: 50px;
    text-align: center;
    margin-bottom: 25px;
    background-color: rgb(147,280,86, 0.1);
    font-size: 1.2em;
}
.custom-input-wrap .custom-file {
    font-weight: normal;
}

.company-form-left .custom-file .input-file-list-item i {
    font-size: 40px;
    color: #fff;
}
.custom-file .input-file-list-item .input-file-list-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
.company-form-left .custom-file .input-file-list-item .input-file-list-size {
    color: #d1d1d1;
    margin-top: 3px;
}


.company-form-left .custom-file + .input-error {
    color: #fff;
}
.company-form-left .custom-file + .input-error i, .company-form-left .custom-input.error .input-error i {
    margin-right: 5px;
}

.company-form-left .custom-input-wrap .custom-input-title {
    top: 22px;
}

.company-form-left .success-text {
    border: 1px solid #fff;
    color: #fff;
    padding: 30px;
    text-align: center;
}

.company-form-left .errortext, .company-form-left  .red {
    display: none;
}

.company-form-left .custom-file .input-file-list-item .input-file-list-remove {
    background-image: url(/local/templates/teko2024/assets/images/login/modal-close-white.svg);
}

.company-form-box .custom-input-wrap,
.popup-content .custom-input-wrap{
    justify-content: flex-start;
}

.company-form-box .custom-input-wrap .custom-input-title, .popup-content .custom-input-wrap .custom-input-title {
    top: 23px;
}

/* tooltip */

.px_tooltip {
    position: relative;
}
.px_tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    right: 80%;
    top: 95%;
    z-index: 100;
    background-color: #F8FAFE;
    border: 1px solid var(--color-blue);
    font-size: 12px;
    color: var(--color-blue);
    padding: 10px;
    border-radius: 10px;
    display: none;
    max-width: 150px;
    width: max-content;
    text-align: left;
}
.px_tooltip.right::after {
    right: auto;
    left: 50%;
    border-top-left-radius: 0;
}
.px_tooltip:not(.right)::after {
    border-top-right-radius: 0;
}
.px_tooltip:hover::after {
     display: block;
    white-space: pre-wrap;
 }

.conteinet_full_items.view_0 .table_items.view_0.view_0_2 .row.product-item-list-col-1:last-child .px_tooltip::after,
.conteinet_full_items.view_0 .table_items.view_0.view_0_2 .row.product-item-list-col-1:nth-last-child(2) .px_tooltip::after {
    bottom: 95%;
    top: auto;
    border-radius: 10px!important;
}
.conteinet_full_items.view_0 .table_items.view_0.view_0_2 .row.product-item-list-col-1:last-child .px_tooltip.right::after,
.conteinet_full_items.view_0 .table_items.view_0.view_0_2 .row.product-item-list-col-1:nth-last-child(2) .px_tooltip.right::after {
    border-bottom-left-radius: 0!important;
}
.conteinet_full_items.view_0 .table_items.view_0.view_0_2 .row.product-item-list-col-1:last-child .px_tooltip:not(.right)::after,
.conteinet_full_items.view_0 .table_items.view_0.view_0_2 .row.product-item-list-col-1:nth-last-child(2) .px_tooltip:not(.right)::after {
    border-bottom-right-radius: 0!important;
}

.products-slider-box .product-item-container .products-slider-item .px_tooltip::after {
    border-radius: 10px!important;
    bottom: 95%;
    top: auto;
    right: auto;
    left: 50%;
    border-bottom-left-radius: 0!important;
}

.catalog-detail .products-slider-buttons.products-slider-icons .px_tooltip.right::after {
    left: 5%;
    max-width: 160px;
}
@media (max-width: 576px) {
    .popup-content {
        padding: 20px;
    }
    .title_block .info_block > div {
        margin-right: 0;
    }
    .title_block .info_block .btn {
        white-space: normal;
    }
    .brands_slider .owl-dots, .owl-carousel.trust_slider .owl-dots {
        width: 100%;
        padding: 15px;
        text-align: center !important;
    }
    .brands_slider .owl-nav, .trust_slider .owl-nav {
        display: none;
    }

    .owl-carousel.trust_slider .owl-stage-outer {
        margin-bottom: 0;
    }

    .products-slider-box .owl-dots {
    flex-wrap: wrap;
        width: 100%;
        padding: 15px;
        text-align: center !important;
        justify-content: center;
    }
    .products-slider-box .owl-nav {
        display: none;
    }
    .search_analogs .row .right_block .custom-input-wrap.with-btn .btn {
        text-indent: -999px;
        padding: 11px 25px;
        background: var(--color-coral) url('data:image/svg+xml,\
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">\
        <path d="M13.1262 6.649C13.1262 10.0336 10.3113 12.798 6.81309 12.798C3.31491 12.798 0.5 10.0336 0.5 6.649C0.5 3.26442 3.31491 0.5 6.81309 0.5C10.3113 0.5 13.1262 3.26442 13.1262 6.649Z" stroke="rgb(255,255,255)"/>\
        <path d="M11.8359 10.8206L17.0005 16" stroke="rgb(255,255,255)" stroke-linecap="round" stroke-linejoin="round"/>\
        </svg>');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 25px;
    }
}
/* End */


/* Start:/local/templates/teko2024/assets/css/print.css?17413472321176*/
.print_version {
    display: none;
}
@media print {
    a[href]:after { content: none; }

    #panel, header, footer, #navigation,
    .catalog-detail-left .products-slider-buttons.products-slider-icons,
    .catalog-detail-button,
    .one_prop .check.input-checkbox,
    .product-item-detail-properties .prop_buttons,
    .catalog-detail-stock .icon,
    .products-detail-file .file-btn,
    .products-detail-trumbs.swiper-container
    {
        display: none;
    }
    main {
        padding-top: 0;
    }
    .catalog-detail-stock span {
        padding: 5px 10px;
    }
    .product-item-detail-properties .one_prop {
        flex-direction: row;
    }
    .products-detail-images {
        height: 230px;
    }
    .swiper-slide.swiper-slide-active {
        width: 230px!important;
    }
    .products-detail-images {
        width: 230px;
        height: 230px;
        overflow: visible;
    }
    .print_version {
        display: block;
        width: 200px;
    }
    .products-detail-slider {
        overflow: visible;
    }
    .catalog-detail-wrapper.catalog-detail-accessories {
        display: none;
    }
}
/* End */


/* Start:/local/templates/teko2024/assets/js/owlcarousel/assets/owl.carousel.min.css?17321012493356*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/teko2024/assets/js/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/teko2024/assets/js/owlcarousel/assets/owl.theme.default.min.css?17321012491018*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/local/templates/teko2024/assets/js/fancybox/fancybox.css?174134151232058*/
:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: .175s ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: .175s ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, -150px, 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, 150px, 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, 0.2s) * .5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg)
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
    box-sizing: inherit
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
    overflow: hidden
}

.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::before, .fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
   /* background: var(--fancybox-content-bg, #fff);*/
    background: transparent;
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
    cursor: auto
}

.fancybox__slide.has-image > .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
    filter: blur(0px);
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    user-select: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content > .f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content > .f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop,.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
    animation: .25s ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: .35s ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop,.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
    animation: .15s ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: .35s ease forwards f-fadeOut
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden
}

.f-thumbs__track {
    display: flex;
    will-change: transform
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    min-width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--left, 0) * 1px);
    width: calc(100% - var(--width, 0) * 1px);
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0));
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern .f-thumbs__slide > * {
    clip-path: var(--clip-path)
}

.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.is-modern.in-touch .f-thumbs__slide {
    filter: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: all .33s ease
}

.is-modern.is-resting .f-thumbs__slide > * {
    transition: all .33s ease
}

.f-thumbs__slide__button {
    appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover
}

.f-thumbs.is-horizontal .f-thumbs__track {
    margin: 0 auto;
    padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    margin: auto 0;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    user-select: none;
    pointer-events: none
}

@media screen and (min-width: 961px) {
    .fancybox__content iframe {
        width: 960px
    }
}

@media screen and (max-width: 740px) {
    .fancybox__content iframe {
        width: 720px
    }
}

@media screen and (max-width: 480px) {
    .fancybox__content iframe {
        width: 470px
    }
}

@media screen and (max-width: 360px) {
    .fancybox__content iframe {
        width: 340px
    }
}

@media screen and (max-width: 200px) {
    .fancybox__content iframe {
        width: 200px
    }
}
/* End */
/* /local/templates/teko2024/assets/js/swiper/swiper.min.css?175076158916361 */
/* /local/templates/teko2024/components/bitrix/search.title/inline/style.css?17345066244126 */
/* /local/templates/teko2024/components/bitrix/sale.basket.basket.line/.default/style.css?17321012435152 */
/* /local/templates/teko2024/components/bitrix/breadcrumb/.default/style.css?1732101243784 */
/* /local/templates/teko2024/template_styles.css?1733811980565 */
/* /local/templates/teko2024/assets/fonts/montserrat/stylesheet.css?17321012483843 */
/* /local/templates/teko2024/assets/css/normalize.css?17345036256487 */
/* /local/templates/teko2024/assets/css/style.css?1758539572386543 */
/* /local/templates/teko2024/assets/css/print.css?17413472321176 */
/* /local/templates/teko2024/assets/js/owlcarousel/assets/owl.carousel.min.css?17321012493356 */
/* /local/templates/teko2024/assets/js/owlcarousel/assets/owl.theme.default.min.css?17321012491018 */
/* /local/templates/teko2024/assets/js/fancybox/fancybox.css?174134151232058 */