/* Start:/local/templates/gmt/styles/swiper-bundle.min.css?171463111018413*/ /** * Swiper 10.0.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 3, 2023 */ @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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/gmt/style.css?1761661484202921*/ @font-face { font-family: Manrope; src: url(/local/templates/gmt/fonts/Manrope-VariableFont_wght.ttf); } * { margin: 0; padding: 0; box-sizing: border-box; } li { list-style: none; } button { cursor: pointer; } html { font-family: Manrope; } body { background: var(--unnamed, #F8F7F3); } .doc img { max-width: 100%; } /* new styles */ .row { display: flex; flex-wrap: wrap; } .row_nowrap { flex-wrap: nowrap; } .row_reverse { flex-direction: row-reverse; } .row_y-center { align-items: center; } .row_gap-x-10 { margin-left: -5px; margin-right: -5px; &>* { padding-left: 5px; padding-right: 5px; } } .row_gap-y-10 { margin-top: -5px; margin-bottom: -5px; &>* { padding-top: 5px; padding-bottom: 5px; } } .row_gap-20 { margin: -10px; &>* { padding: 10px; } } @media (min-width: 992px) { .row_gap-40 { margin: -20px; &>* { padding: 20px; } } } .col-12 { width: 100%; } @media (min-width: 992px) { .col-lg-6 { width: 50%; } } @media (min-width: 768px) { .col-md-1 { width: calc(100% / 12 * 1); } .col-md-4 { width: calc(100% / 12 * 4); } .col-md-5 { width: calc(100% / 12 * 5); } .col-md-6 { width: 50%; } .col-md-7 { width: calc(100% / 12 * 7); } .col-md-8 { width: calc(100% / 12 * 8); } } @media (max-width: 1199.98px) { .hide-xl-max { display: none; } } @media (max-width: 991.98px) { .hide-lg-max { display: none; } } @media (max-width: 767.98px) { .hide-md-max { display: none; } } @media (min-width: 992px) { .hide-lg { display: none; } } @media (min-width: 1200px) { .hide-xl { display: none; } } .gray { color: #8b8a88; } .bold { font-weight: 700; } .semibold { font-weight: 600; } .mt0 { margin-top: 0; } .mb20 { margin-bottom: 20px; } .radius { border-radius: 10px; } .fz18 { font-size: 18px; } .fz24 { font-size: 24px; } @media screen and (min-width: 992px) { .fz27-lg { font-size: 27px; } .fz30-lg { font-size: 30px; } .fz40-lg { font-size: 40px; } } .lh-small { line-height: 1.2; } .text-max-1100 { max-width: 1100px; } .wrap { padding: 20px 65px; font-family: Manrope, sans-serif; font-size: 16px; } @media screen and (max-width: 1200px) { .wrap { padding: 20px; } } .wrap>.section:last-child { margin-bottom: 0; } .page-header { font-size: 30px; margin-bottom: 30px; line-height: 1.2; } @media screen and (min-width: 992px) { .page-header { font-size: 40px; } } .section { margin-bottom: 40px; } .section_gray-bg, .section_white-bg { padding: 24px 0; } .section_gray-bg { background-color: #e5e4ed; box-shadow: 50vw 0 #e5e4ed, -50vw 0 #e5e4ed; } .section_white-bg { background-color: #fff; box-shadow: 50vw 0 #fff, -50vw 0 #fff; } @media screen and (min-width: 992px) { .section_white-bg, .section_gray-bg { padding: 56px 0; } } .section__header { margin-bottom: 20px; } @media screen and (min-width: 992px) { .section__header { margin-bottom: 30px; } } .section__title { font-size: 26px; font-weight: 500; line-height: 1.2; hyphens: auto; hyphenate-limit-chars: 14 10 2; } @media screen and (min-width: 575px) { .section__title { font-size: 30px; } } .text-doc img { max-width: 100%; height: auto !important; border-radius: 10px; } .text-doc ul { list-style-type: disc; padding-left: 1.5em; } .text-doc li { list-style: initial; } .text-doc li::marker { color: #088269; } .text-doc hr, .text-doc li, .text-doc p { margin-bottom: 8px; font-family: inherit; } .text-doc h2, .text-doc h3, .text-doc p { margin-bottom: 16px; margin-top: 16px; } .text-doc>h2:first-child, .text-doc>h3:first-child, .text-doc>p:first-child, .text-doc .mt0 { margin-top: 0; } .text-doc p.images-inline { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; } .text-doc>ol:last-child>li:last-child, .text-doc>p:last-child, .text-doc>ul:last-child>li:last-child { margin-bottom: 0; } @media screen and (min-width: 992px) { .text-doc .float-left-img { float: left; margin-right: 20px; margin-bottom: 5px; } .text-doc .float-right-img { float: right; margin-left: 20px; margin-bottom: 5px; } .text-doc:after { content: ''; display: block; clear: both; } .text-doc .float-clear { clear: both; } } .card-transparent { padding: 20px; border: 1px solid #e5e2ee; border-radius: 10px; } .card { background-color: #fff; padding: 20px; border: 1px solid #e5e2ee; border-radius: 10px; } @media screen and (min-width: 575px) { .card-p40-sm { padding: 40px; } } .card_consultation-with-img { display: flex; align-items: center; gap: 20px; } @media screen and (max-width: 991.98px) { .card_consultation-with-img { flex-direction: column; } } .card_consultation-with-img img { vertical-align: middle; object-fit: cover; max-width: 100%; border-radius: 5px; } .card_consultation-with-img .card__btn-wrap { flex-shrink: 0; } @media screen and (min-width: 992px) { .card_consultation-with-img .card__btn-wrap { padding: 0 20px; } } .card_consultation-with-img .card__img-wrap { flex-shrink: 0; } a:hover .card { border-color: #bbb; } .wrap .green_btn, .wrap .fff_btn, .wrap .openPopUpPrice { font-size: 14px; padding: 11px 20px; } .circle-green { display: inline-block; border: 1px solid; border-radius: 20px; line-height: 1; min-width: 26px; padding: 4px; text-align: center; font-size: 16px; color: #088269; } /* !new styles */ .new { border-radius: 60px; border: 1px solid #088269; background: #E1EFE6; color: #088269; /* 1440/l1 */ font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; display: flex; padding: 4px 10px; justify-content: center; align-items: center; } @media screen and (max-width:1200px) { .new { font-size: 12px; padding: 4px 8px; } } @media screen and (max-width:500px) { .new { font-size: 8px; } } header { width: 100%; display: flex; flex-direction: column; } .home_head { width: 100%; padding: 10px 65px; display: flex; justify-content: space-between; border-bottom: 1px solid #E5E2EE; } .home_head span { color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .home_head div { display: flex; align-items: center; gap: 20px; } .home_head div:nth-child(2) { gap: 45px; } .home_head-main { display: flex; justify-content: space-between; padding: 20px 65px; border-bottom: 1px solid #E5E2EE; position: relative; } .home_head-main .categorySelect_block { z-index: 999; } .head_main-icons { display: flex; gap: 20px; align-items: center; } .main_icons-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; cursor: pointer; } .main_icons-item p { color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .head_main-search { display: flex; align-items: center; gap: 45px; } .for_search { border-radius: 50px; background: var(--unnamed, #D5D1E1); height: 39px; display: flex; position: relative; } .for_search input { width: 565px; height: 39px; border-radius: 50px; border: 2px solid var(--unnamed, #F8F7F3); outline: none; padding-left: 25%; } .for_search input::placeholder { color: #403c4e; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .head_main-search > p { color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .search_btn { display: flex; justify-content: center; align-items: center; padding: 9px; } .search_btn img { cursor: pointer; } .category_select p { color: #403c4e; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; cursor: pointer; } .category_select { height: 100%; position: absolute; left: 0; display: flex; gap: 8px; align-items: center; justify-content: center; border-radius: 50px; background: #EFEFEF; padding: 10px 15px; } .home_head-footer { width: 100%; padding: 10px 65px; display: flex; justify-content: space-between; border-bottom: 1px solid #E5E2EE; } .home_head-footer nav { display: flex; align-items: center; } .home_head-footer nav ul { list-style-type: none; display: flex; align-items: center; gap: 25px; } .home_head-footer nav ul li { display: flex; align-items: center; gap: 4px; } .home_head-footer nav ul li a { text-decoration: none; color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .home_head-contact { display: flex; align-items: center; gap: 20px; } .home_head-location { display: flex; align-items: center; gap: 4px; } .home_head-location p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .home_head-contact button { display: flex; padding: 11px 20px; justify-content: center; align-items: center; border-radius: 50px; border: 1px solid var(--unnamed, #D5D1E1); color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .home_head-contact .green_btn { color: #F8F7F3; background: var(--unnamed, #088269); } .green_btn { color: #F8F7F3; background: var(--unnamed, #088269); display: flex; padding: 11px 20px; justify-content: center; align-items: center; border-radius: 50px; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; border: none; } .green_btn--small { padding: 8px 13px; } /* slider1 start */ main { padding: 30px 65px; min-width: 0%; } .swiper { width: 100%; border-radius: 10px; background: var(--unnamed, #E5E4ED); user-select: none; } .swiper-wrapper { border-radius: 10px; background: var(--unnamed, #E5E4ED); } main .swiper-slide { padding: 20px; display: flex; flex-direction: column; gap: 20px; } main .swiper-slide p { padding: 0; font-size: 16px; } main .swiper_btns { padding: 0; } .changeSlide.slide9_button_prev, .changeSlide.slide10_button_prev, .changeSlide.slide5_button_prev { position: absolute; left: 0; bottom: 50%; transform: translateY(50%); } .changeSlide.slide9_button_next, .changeSlide.slide10_button_next, .changeSlide.slide5_button_next { position: absolute; right: 0; bottom: 50%; transform: translateY(50%); } @media (max-width: 991.98px) { main .changeSlide { display: none; } main .swiper-slide p { line-height: 1.2; } main .swiper-slide { height: auto; justify-content: space-between; } main .for_slider_background { margin: 0 -20px -20px; } main .swiper-slide img { object-fit: contain; max-height: 345px; object-position: right; } } @media (min-width: 992px) { main .swiper-slide { height: 30vw; max-height: 345px; padding-right: 40%; } main .for_slider_background { position: absolute; top: 0; right: 0; left: 50%; bottom: 0; width: 50%; } } /* main .swiper-slide { position: relative; padding-left: 50px; padding-top: 30px; padding-bottom: 30px; } main .swiper-slide { display: flex; flex-direction: column; gap: 20px; height: auto; } .for_slider_background { position: absolute; right: 0; top: 0; z-index: -1; } .for_slider_background img { height: 100%; object-fit: cover; } @media screen and (max-width:1310px) { main .swiper-slide { padding-left: 20px; } } @media screen and (max-width:991.98px) { main .swiper-slide { display: flex; flex-direction: column; padding: 0; } } @media screen and (max-width:500px) { main .swiper-slide h2 { padding: 17px 20px; } main .swiper-slide p { padding-left: 20px; } } @media screen and (max-width:560px) { main .swiper-slide p { font-size: 10px; } } @media screen and (max-width:500px) { main .green_btn, main .fff_btn { width: 50%; } .for_slider_background img { object-fit: none; border-radius: 0; height: 232px; } main .swiper-slide h2 { padding-bottom: 0px; } main .swiper-slide { gap: 15px; } } */ .swiper-slide h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; line-height: 110%; /* 52.8px */ } .swiper-slide p { color: #403c4e; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ padding-top: 32px; padding-bottom: 65px; } .swiper_btns { display: flex; gap: 15px; align-items: center; } .fff_btn { color: var(--unnamed, #088269); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; border-radius: 50px; border: 1px solid var(--unnamed, #D5D1E1); padding: 11px 30px; } .slide1_button_next { top: 80%; padding: 12px; position: absolute; top: 77%; right: 10%; left: unset; background-color: red; z-index: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #D5D1E1; background: #F8F7F3; } .slide1_button_prev { padding: 12px; position: absolute; top: 77%; right: 15%; left: unset; background-color: red; z-index: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #F8F7F3; border: 1px solid #D5D1E1; } .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: unset; } /* slider1 end */ /* category */ .home_category { display: flex; flex-direction: column; padding: 100px 65px; gap: 45px; } .home_category-title { display: flex; justify-content: space-between; align-items: center; } .home_category-title h2 { color: var(--unnamed, #202020); /* 1440/H2 */ font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .home_category-block { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .home_category-item { border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #FFF); display: flex; justify-content: center; align-items: center; flex-direction: column; } .home_category-item img { object-fit: cover; object-position: center; height: 75%; } .category_name h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ padding: 20px 25px; } /* weBest */ .weBest { padding: 100px 65px; display: flex; flex-direction: column; gap: 40px; } .weBest h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .best_block { display: flex; gap: 10px; justify-content: space-between; } .best__item { border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); padding: 92px 86px 82px 86px; /* left = 86 bottom = 82 top = 92 */ display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 42px; } .best__item p { text-align: center; color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } /* about */ .about { background: var(--unnamed, #088269); padding: 118px 65px; display: flex; justify-content: space-between; } .about h2 { color: var(--unnamed, #F8F7F3); font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .about_main { width: 50%; display: flex; flex-direction: column; } .line { opacity: 0.5; background: #E1DFE7; width: 100%; height: 1px; } .option1 { width: 100%; padding: 25px 0; display: flex; flex-direction: column; gap: 24px; } .option_title { width: 100%; display: flex; justify-content: space-between; align-items: center; } .close { display: flex; padding: 6px; justify-content: center; align-items: center; border-radius: 40px; background: var(--unnamed, #F8F7F3); cursor: pointer; } .add { display: flex; padding: 6px; justify-content: center; align-items: center; border-radius: 40px; border: 1px solid var(--unnamed, #F8F7F3); background: transparent; cursor: pointer; } .option_main { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; } .option_main p { color: var(--unnamed, #F8F7F3); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ opacity: 0.8; } .option_main a { color: var(--unnamed, #F8F7F3); /* 1440/l1 */ font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; text-decoration: none; } .option_main { transition: .5s; display: none; } /* complex */ .home_complex { display: flex; flex-direction: column; gap: 43px; padding: 150px 65px; } .home_complex h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .mySwiper2 { min-width: 0%; background: transparent; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .mySwiper2 .swiper-wrapper { background: transparent; } .mySwiper2 .slide2 { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; } .mySwiper2 .slide2 img { object-fit: cover; height: 85%; width: 100%; } .mySwiper2 .slide2_button_next { width: 50px; height: 50px; position: absolute; bottom: 0%; left: 70px; background-color: red; z-index: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #D5D1E1; background: #F8F7F3; } .mySwiper2 .slide2_button_prev { width: 50px; height: 50px; position: absolute; bottom: 0px; left: 0%; background-color: red; z-index: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #F8F7F3; border: 1px solid #D5D1E1; } .mySwiper2 .swiper-pagination-bullet { width: 5px; border-radius: unset; height: 5px; border-radius: 50%; } .mySwiper2 .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: unset; } .mySwiper2 .swiper-pagination-bullet-active { background-color: red; width: 50px; border-radius: 15px; } .mySwiper2 .slide2 { border-radius: 10px; margin-bottom: 90px; display: flex; align-items: start; display: flex; flex-direction: row; align-items: start; } .mySwiper2 .slide2 > div { width: 100%; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); } .mySwiper2 .slide2_btn_1 { position: absolute; z-index: 100; bottom: 0; right: 15%; } .mySwiper2 .slide2_btn_2 { position: absolute; z-index: 100; bottom: 0; right: 0px; } .for_slider3txt { width: 100%; display: flex; flex-direction: column; padding: 20px 15px; gap: 10px; } .for_slider3txt h2 { color: var(--unnamed, #202020); /* 1440/H3 */ font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .for_slider3txt > div { display: flex; flex-direction: column; gap: 5px; } .for_slider3txt > div p { color: #403c4e; /* 1440/t3 */ font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; padding: 0; } .padIN { padding: 0px 60px; margin: 40px 0px 0px 0px; position: relative; } .lkgj .catalog, .lkgj .news, .lkgj .brands { padding: 20px 0px; position: relative; } /* catalog */ .catalog, .news, .brands { padding: 20px 65px; position: relative; } .catalog .swiper, .news .swiper, .brands .swiper { width: auto; position: initial; } @media (max-width: 1200px) { .catalog, .news, .brands { padding: 20px; } .catalog .swiper, .news .swiper, .brands .swiper { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } } .catalog_text { display: flex; flex-direction: column; gap: 10px; margin-bottom: 40px; } .catalog_text h2, .catalog_text .h2 { color: var(--unnamed, #202020); /* 1440/H2 */ font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .catalog_p { display: flex; flex-direction: column; gap: 10px; } .catalog_p p { color: var(--unnamed, #202020); opacity: 0.5; /* 1440/t1 */ font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } /* swiper 3 */ .mySwiper3 { min-width: 0%; background: transparent; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .mySwiper3 .swiper-wrapper { background: transparent; } .mySwiper3 .slide3 { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; } .mySwiper3 .slide3 img { object-fit: cover; } .swiper3_head>a>img { height: 250px; } @media (max-width: 1200px) { .swiper3_head>a>img { height: 200px; } } .mySwiper3 .slide3_button_next { width: 50px; height: 50px; position: absolute; bottom: 0%; left: 130px; background-color: red; z-index: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #D5D1E1; background: #F8F7F3; } .mySwiper3 .slide3_button_prev { width: 50px; height: 50px; position: absolute; bottom: 0px; left: 65px; background-color: red; z-index: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #F8F7F3; border: 1px solid #D5D1E1; } .mySwiper3 .swiper-pagination-bullet { width: 5px; border-radius: unset; height: 5px; border-radius: 50%; } .mySwiper3 .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: unset; } .mySwiper3 .swiper-pagination-bullet-active { background-color: red; width: 50px; border-radius: 15px; } .mySwiper3 .slide3 { border-radius: 10px; margin-bottom: 70px; display: flex; align-items: start; display: flex; flex-direction: row; align-items: start; } .mySwiper3 .slide3>div { width: 100%; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); } .mySwiper3 .slide3_btn_1 { position: absolute; z-index: 100; bottom: 0; right: 20%; } .mySwiper3 .slide3_btn_2 { position: absolute; z-index: 100; bottom: 0; right: 50px; } .for_slider2txt { width: 100%; height: 15%; display: flex; justify-content: flex-start; align-items: center; padding: 20px 25px; } .for_slider2txt h2 { color: var(--unnamed, #202020); /* 1440/t1 */ font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } .swiper3_head { position: relative; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 10px 10px 0 0; padding: 63px 16px 35px 16px; } .swiper3_icons { position: absolute; top: 0; left: 0; width: 100%; padding: 17px 15px; display: flex; justify-content: space-between; } .swiper3_icons p { border-radius: 60px; border: 1px solid #088269; background: #E1EFE6; color: #088269; /* 1440/l1 */ font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; display: flex; padding: 4px 10px; justify-content: center; align-items: center; } .swiper3_icons>div { display: flex; gap: 10px; } /* clients */ .clients { padding: 100px 0px; display: flex; flex-direction: column; gap: 100px; background: var(--unnamed, #E5E4ED); } .clients_title { display: flex; justify-content: space-between; padding: 0px 65px; } .clients_title h2 { color: var(--unnamed, #202020); /* 1440/H2 */ font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .clients_title h3 { color: var(--unnamed, #202020); /* 1440/H1 */ font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; line-height: 110%; /* 52.8px */ } /* slide 4 */ .mySwiper4 { min-width: 0%; padding-left: 65px; padding-right: 65px; } @media (max-width: 1200px) { .mySwiper4 { padding-left: 20px; padding-right: 20px; } } .slide4 { width: 320px; } .slide4>div { border: 1px solid var(--unnamed, #E5E2EE); } .slide4_img { height: 70%; background: #fff; border-radius: 10px 10px 0 0; display: flex; justify-content: center; align-items: center; padding: 10px; flex-grow: 1; } .slide4_img { height: 200px; } div.slide4_img img { height: auto; width: auto; max-width: 100%; max-height: 100%; object-fit: contain; } .slide4_text { padding: 20px 69px 20px 25px; background: var(--unnamed, #F8F7F3); border-radius: 0 0 10px 10px; min-height: 108px; } .slide4_text p { color: var(--unnamed, #202020); padding: 0; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } /* brands */ .categories { display: flex; padding-left: 65px; padding-bottom: 100px; padding-top: 150px; } .mySwiper5, .mySwiper77 { min-width: 0%; background: transparent; display: flex; flex-direction: column; } .slide5_btns { display: flex; justify-content: space-between; } .slide5_arrows { display: flex; align-items: center; gap: 10px; } .slide5_button_next, .slide5_button_prev { display: flex; justify-content: center; align-items: center; padding: 12px; border-radius: 40px; border: 1px solid var(--unnamed, #D5D1E1); background: var(--unnamed, #F8F7F3); cursor: pointer; } .mySwiper5 .swiper-wrapper, .mySwiper77 .swiper-wrapper { background: transparent; } .slide5 { width: 320px; height: 280px; border-radius: 10px; } .slide5>div { width: 100%; height: 100%; border: 1px solid var(--unnamed, #E5E2EE); border-radius: 10px; } .slide5_img { height: 70%; background: #fff; border-radius: 10px 10px 0 0; display: flex; justify-content: center; align-items: center; /* padding: 46px 52px 48px 51px; */ } .slide5_img img { object-fit: cover; } .slide5_text { padding: 20px 69px 20px 25px; border-radius: 0 0 10px 10px; } .slide5_text p { color: var(--unnamed, #202020); padding: 0; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } /* news */ .news_text { width: 30%; display: flex; flex-direction: column; gap: 40px; } .news_text h2 { color: var(--unnamed, #202020); /* 1440/H2 */ font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .slide6>div { border: 1px solid var(--unnamed, #E5E2EE); display: flex; flex-direction: column; border-radius: 10px; } .for_slider6txt { width: 100%; display: flex; flex-direction: column; gap: 5px; padding: 20px 15px; background: var(--unnamed, #F8F7F3); border-radius: 0 0 10px 10px; } .for_slider6txt span { color: #403c4e; /* 1440/t3 */ font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .for_slider6txt h2 { color: var(--unnamed, #202020); /* 1440/H3 */ font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .for_slider6txt p { color: #403c4e; /* 1440/t1 */ font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ padding: 0; margin-top: 15px; } .swiper6_head { width: 100%; height: 40vh; border-radius: 10px 10px 0 0; } .swiper6_head img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0 0; } .mySwiper6, .mySwiper6 .swiper-wrapper { background: transparent; } .mySwiper6 { display: flex; flex-direction: column; } .mySwiper6 .swiper-wrapper { display: flex; } .slide6_button_prev, .slide6_button_next { display: flex; justify-content: center; align-items: center; padding: 12px; border-radius: 40px; border: 1px solid var(--unnamed, #D5D1E1); background: var(--unnamed, #F8F7F3); cursor: pointer; } /* contact */ .contact { padding: 150px 65px; } .contact_map { width: 100%; height: 385px; min-height: 100%; border: 1px solid var(--unnamed, #E5E2EE); border-radius: 10px; } .contact_map iframe { width: 100%; height: 100%; border-radius: 10px; } .contact_block { border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #FFF); padding: 40px; display: flex; flex-direction: column; gap: 25px; } .contact_block h2 { color: var(--unnamed, #030202); /* 1440/H2 */ font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .contact_block p { color: #403c4e; /* 1440/t1 */ font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } .contact_btns { display: flex; justify-content: space-between; align-items: center; gap: 30px; } .contact_inputs { display: flex; flex-direction: column; gap: 25px; } .contact_inputs input { outline: none; border: none; border-bottom: 1px solid #7A7687; opacity: 0.3; padding-bottom: 11px; } .contact_inputs input::placeholder { color: #403c4e; /* 1440/l2 */ font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .contact_inputs .question { padding-bottom: 96px; } /* subscrition */ .subscrition { height: fit-content; border: 1px solid var(--unnamed, #E5E4ED); background: var(--unnamed, #E5E4ED); display: flex; justify-content: flex-end; padding: 35px 175px; position: relative; } .for_subImg { width: 50%; height: 100%; position: absolute; background: url(/local/templates/gmt/img/subscriton.png); background-repeat: no-repeat; background-size: cover; left: 65px; top: 0; } .sub_checkbox { display: flex; gap: 10px; align-items: center; } .sub_checkbox input { width: 20px; height: 20px; outline: none; } .sub_checkbox label { color: var(--unnamed, #202020); /* 1440/t2 */ font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .sub h2 { color: var(--unnamed, #202020); /* 1440/H2 */ font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .sub p { color: #403c4e; /* 1440/t1 */ font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } .sub { display: flex; flex-direction: column; gap: 20px; } .sub_input { display: flex; position: relative; } .sub_input input { width: 100%; border-radius: 50px; border: 1px solid var(--unnamed, #D5D1E1); background: var(--unnamed, #F8F7F3); padding: 11px 25px; } .sub_input button { position: absolute; right: 0; top: 0; } /* footer */ footer { display: flex; flex-direction: column; padding: 20px 65px; padding-top: 40px; background: var(--unnamed, #088269); } .footer_block_top { display: flex; justify-content: space-between; gap: 120px; } .lineF { width: 100%; height: 1px; background: var(--unnamed, #F8F7F3); } .footer_item1 { display: flex; flex-direction: column; gap: 20px; } .footer_item1 h2 { color: var(--unnamed, #F8F7F3); /* 1440/l1 */ font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .foot_item_blck { width: 100%; display: flex; justify-content: space-between; gap: 60px; } .foot_blck_itm { display: flex; flex-direction: column; gap: 8px; } .foot_blck_itm a { color: var(--unnamed, #F8F7F3); text-decoration: none; /* 1440/l2 */ font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .footer_block_bottom { display: flex; justify-content: space-between; padding-top: 15px; } .footer_logo { display: flex; flex-direction: column; gap: 10px; } .footer_logo img { width: 95.841px; } .footer_logo h2 { color: var(--unnamed, #F8F7F3); /* 1440/t3 */ font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .footer_icons { display: flex; gap: 10px; } .footer_icons img { width: 24px; height: 24px; } .footer_logo a { color: var(--unnamed, #F8F7F3); text-decoration: none; /* 1440/l2 */ font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .for_visa { display: flex; align-items: center; gap: 16px; } .for_visa img { width: 63px; height: 20px; } .for_visa img:nth-child(1) { width: 49px; height: 30px; } .foot { padding-top: 66px; display: flex; justify-content: space-between; } .foot h2, .foot p { color: var(--unnamed, #F8F7F3); /* 1440/t3 */ font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .foot p { opacity: 0.6; } /* for regex */ .contact_inputs .noMatch::placeholder { color: red; } .green_call { display: none; } .swiper3_icons .hot { color: #59599A; border-radius: 60px; border: 1px solid #424285; background: #E6E6FD; } .swiper3_icons .sale { border-radius: 76px; border: 1px solid #AD7B00; background: #FFE095; color: #855E00; } .catalog_btns { display: none; } .certificatMedia { display: none; } .footer_forMedia { display: grid; grid-template-columns: repeat(2, 1fr); } .allCategory { display: none; } .forMobile_swiper2_buttons { display: none; } .sub { z-index: 1; } .footer_item1 > h2 > img { display: none; } .mobileBurger { display: none; } .home_head-contact .green_call { display: none; } /* toolBar */ .toolBar { width: 100%; padding: 4px 25px; justify-content: space-between; gap: 10px; border-top: 1px solid #E5E2EE; position: fixed; left: 0; bottom: 0; background: #F8F7F3; display: none; z-index: 111; } .toolBar_item { display: flex; flex-direction: column; gap: 0px; align-items: center; } .toolBar_item img { width: 22px; height: 22px; object-fit: contain; } .toolBar_item p { color: #403c4e; font-family: Manrope; font-size: 11px; font-style: normal; font-weight: 500; line-height: normal; } .burgerMenu { width: 100%; position: absolute; top: 75px; background: #F8F7F3; right: 0; z-index: 111; transform-origin: right; transform: rotateY(180deg); display: none; flex-direction: column; transition: .5s; height: calc(100vh - 240px); overflow: auto; box-shadow: 0px 2px 2px #888; } .burgerMenu_location { width: 100%; background: var(--unnamed, #E5E4ED); padding: 15px; display: flex; justify-content: space-between; align-items: center; } .burgerMenu_location p { color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; } .menu_item1 { display: flex; justify-content: space-between; padding: 15px; border-bottom: 1px solid #E5E2EE; } .menuItm_block { display: flex; flex-direction: column; gap: 2px; } .menuItm_block h3, .menuItm_block h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .menuItm_block h2 { font-size: 12px; } .menu_item1 p { color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .menu_item1 h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } /* */ .news_textMedia { display: none; } /* buttons hover */ .green_btn { transition: .3s; } .green_btn:hover { background: #07745E; } .changeSlide { transition: .3s; } .changeSlide:hover { border: 1px solid #07745E; } .changeSlide:focus { border: 2px solid #07745E; background: #E1EFE6; } .changeSlide:active { border: 1px solid #07745E; } /* */ .catalog_Mobile { width: 100%; height: 100vh; padding: 0 15px; position: absolute; top: -75px; background: #F8F7F3; right: 0; z-index: 1111; transform-origin: right; transform: rotateY(180deg); display: none; flex-direction: column; transition: .5s; overflow: auto; } .catalog_Mobile .menu_item1 { padding: 15px 0; } .for_searchMobileCatalog { width: 90%; border-radius: 50px; background: var(--unnamed, #D5D1E1); height: 39px; display: flex; position: relative; } .for_searchMobileCatalog input { width: 100%; border-radius: 50px; border: 2px solid var(--unnamed, #F8F7F3); outline: none; padding: 5px 10px; } .for_searchMobileCatalog input::placeholder { color: #403c4e; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .MobileSearch_ { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; } .lineCatalog { background: #E1DFE7; width: 100%; height: 1px; position: absolute; left: 0; right: 0; } .contactMobile_title { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; } .contactMobile_title h2 { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .contactMobile_title img { cursor: pointer; } /* categorySelect_block */ .categorySelect_block, .categorySelect_block2 { width: 230px; display: flex; flex-direction: column; gap: 8px; padding: 15px; border-radius: 5px; border: 1px solid #E5E2EE; background: #FFF; position: absolute; left: 0; top: 100%; z-index: 11; display: none; } .categorySelect_block2 { left: -25px; } .categorySelect_block h2, .categorySelect_block2 h2 { color: #202020; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } /* searchOninputMenu */ .searchOninputMenu { position: absolute; left: 0; top: 100%; width: 100%; padding: 15px; border-radius: 5px; border: 1px solid #E5E2EE; background: #FFF; display: flex; flex-direction: column; gap: 10px; z-index: 11; display: none; } .searchOninputMenu p { color: #403c4e; /* 375/t3 */ font-family: Manrope; font-size: 10px; font-style: normal; font-weight: 400; line-height: 130%; /* 13px */ } .searchOninputMenu h2 { color: var(--unnamed, #202020); /* 375/l2 */ font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .oninputItem { display: flex; align-items: center; gap: 10px; } .oninputItem img { width: 49px; object-fit: cover; } .home_headNav_modal { left: -22px; } /* ---------------------------------------------------------------------------------- */ /* category */ .home_category { display: flex; flex-direction: column; padding: 20.5px 65px; } .catalog_category-title { display: flex; justify-content: flex-start; gap: 8px; align-items: center; } .catalog_category-title p { color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .catalog_category-title h2 { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .catalog__block { display: flex; justify-content: space-between; gap: 10px; } .catalog_rectangle { width: 25%; height: fit-content; border-radius: 10px; border: 1px solid #E5E2EE; /* display: flex;*/ display: none; flex-direction: column; gap: 12px; padding: 15px 20px; } .catalog__block .catalog_rectangle { display: flex; } .catalog_rectangle h2 { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .catalog_rectangle-item { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .catalog_rectangle-item p { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .catalog_category-block { width: 75%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .home_category-item { border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #FFF); display: flex; justify-content: center; align-items: center; flex-direction: column; } .home_category-item img { object-fit: cover; object-position: center; height: 75%; } .category_name { width: 100%; height: 80px; border-top: 1px solid var(--unnamed, #E5E2EE); background: #F8F7F3; border-radius: 0 0 10px 10px; display: flex; align-items: center; justify-content: flex-start; } .category_name h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ padding: 20px 25px; } /* */ /* categorySelect_block */ .catalog_title2 { display: none; justify-content: space-between; align-items: center; position: relative; } .catalog_title2 h2 { color: #202020; font-family: Manrope; font-size: 20px; font-style: normal; font-weight: 500; } .catalog_select { width: 300px; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); padding: 12px; display: flex; justify-content: space-between; position: relative; } .catalog_select h2 { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 500; } .catalog_rectangle_2 { width: 300px; /*display: none;*/ position: absolute; right: 0; top: 110%; z-index: 111; background: #F8F7F3; } .home_category-itemATV { grid-row: 1/3; grid-column: 3/4; } .catalog_select img:first-child { display: none; } .catalog_rectangle__title { display: none; } /* ----------------------------------------------------------------------------------- */ /* category */ .home_category { display: flex; flex-direction: column; padding: 20.5px 65px; } .labarator_category-title { display: flex; justify-content: flex-start; gap: 8px; align-items: center; } .labarator_category-title p { color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .labarator_category-title h2 { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } /* labarator */ .labarator_item-static { position: relative; } .labarator_block { display: flex; justify-content: space-between; gap: 60px; } .labarator_item { width: 55%; display: flex; justify-content: center; flex-direction: column; align-items: center; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; padding: 45px 0; position: relative; } /* */ .mySwiper_2 { background-color: unset; } .mySwiper_22 .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .mySwiper_2 .swiper-slide { background-color: transparent; } .mySwiper_2 .swiper-wrapper { background: unset; } .mySwiper_22 .swiper-wrapper { background-color: unset; } .swiper-slide { background-size: cover; background-position: center; } .clients .swiper-slide > div { display: flex; flex-direction: column; min-height: 100%; } .mySwiper_2 { height: 400px; width: 100%; } .mySwiper_22 { width: 400px; height: 20%; box-sizing: border-box; padding: 10px 0; background-color: unset; margin-left: 5%; } .mySwiper_22 .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .mySwiper_22 .swiper-slide-thumb-active { opacity: 1; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .mySwiper_2 img { object-fit: contain; } /* */ .labarator_item-info { width: 45%; display: flex; flex-direction: column; gap: 10px; } .labarator_item-info h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .starsLab { display: flex; gap: 4px; align-items: center; } .starsLab p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .labarator_item-review { display: flex; flex-direction: column; gap: 5px; } .labarator_item-review .blofI { display: flex; flex-direction: column; background: #ffffff !important; box-shadow: none !important; border: 1px solid #a2d9b4; border-radius: 15px; padding: 10px 0px 0px 0px; overflow: hidden; } .labarator_item-review p { color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; } .labarator_item-info h3 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; margin-top: 15px; } .labarator_item-btns { display: flex; align-items: center; gap: 10px; } .labaratorPlusMinus { display: flex; justify-content: center; align-items: center; } .labaratorPlusMinus p { color: var(--unnamed, #088269); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .labaratorPlusMinus img { cursor: pointer; } .labarator_item-info .line { margin-top: 10px; } .labarator_item-info p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; opacity: 0.8; } /* labaratorTabs */ .labarator_tabs { border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); display: flex; flex-direction: column; background: var(--unnamed, #F8F7F3); } .labarator_tabs-title { padding: 0px 25px; display: flex; gap: 25px; align-items: center; border-bottom: 1px solid #E1DFE7; } .labarator_tabs-title h2 { color: #403c4e; /* 1440/l1 */ font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; padding: 15px 0; cursor: pointer; } .labarator_tabs-title .tab_title-active { color: var(--unnamed, #202020); /* 1440/l1 */ font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; border-bottom: 2px solid #07745E; } .labarator_tabs-bottom { display: flex; align-items: center; gap: 40px; padding: 10px 24px; border-top: 1px solid #E1DFE7; } .labarator_tabs-bottom h2 { height: 100%; color: var(--100, #07745E); font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } /* labarator_tab-main */ .labarator_tab-main { display: flex; flex-direction: column; gap: 20px; padding: 25px 20px; background: #fff; } .labarator_tab-main p { color: #403c4e; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 500; } .tabDescription { display: flex; flex-direction: column; gap: 10px; } .tabDescription p { font-size: 16px; color: #403c4e; font-family: Manrope; } .tabDescription ul { font-size: 16px; color: #403c4e; font-family: Manrope; font-weight: 500; } .labarator_tab-main h2 { color: #07745E; font-family: Manrope; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; margin: 10px 0px; } .tabDescription ul li { line-height: 1.4; font-weight: 500; font-size: 16px; padding-left: 20px; position: relative; } .tabDescription li:before { content: ''; position: absolute; display: inline-block; left: 0; top: 8px; width: 6px; height: 6px; background: #07745E; border-radius: 50%; } .tabDescription ul ul { margin: 10px 0px } .tabDescription ul ul li:before { top: 6px; border: 1px solid #07745E; background: transparent; } .tabDescription table td { min-width: 50%; line-height: 1; text-align: left; border: 1px solid #f1f1f1; padding: 8px 10px; height: auto; } .tabDescription table { font-size: 16px; color: #403c4e; font-family: Manrope; width: 100%; border-collapse: collapse; margin: 0px 0px 0px 0px; border-spacing: 0; padding: 0; } .tabDescription table th { font-size: 16px; font-weight: 500; padding: 5px 15px; background: #fafafb; font-weight: 600; } .tabDescription table td strong { font-weight: 600; } .tabCharacteristics_block { display: flex; flex-wrap: wrap; margin: 20px 0px !important; } .characteristics_item { display: flex; align-items: center; width: 100%; justify-content: flex-start; border-bottom: 1px solid #e5e2ee; position: relative; } .characteristics_item:after { content: ''; position: absolute; width: 1px; height: 100%; top: 0; left: 40%; background: #e5e2ee; } .characteristics_item:last-child { border-bottom: none; } .characteristics_item h4 span { display: none; } .characteristics_item h4 { color: #403c4e; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 400; width: 40%; padding: 5px 10px 5px 10px; } .characteristics_item p { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; width: 60%; padding: 5px 10px 5px 10px; } .tabDescription { display: none; } .tabDescription button { align-self: center; } /* -------------------- */ .tabServices { width: 100%; height: 100%; background: unset; } .tabServices .swiper-wrapper { background: unset; } .tabServices .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .tabServices .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .tabServices_item { display: flex; flex-direction: column; justify-content: space-between; border-radius: 5px; border: 1px solid#E5E2EE; } .tabServices_item img { object-fit: cover; width: 100%; } .tabServices_text { padding: 20px 18px; } .tabServices_text p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .tabDescription h3 { margin-top: 10px; color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; } .tabDescription a { color: var(--unnamed, #088269); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 500; text-decoration: none; margin-top: 10px; transition: 0.2s linear; } .tabDescription a:hover { text-decoration: underline; transition: 0.2s linear; } .tabDes_title { display: flex; justify-content: flex-start; align-items: center; gap: 25px; } .tabDes_title h2 { display: flex; align-items: center; gap: 10px; } .tabSelect_btn { width: 213px; display: flex; justify-content: space-between; align-items: center; border-radius: 50px; border: 1px solid var(--unnamed, #E5E2EE); padding: 5px 10px; } .tabSelect_btn h4 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 10px; font-style: normal; font-weight: 500; display: flex; align-items: center; justify-content: flex-start; gap: 5px; } .tabDropDown_block { position: relative; } .tabDropDown { width: 100%; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); padding: 10px; position: absolute; z-index: 11; top: 110%; } .tabDropDown { display: flex; flex-direction: column; gap: 10px; background: #fff; display: none; } .tabDropDown h4 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 10px; font-style: normal; font-weight: 500; display: flex; justify-content: space-between; align-items: center; } /* */ .forComments { gap: 0; } /* */ .tabComments_block { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: 25px; } .sendComment { width: 30%; } .tabComments { width: 70%; padding-top: 20px; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; align-items: center; } .comment1 { width: 100%; display: flex; gap: 16px; padding: 15px; padding-bottom: 25px; border-radius: 5px; border: 1px solid var(--unnamed, #E5E2EE); } .commentInfo { display: flex; flex-direction: column; gap: 10px; } .commentaryName { display: flex; align-items: center; gap: 15px; } .commentaryName h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; } .commentInfo h5 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 10px; font-style: normal; font-weight: 500; opacity: 0.8; } .comment1 p { opacity: 0.8; } .comment1 img { align-self: flex-start; } .sendComment { display: flex; flex-direction: column; gap: 20px; } .rating { display: flex; justify-content: space-between; } .rating_item p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .rating_item { display: flex; justify-content: space-between; align-items: center; gap: 23px; } .rating_linear { width: 70%; height: 4px; border-radius: 5px; background: #FFC536; background: linear-gradient(90deg, #FFC536 90%, #ffc63637 90%); } .rating_linear2 { background: linear-gradient(90deg, #FFC536 60%, #ffc63637 60%); } .rating_linear3 { background: linear-gradient(90deg, #FFC536 30%, #ffc63637 30%); } .rating_linear4 { background: linear-gradient(90deg, #FFC536 0%, #ffc63637 0%); } .rating_linear5 { background: linear-gradient(90deg, #FFC536 0%, #ffc63637 0%); } .sendComment button { width: 100%; } .labarator_rectangle-itemLeft { border: none; display: none; } .homeTitle_left { display: none; } .labaratorPriceBtns { display: flex; flex-direction: column; gap: 20px; } .labaratorPriceBtns > .green_btn { display: none; } .labarator_tabsMobile { display: none; } .mySwiper_22 .swiper-wrapper { width: 100%; display: flex; justify-content: flex-start; } .swiper-button-prev, .swiper-button-next { display: none; } .swiper-slide .swiper_btns_labarator { width: 34px; height: 34px; border: 1px solid #07745E; } .swiper-slide p { padding: unset; } .mySwiper_22 .swiper-slide { border-radius: 5px; border: 1px solid var(--unnamed, #D5D1E1); background: #FBFBF9; width: 50px !important; height: 50px; opacity: 1; } .mySwiper_22 .swiper-slide img { border-radius: 5px; } .mySwiper_22 .swiper-slide-thumb-active { border: 1px solid #088269; } .mySwiper_22 { height: auto; width: 100%; padding-left: 5%; margin-left: 0; } .labarator_item { padding-top: 50px; padding-bottom: 25px; } .catalog .swiper3_icons p { padding: 4px 10px; } .lineTab { display: none; } .tabDropDown_block2 { display: none; } /* --------------------------------------------------- Media ---------------------------------------- */ /* Media Home */ @media screen and (max-width:1500px) { .mySwiper2 .slide2_btn_1 { right: 20%; } } @media screen and (max-width:1430px) { .footer_block_top { gap: 100px; } } @media screen and (max-width:1340px) { .for_search input { width: 500px; padding-left: 30%; } .home_head-footer nav ul { gap: 20px; } } @media screen and (max-width:1310px) { .home_head-contact { gap: 10px; } .home_head-contact button { padding: 11px; } .for_search input { width: 400px; padding-left: 40%; } .head_main-icons { gap: 12px; } .footer_block_top { gap: 70px; } .swiper-slide h2 { font-size: 24px; } .swiper-slide p { font-size: 14px; } } @media screen and (max-width:1210px) { .home_head-footer nav ul { gap: 15px; } } @media screen and (max-width:1280px) { .home_head-footer nav ul li a { font-size: 12px; } .home_head-contact button { display: none; } .home_head-contact .green_call { display: flex; justify-content: center; align-items: center; } .head_main-search > p, .main_icons-item p { display: none; } .for_search input { width: 350px; } .category_select p { font-size: 12px; } .home_head span { font-size: 10px; } .home_category-block { grid-template-columns: repeat(3, 1fr); } .mySwiper2 .slide2_btn_1 { right: 5%; } .category_name h2 { font-size: 14px; } .home_complex h2 { font-size: 20px; } .for_slider2txt h2 { font-size: 14px; } .mySwiper2 .slide2_btn_1 { right: 35%; } .weBest h2 { font-size: 20px; } .best__item p { font-size: 14px; } .best__item { width: 175px; height: 175px; padding: 0; } .catalog { flex-direction: column; gap: 19px; } .catalog_p { flex-direction: row; } .catalog_text { width: auto; } .catalog_p p { font-size: 14px; } .for_slider3txt h2 { font-size: 16px; } .for_slider3txt > div p { font-size: 10px; } .fff_btn { font-size: 14px; padding: 8px 20px; } .green_btn { padding: 8px 20px; } .mySwiper3 .slide3_button_next, .mySwiper3 .slide3_button_prev { display: none; } .mySwiper3 .slide3_btn_1 { display: none; } .mySwiper3 .slide3_btn_2 { display: none; } .swiper3_icons p { padding: 2px 8px; } .clients_title h2 { font-size: 20px; } .clients_title h3 { font-size: 34px; } .slide4_text { padding: 15px; } .categories { flex-direction: column; gap: 31px; } .slide5_btns { /*display: none;*/ } .brands_p { display: flex; justify-content: space-between; align-items: center; padding-right: 20px; } .categories .catalog_text { gap: 10px; } .catalog_btns { display: flex; justify-content: space-between; align-items: center; } .catalogMedia_btns { display: flex; align-items: center; padding-right: 10px; gap: 10px; } .catalog .catalog_text>h2 { display: none; } .certificatMedia { display: block; } .about h2 { font-size: 20px; } .option_main p { font-size: 14px; } .news { flex-direction: column; gap: 35px; padding: 20px; padding-right: 0; } .news_text > h2 { display: none; } .news_textMedia { display: flex; justify-content: space-between; padding-right: 10px; } .news_text { width: 100%; } .for_slider6txt span { font-size: 10px; } .swiper-slide h2 { font-size: 16px; } .contact_block h2 { font-size: 20px; } .contact_block p { font-size: 14px; } .contact_btns p { font-size: 10px; } .subscrition { padding: 25px 20px; } .sub_input button { bottom: 0; } .footer_item1 h2 { font-size: 12px; } footer { padding: 20px; } .foot_item_blck { gap: 20px; } .foot_blck_itm a { font-size: 12px; } .footer_block_top { gap: unset; } .footer_logo h2 { font-size: 10px; } .footer_logo > img { width: 73px; } .footer_logo a { font-size: 12px; } .foot_blck_itm:nth-child(3) { /*display: none;*/ display: flex; } .footer_forMedia { grid-template-columns: 1fr; } .for_visa { display: grid; grid-template-columns: repeat(2, 1fr); } .foot h2, .foot p { font-size: 10px; } .home_category { padding: 50px 10px; } .head_main-search { gap: 32px; } .home_head, .home_head-footer { padding: 10px 20px; } .home_head-main { padding: 14px; } .home_head-footer nav ul { gap: 15px; } main { padding: 30px 10px; } .categories { padding: 20px; } .categories .catalog_text { flex-direction: row; justify-content: space-between; } .catalog { padding: 20px; padding-right: 0; } .weBest { padding: 20px; } .home_complex { padding: 20px; } .clients_title { padding: 0 20px; } .contact { padding: 20px; } .for_subImg { width: 62%; left: 0; } .foot h2 { width: 40%; } .category_name h2 { padding: 0 10px; } .slide1_button_prev { right: 17%; } .contact_block { padding: 15px; } .mySwiper2 .swiper-slide h2 { font-size: 14px; } .home_category-item img { width: 100%; } .slide4_img { padding: 5px; } .mySwiper3 .slide3 img { width: 100%; } .swiper3_head { padding: 10px; } .slide5_img { padding: 10px; } } @media screen and (max-width:740px) { .home_head-footer nav ul li a { font-size: 10px; } .footer_block_top { gap: 40px; } .slide5_text { padding: 10px 20px; } } @media screen and (max-width:700px) { .head_main-search { gap: 20px; } .head_main-icons { gap: 2px; } .category_name h2 { font-size: 10px; } .mySwiper2 .swiper-slide h2 { font-size: 12px; } } @media screen and (max-width:660px) { .home_head-footer nav ul { gap: 10px; } .home_head-location p { font-size: 12px; } .for_search input { width: 280px; } .category_select p { font-size: 10px; } .category_select { top: 0; bottom: 0; padding: 10px; } .swiper3_icons .hot { font-size: 10px; } .fff_btn { padding: 8px; } .swiper-slide p { font-size: 12px; } .footer_block_top { gap: 20px; } .footer_logo a { font-size: 10px; } .foot_blck_itm a { font-size: 10px; } .mySwiper2 .slide2_btn_2 { font-size: 12px; } .mySwiper2 .swiper-slide h2 { font-size: 10px; } } @media screen and (max-width:620px) { .for_search input { width: 200px; } .category_select p { font-size: 6px; } .home_head-footer nav ul li a { font-size: 8px; } .home_head span { font-size: 8px; } .green_btn, .fff_btn { font-size: 10px; } .best__item p { font-size: 10px; } .swiper3_icons { padding: 5px 10px; } .footer_logo a { font-size: 8px; } .home_head-footer nav ul { gap: 4px; } .slide1_button_prev { right: 20%; } .mySwiper2 .slide2_btn_2 { font-size: 10px; } .for_slider2txt { padding: 10px; } } @media screen and (max-width:520px) { .swiper3_icons .hot, .swiper-slide p, .swiper3_icons .sale { font-size: 6px; } .home_head-location p { font-size: 10px; } } @media screen and (max-width:500px) { .home_head, .home_head-footer { display: none; } .head_main-icons { display: none; } .swiper-slide h2 { padding: 15px 20px; font-size: 28px; } .swiper-slide p { font-size: 12px; padding: 0; padding-left: 20px; } .swiper_btns { justify-content: space-between; padding: 15px 20px; } .slide1_button_prev, .slide1_button_next { display: none; } .home_category-block { grid-template-columns: repeat(2, 1fr); } .allCategory { display: flex; align-self: center; } .allCategory2 { display: none; } .mySwiper2 .slide2_button_next, .mySwiper2 .slide2_button_prev, .mySwiper2>.slide2_btn_2, .mySwiper2>.slide2_btn_1 { display: none; } .forMobile_swiper2_buttons { width: 100%; align-items: center; display: none; flex-direction: column; gap: 8px; } .mySwiper2 .slide2 { /*margin-bottom: 0;*/ } .best_block { display: grid; grid-template-columns: repeat(2, 1fr); } .best__item { width: 100%; } .swiper-slide h2 { padding: 0; } .swiper3_icons .hot, .swiper-slide p, .swiper3_icons .sale { font-size: 10px; padding: 2px 5px; } .catalogMedia_btns { width: 100%; display: flex; justify-content: center; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } .catalog { position: relative; } .green_btn, .fff_btn { font-size: 14px; padding: 8px 20px; } .fff_btn { background: transparent; } .swiper-slide h2 { font-size: 16px; } .clients_title { flex-direction: column; gap: 50px; } .clients_title h2 { font-size: 18px; } .clients_title h3 { font-size: 28px; } .swiper-slide p { font-size: 12px; } .catalog_p p { font-size: 14px; } .certificatMedia { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); } .categories { padding-bottom: 100px; position: relative; } .about { padding: 60px 15px; flex-direction: column; gap: 50px; } .about_main { width: 100%; } .option_main p { font-size: 12px; } .about h2 { font-size: 16px; } .news { position: relative; padding-bottom: 100px; } .slide6_btn_2 { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .contact { display: flex; flex-direction: column-reverse; } .contact_map { height: 50vh; } .contact_block h2 { font-size: 18px; } .contact_block p { font-size: 12px; } .for_subImg { width: 100%; } .sub h2 { font-size: 18px; } .sub p { font-size: 12px; } .subscrition { justify-content: center; } .sub_checkbox label { font-size: 10px; } .foot_item_blck { /*display: none;*/ display: flex; flex-direction: column; gap: 10px; } .footer_block_top { flex-direction: column; } .footer_item1 > h2 { display: flex; justify-content: space-between; } .footer_item1 > h2 > img { display: block; } .lineMobileNone { display: none; } .footer_logo:nth-child(1) { display: none; } .footer_block_bottom { flex-direction: column; gap: 30px; } .footer_logo a { font-size: 12px; } .footer_logo a:nth-child(4) { margin-top: 30px; } .footer_logo h2 { font-size: 12px; } .for_visa { display: flex; gap: 16px; } .foot { padding-top: 50px; flex-direction: column; gap: 15px; } .swiper-slide h2 { padding: 0px; } /* head */ .mobileBurger { display: flex; gap: 20px; align-items: center; justify-content: flex-end; } .category_select p { font-size: 10px; } .head_main-search { width: 100%; flex-wrap: wrap; justify-content: space-between; } .for_search { width: 100%; order: 3; } .for_search input { width: 100%; padding-left: 30%; } .blockContactMob { display: flex; flex-direction: column } .blockContactMob a { font-size: 18px; font-weight: 600; } .swiper_btns { gap: 5px; } .toolBar { display: flex; } .home_head-location p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } } @media screen and (max-width:470px) { .for_search input { padding-left: 35%; } } @media screen and (max-width:410px) { .for_search input { padding-left: 40%; } } @media screen and (max-width:370px) { .for_search input { padding-left: 50%; } } @media screen and (max-width:500px) { .best__item { width: 100%; } } /* Media Catalog */ @media screen and (max-width:768px) { .catalog_rectangle1 { display: none !important; } .home_category-block { width: 100%; } .catalog_title2 { display: flex; } } @media screen and (max-width:660px) { .catalog_select { width: 250px; } .catalog_rectangle_2 { width: 250px; } } @media screen and (max-width:600px) { .catalog_select { width: 230px; } .catalog_rectangle_2 { width: 230px; } } @media screen and (max-width:500px) { .catalog_title2 { flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; } .catalog_select { width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; position: unset; } .catalog_title2 { position: unset; } .catalog_select img:first-child { display: block; } .catalog_select img:last-child { display: none; } .filter_directions { width: 100%; /*height: 100vh;*/ height: auto; top: 0; left: 0; padding-top: 70px; gap: 20px; } .catalog_rectangle__title h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .catalog_rectangle-item p { font-size: 12px; } .catalog_rectangle__title { width: 100%; display: flex; justify-content: space-between; background: #E5E4ED; position: absolute; padding: 15px; left: 0; top: 0; } } /* Media Labarator */ @media screen and (max-width:1400px) { .rating_linear { width: 60%; } } @media screen and (max-width:1200px) { .labarator_block { flex-direction: column; gap: 20px; } .labarator_item-review { margin-top: 0; } .labarator_item-info .line { margin: 10px 0px; } .labarator_item, .labarator_item-info { width: 100%; } .characteristics_itemBfLast, .characteristics_itemLast { grid-column: auto; } .tabCharacteristics_block { grid-template-columns: 1fr; } .rating_item { gap: 10px; } .labarator_rectangle { justify-content: center; } .labarator_rectangle-itemLeft { display: block; } .labarator_tabs-title h2 { padding: 10px 0; font-size: 12px; } .labarator_tabs-title .tab_title-active { font-size: 14px; } .labarator_tabs-title { gap: 20px; } .labarator_tab-main h2 { font-size: 16px; } .labarator_tab-main p { font-size: 14px; } .characteristics_item h4 { font-size: 14px; } .tabServices { grid-template-columns: repeat(3, 1fr); } .tabServices_text p { font-size: 14px; } .tabDescription a { font-size: 14px; } .commentaryName h2 { font-size: 16px; } .sendComment { width: 45%; } .tabComments { width: 55%; } } @media screen and (max-width:753px) { .labarator_tabs-title { gap: 10px; } .labarator_tabs-title h2 { font-size: 8px; } .labarator_tabs-title .tab_title-active { font-size: 8px; } } @media screen and (max-width:655px) { .labarator_category-title h2, .labarator_category-title p { font-size: 12px; } } @media screen and (max-width:585px) { .labarator_category-title h2, .labarator_category-title p { font-size: 10px; } .labarator_category-title { gap: 4px; } } @media screen and (max-width:1300px) { .green_btn { padding: 10px 20px; font-size: 14px; } } @media screen and (max-width:1260px) { .swiper-slide p { font-size: 12px; } } @media screen and (max-width:1200px) { .mySwiper_22 .swiper-wrapper { width: fit-content; justify-content: center; margin: unset; } .swiper_btns_labarator { display: block; position: unset; margin: unset; } .mySwiper_22 { display: flex; justify-content: center; align-items: center; gap: 5px; } .tabServices_text { padding: 15px; } .tabServices_text p { font-size: 10px; } .swiper_btns_labarator:hover { opacity: .4; } } @media screen and (max-width:666px) { .tabServices_text { padding: 10px; } } @media screen and (max-width:640px) { .tabServices_text { padding: 10px 5px; } .tabServices_text p { font-size: 8px; } } @media screen and (max-width:535px) { .labarator_tabs-bottom { gap: 20px; } } @media screen and (max-width:523px) { .labarator_tabs-title { padding: 0 17px; } .tabServices_text p { font-size: 7px; } } @media screen and (max-width:677px) { .fff_btn { padding: 8px 10px; } .swiper3_icons img { width: 20px; height: 20px; } .swiper3_icons p { font-size: 8px; } } @media screen and (max-width:550px) { .fff_btn { padding: 8px; font-size: 14px; } .catalog .swiper3_icons p { padding: 4px; font-size: 6px; } } @media screen and (max-width:500px) { .labarator_category-title img { display: none; } .labarator_category-title .homeTitle_left { display: block; } .labarator_category-title h2, .labarator_category-title p { display: none; } .labarator_category-title .titleGlavnaya { display: block; font-size: 12px; } .labarator_item-info h2 { font-size: 18px; } .labaratorPriceBtns { width: 100%; position: fixed; background: #F8F7F3; z-index: 111; bottom: 65px; left: 0; display: grid; grid-template-columns: repeat(2, 1fr); padding: 15px; justify-content: center; align-items: center; } .labarator_item-info h3 { margin-top: 0; } .labarator_item-btns > .green_btn { display: none; } .labaratorPriceBtns > .green_btn { display: flex; } .labarator_item-btns { grid-column: 1/3; display: flex; justify-content: center; align-items: center; } .labaratorPlusMinus { width: 50%; } .labarator_item-btns .fff_btn { width: 50%; } .labarator_item > img { width: 100%; object-fit: cover; } } @media screen and (max-width:340px) { .green_btn, .fff_btn { font-size: 14px; } } @media screen and (max-width:500px) { .labarator_tabs-title { display: none; } .labarator_tabs-bottom { display: none; } .labarator_tab-main { background: unset; padding: unset; } .tabDescription { border-radius: 10px; display: flex; background: #fff; padding: 25px 20px; border: 1px solid var(--unnamed, #E5E2EE); } .labarator_tabs { position: relative; border: unset; } .lineTab { display: block; width: calc(100% + 40px); margin-top: 5px; margin-bottom: 10px; margin-left: -20px; margin-right: -20px; height: 1px; background: #E5E2EE; } .labarator_tab-main h2 { font-size: 16px; } .labarator_tab-main p { font-size: 14px; } .characteristics_item h4 { font-size: 14px; } .tabServices .swiper-slide { text-align: left; } .tabComments_block { flex-direction: column-reverse; } .sendComment, .tabComments { width: 100%; } .tabSelect_btn1 { display: none; } .characteristics_item h4 span { display: none; } .tabDropDown_block1 { display: none; } .tabDropDown_block2 { display: flex; } .tabSelect_btn { width: 100%; } .tabDes_title { flex-direction: column; align-items: flex-start; gap: 10px; } } @media screen and (max-width:363px) { .green_btn, .fff_btn { font-size: 14px; padding: 8px 10px; } } @media screen and (max-width:323px) { .green_btn, .fff_btn { font-size: 14px; padding: 8px; } .labarator_tab-main p { font-size: 14px; } } @media screen and (max-width:1200px) { .catalog_category-block { width: 100%; } } @media screen and (max-width:500px) { .catalog_category-block { /*grid-template-columns: repeat(2,1fr);*/ grid-template-columns: auto; } } .company_medicalTreyd { display: flex; flex-direction: column; gap: 40px; padding: 20px 65px; } .company_medicalTreyd-title { width: 100%; display: flex; gap: 5px; justify-content: flex-start; } .company_medicalTreyd-title p, .company_medicalTreyd-title span { color: #403c4e; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .company_medicalTreyd-title span { color: #202020; } .company_medicalBlock-text { display: flex; justify-content: space-between; width: 100%; } .company_medicalBlock-text h2, .company_medicalBlock-text p { color: #202020; font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; } .company_medicalBlock-text p { font-size: 16px; width: 50%; } .company_medical-block { width: 100%; display: flex; flex-direction: column; gap: 40px; } .company_medical-block img { width: 100%; object-fit: cover; border-radius: 10px; } .company_numFacts { width: 100%; padding: 130px 0; text-align: center; } .company_numFacts-item1 { margin-bottom: 20px; display: flex; flex-direction: column; gap: 10px; } .company_numFacts-item1 h2, .company_numFacts-item1 p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .company_numFacts-item1 p { font-size: 16px; opacity: 0.5; } .company_numFacts-item2 { display: flex; justify-content: center; gap: 20px 40px; } .company_numFacts-item2 > div { min-width: 160px; max-width: 250px; } .company_numFacts-item2 > div h2 { color: var(--unnamed, #088269); font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; } .company_numFacts-item2 > div p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } @media screen and (max-width: 991.98px) { .company_numFacts-item2 { flex-wrap: wrap; } .company_numFacts-item2 > div { width: 280px; max-width: unset; } } .company_ourPartners { width: 100%; display: flex; gap: 60px; justify-content: space-between; padding: 80px 65px; background: #088269; } .company_ourPartners img { border-radius: 10px; width: 50%; object-fit: cover; } .company_ourPartners-text { width: 50%; display: flex; flex-direction: column; gap: 25px; } .company_ourPartners-text h2, .company_ourPartners-text p { color: #F8F7F3; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .company_ourPartners-text p { font-size: 16px; } .company_certificate { display: flex; padding-left: 65px; justify-content: space-between; } .company_certificate-text h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .mySwiper44 { background: unset; } .mySwiper44 .swiper-wrapper { background: unset; } .slide44 { width: auto; height: auto; padding: 16px; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; } .slide44_img img { object-fit: cover; width: 100%; } .slide44_arrows { display: flex; gap: 10px; } .mySwiper44 { display: flex; flex-direction: column; justify-content: flex-start; gap: 40px; } .changeSlide { display: flex; justify-content: center; align-items: center; padding: 12px; border-radius: 40px; border: 1px solid var(--unnamed, #D5D1E1); background: var(--unnamed, #F8F7F3); cursor: pointer; } .company_experience { display: flex; justify-content: space-between; padding: 150px 65px; gap: 120px; } .company_experience-text { width: 50%; display: flex; flex-direction: column; gap: 25px; } .company_experience-text h2, .company_experience-text p { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .company_experience-text p { font-size: 16px; } .mySwiper33 { width: 50%; background: unset; display: flex; flex-direction: column; gap: 20px; } .mySwiper33 .swiper-wrapper { background: unset; } .slide33_item1 { width: 70%; display: flex; flex-direction: column; border-radius: 10px; border: 1px solid #E5E2EE; } .slide33_item1 img { width: 100%; object-fit: cover; border-radius: 10px; } .slide33_text { display: flex; flex-direction: column; gap: 2px; padding: 20px; } .slide33_text h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .slide33_text span { color: #403c4e; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .slide33_item2 { width: 30%; display: flex; flex-direction: column; gap: 10px; } .slide33_item2 img { width: 100%; object-fit: cover; border-radius: 10px; } .slide33 > div { display: flex; gap: 10px; } @media screen and (max-width:1200px) { .company_medicalBlock-text { flex-direction: column; gap: 20px; } .company_medicalBlock-text p { width: 100%; } .company_numFacts { flex-direction: column; gap: 30px; } .company_ourPartners { flex-direction: column; } .company_ourPartners-text { width: 100%; } .company_experience { flex-direction: column; } .company_experience-text { width: 100%; } .mySwiper33 { width: 100%; } .company_certificate { flex-direction: column; gap: 30px; padding-left: 0; padding: 20px; } .company_certificate-text h2 { font-size: 20px; } .company_medicalBlock-text h2 { font-size: 34px; } .company_medicalBlock-text p { font-size: 14px; } .company_medicalTreyd { padding: 20px; } .company_ourPartners-text h2 { font-size: 20px; } .company_ourPartners-text p { font-size: 14px; } .company_ourPartners { padding: 20px; } .company_experience-text h2 { font-size: 20px; } .company_experience-text p { font-size: 14px; } .company_experience { padding: 120px 20px; } } @media screen and (max-width:500px) { .slide33_item2 { display: none; } .slide44_arrows { display: none; } .slide33_item1 { width: 100%; } .company_experience-text h2 { font-size: 18px; } .company_experience-text p { font-size: 12px; } .company_experience { padding: 60px 20px; } .company_ourPartners-text h2 { font-size: 18px; } .company_ourPartners-text p { font-size: 12px; } .company_ourPartners img { width: 100%; } .company_medicalBlock-text h2 { font-size: 28px; } .company_medicalBlock-text p { font-size: 12px; } .company_medicalTreyd { padding: 15px; } } .for_subImg { width: auto; height: 100%; background: unset; } .for_subImg img { width: 100%; height: 100%; object-fit: cover; } .catalog_p a { width: fit-content; text-decoration: none; color: var(--unnamed, #202020); opacity: 0.5; /* 1440/t1 */ font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .best__item { width: 30%; /* padding: 80px; */ } .mySwiper3 .swiper-wrapper { display: flex; gap: 10px; } .mySwiper3 .slide3 { /* width: 30% !important; */ margin-right: 0px !important; } .allCategory { display: none; } .home_category-item img { width: 100%; height: calc(100% - 80px); object-fit: contain; } .certificatMedia { display: none; } @media screen and (max-width:1200px) { .certificatMedia { display: flex; } } .home_category-item000 { grid-column: 1/2; grid-row: 3/5; } @media screen and (max-width:500px) { .best__item { width: 100%; } .home_category-item999 { grid-column: 2/3; } .home_category-item000 { grid-column: 1/2; grid-row: 4/6; } } .categoryImg_block { width: 100%; display: flex; justify-content: center; align-items: center; height: calc(100% - 80px); } .home_category-item img { width: 187px; height: 187px; object-fit: cover; } .home_category-itemHomeATV img, .home_category-itemHomeATV2 img, .home_category-itemATV img { width: 100%; height: 532px; } .home_category-item000 img { width: 139px; height: 376px; } @media screen and (max-width:769px) { .home_category-item img { width: 116px; height: 100%; } .home_category-item000 img { width: 104px; height: 283px; } .home_category-itemHomeATV img, .home_category-itemHomeATV2 img, .home_category-itemATV img { width: 100%; height: 335px; } .category_name { /*height: 70px;*/ height: 100%; } .categoryImg_block { height: calc(100% - 70px); } } .h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; } @media screen and (max-width:500px) { .home_category-item img { width: 78px; height: 100%; } .home_category-item000 img { width: 81px; height: 219px; } .home_category-itemHomeATV img, .home_category-itemHomeATV2 img, .home_category-itemATV img { width: 148px; height: 245px; object-fit: contain; } .category_name { /*height: 40px;*/ height: 100%; } .categoryImg_block { height: calc(100% - 40px); } } .home_category-itemHomeATV { grid-row: 1/3; grid-column: 2/3; } .for_slider_background img { border-radius: 100vw 0px 0px 0px; } .home_head > div span { position: relative; transition: .2s; cursor: pointer; } .home_head > div span:hover { color: #07745E; } .home_head > div span:hover > .head_modal { display: flex; } .head_modal { width: 170px; padding: 10px 12px; background: #fff; border-radius: 5px; border: 1px solid #E5E2EE; position: absolute; top: 100%; z-index: 11; display: flex; flex-direction: column; gap: 5px; justify-content: flex-start; left: 0; display: none; } .head_modal a { text-decoration: none; color: var(--unnamed, #202020); font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; } .head_modalBlog { width: 75px; } .homeHeadCatalaog { position: relative; } .homeHeadCatalaog:hover > .categorySelect_block2 { display: flex; } .homeHeadCatalaog:hover { color: #088269; } .home_headNav_modal { display: flex; flex-direction: column; gap: 10px; padding: 20px 22px; border-radius: 5px; border: 1px solid #E5E2EE; background: #FFF; position: absolute; top: 100%; z-index: 111; width: 232px; display: none; } nav ul li { position: relative; } nav ul li a:hover { color: #088269; } nav ul li:hover .home_headNav_modal { display: flex; } .home_headNav_modal a { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; text-decoration: none; } .footerRekvizitModal { padding: 10px 12px; width: 150px; border-radius: 5px; border: 1px solid #E5E2EE; background: #FFF; display: flex; flex-direction: column; position: absolute; right: -20px; top: 0; gap: 5px; display: none; } .footer_logo li { position: relative; } .footerRekvizitModal a { color: var(--unnamed, #202020); font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; } .footer_logo li:hover > a { color: #BDDBC7; } .footer_logo li:hover .footerRekvizitModal { display: flex; } @media screen and (max-width:1200px) { .footerRekvizitModal { right: -70px; padding: 10px; width: 119px; } .footer_logo li { grid-row: 3/4; } .footerRekvizitModal a { font-size: 8px; } } @media screen and (max-width:566px) { .footer_icons img { width: 20px; height: 20px; } } @media screen and (max-width:545px) { .for_visa img:nth-child(1) { width: 30px; } .for_visa img { width: 40px; } .for_visa { gap: 10px; } } main .fff_btn { height: 100%; } @media screen and (max-width:768px) { .home_headNav_modal { width: 150px; padding: 10px; } } @media screen and (max-width:500px) { .forMobile_swiper2_buttons .fff_btn { font-size: 11px; } } @media screen and (max-width:768px) { .mySwiper2 .slide2_btn_1 { right: 25%; } } @media screen and (max-width:685px) { .mySwiper2 .slide2_btn_1 { /*right: 30%;*/ right: 0px; bottom: 35px; } } @media screen and (max-width:500px) { .swiper_btns { padding: 0px 20px; } } @media screen and (max-width:470px) { .slide1_button_prev { right: 25%; } } @media screen and (max-width:350px) { .slide1_button_prev { right: 30%; } } .swiper-pagination-bullet { width: 6px; height: 6px; border-radius: 50%; background: #7A7687; opacity: 0.5; } .swiper-pagination-bullet-active { width: 38px; height: 6px; background: #7A7687; border-radius: 10px; opacity: 1; } /* Pop Up start */ .popUp_filter { padding: 15px; width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: #7a76873f; display: none; justify-content: center; align-items: center; z-index: 11111; transition: .2s; } .popUp_modal { padding: 20px 25px 25px 25px; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; display: flex; flex-direction: column; gap: 25px; } .popUp_title { margin-bottom: 15px; display: flex; justify-content: space-between; } .popUp_title img { cursor: pointer; } .popUp_title h2, .popUp_title .contact_block_h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .popUp_inputs { display: flex; flex-direction: column; gap: 25px; } .popUp_inputs input { width: 100%; padding-bottom: 11px; border: none; outline: none; border-bottom: 1px solid #7a768778; } .popUp_inputs .yourMassege { padding-bottom: 96px; } .popUp_inputs input::placeholder, .popUp_inputs input { color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .popUp_inputs-top { display: flex; justify-content: space-between; gap: 15px; } .popUp_btns { display: flex; align-items: center; justify-content: space-between; gap: 15px; } .popUp_modal p { width: 350px; color: #7A7687; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; margin-top: -25px; margin-bottom: 15px; } .popUp_btns p { margin: 0; width: 300px; color: #7A7687; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .popUp_btns p a { color: #088269; } .consultPopUp_user { display: flex; gap: 10px; align-items: center; margin-top: -25px; } .consultUp_user-logo { position: relative; width: 50px; height: 50px; } .consultUp_user-logo img { object-fit: cover; width: 100%; height: 100%; } .consultUp_user-logo > div { width: 9px; height: 9px; border-radius: 50%; background-color: #3EA148; position: absolute; right: 1px; top: 5px; } .consultPopUp_user div span { color: #7A7687; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; } .consultPopUp_user div h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } @media screen and (max-width:768px) { .popUp_modal { gap: 30px; } .popUp_inputs-top { flex-direction: column; gap: 30px; } .popUp_title h2, .popUp_title .contact_block_h2 { font-size: 16px; } .popUp_inputs .yourMassege { padding-bottom: 50px; } .popUp_btns { flex-direction: column; align-items: flex-start; justify-content: flex-start; } .popUp_inputs input, .popUp_inputs input::placeholder { font-size: 12px; } .popUp_modal p { font-size: 14px; width: 320px; } } @media screen and (max-width:500px) { .popUp_btns p { font-size: 10px; } .popUp_modal { padding: 15px; } .popUp_modal p { width: fit-content; font-size: 12px; } } .evulat { display: flex; flex-direction: column; gap: 11px; justify-content: flex-start; } .evulat span { color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .evulat_imgs { display: flex; align-items: center; gap: 4px; } .evulat_imgs img { cursor: pointer; } .popUp_inputFile { display: flex; align-items: center; gap: 5px; justify-content: flex-start; } .popUp_inputFile a { color: #088269; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; text-decoration: none; } /* Pop Up end */ /* notifications start */ .notification { position: fixed; right: 65px; bottom: 25px; padding: 15px 20px; display: flex; flex-direction: column; gap: 10px; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; width: 359px; z-index: 111111; } .notification_title { display: flex; justify-content: space-between; } .notification_title h2, .notification_title .contact_block_h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .notification p { width: 291px; color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .notification p a { color: #088269; } .notification button { margin-top: 5px; align-self: flex-end; } @media screen and (max-width:768px) { .notification { right: 20px; } } @media screen and (max-width:500px) { .notification { right: 15px; bottom: 90px; width: calc(100% - 30px); } .notification p { width: auto; } } #notificationComparision, #notificationFavorites { display: none; } /* notifications end */ /* delivery start */ .delivery_map__block { display: flex; flex-direction: column; width: 100%; padding: 20px 65px; padding-bottom: 100px; gap: 40px; } .for_delvieryHere { display: flex; gap: 8px; justify-content: flex-start; align-items: center; margin-bottom: 60px; } .for_delvieryHere img:nth-child(1) { display: none; } .for_delvieryHere p { color: #403c4e; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .for_delvieryHere span { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .delivery_map__block h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; } .delivery_map__block > p { width: 50%; align-self: flex-end; color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .deliveryMap { width: 100%; height: 390px; position: relative; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); } .deliveryMap button { position: absolute; right: 20px; bottom: 20px; } .deliveryMap iframe { width: 100%; height: 100%; border-radius: 10px; } .deliveryWeBest_greenBtn { align-self: flex-end; } .delivery_rules { display: flex; justify-content: space-between; padding: 20px 65px; } .delivery_rules-left { width: 40%; display: flex; flex-direction: column; gap: 25px; } .delivery_rules-left h2 { width: 350px; color: var(--unnamed, #202020); font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .delivery_rules-left p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .delivery_rules-right { width: 40%; display: flex; flex-direction: column; } .deliveryRules-right_item { border-top: 1px solid #D5D1E1; padding: 25px 0; display: flex; flex-direction: column; gap: 15px; } .deliveryRules-right_item h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .delivery_contacts { display: flex; flex-direction: column; padding: 150px 65px; gap: 10px; } .deliveryRules-right_item p { color: #403c4e; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .delivery_contacts-title { display: flex; justify-content: space-between; } .delivery_contacts-title h2 { width: 50%; color: var(--unnamed, #202020); font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .delivery_contact_itemBlock { display: flex; gap: 10px; } .delivery_contacts-item { padding: 25px; width: 320px; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #FFF); display: flex; flex-direction: column; gap: 2px; } .delivery_contacts-item h3 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .delivery_contacts-item p { color: #403c4e; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .delivery_documents { padding: 100px 65px; background: #E5E4ED; display: flex; justify-content: space-between; } .delivery_documents_left { width: 45%; display: flex; flex-direction: column; gap: 25px; } .delivery_documents_left h2 { color: var(--unnamed, #202020); /* 1440/H2 */ font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .delivery_documents_left p { color: var(--unnamed, #202020); /* 1440/t1 */ font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .delivery_documents_right { width: 50%; display: flex; flex-direction: column; } .delivery_documents_right-item { display: flex; flex-direction: column; gap: 25px; padding: 25px 0; border-top: 1px solid #d5d1e1cd; } .delivery_documents_right-item p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .ddr_title { display: flex; justify-content: space-between; } .ddr_title h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .ddr_title img { border-radius: 40px; border: 1px solid var(--unnamed, #D5D1E1); padding: 6px; cursor: pointer; } .delivery_documents_right-item p { display: none; } .delivery_consult { display: flex; flex-direction: column; gap: 25px; } .delivery_consult h2 { color: var(--unnamed, #202020); /* 1440/H2 */ font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .delivery_consult p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .deliveryWeBest_greenBtnMedia { display: none; } .deliveryWeBest-title { display: flex; justify-content: space-between; align-items: center; } .option_title h2 { font-size: 18px; } .delivery_contact_itemBlockMedia { display: none; } /* delivery media */ @media screen and (max-width:1200px) { .about { padding: 100px 20px; } .option_title h2 { font-size: 16px; } .delivery_map__block { padding: 70px 20px; padding-top: 20px; } .delivery_map__block > p { width: 100%; font-size: 14px; } .delivery_map__block h2 { font-size: 34px; } .deliveryWeBest_greenBtn { display: none; } .deliveryWeBest_greenBtnMedia { display: block; } .delivery_rules { flex-direction: column; gap: 30px; padding: 20px; } .delivery_rules-left { width: 70%; } .delivery_rules-left h2 { width: 100%; font-size: 20px; } .delivery_rules-right { width: 70%; } .delivery_rules-left p { font-size: 14px; } .deliveryRules-right_item h2 { font-size: 16px; } .deliveryRules-right_item p { font-size: 14px; } .delivery_contact_itemBlock { display: none; } .delivery_contact_itemBlockMedia { display: flex; } .delivery_contacts-title h2 { font-size: 20px; width: 100%; } .delivery_contacts { padding: 100px 20px; } .delivery_contacts-item { width: 50%; } .delivery_contacts-item h3 { font-size: 16px; } .delivery_contacts-item p { font-size: 14px; } .delivery_documents { padding: 70px 20px; flex-direction: column; gap: 30px; } .delivery_documents_left, .delivery_documents_right { width: 70%; } .delivery_documents_left h2 { font-size: 20px; } .delivery_documents_left p { font-size: 14px; } .ddr_title h2 { font-size: 16px; } .delivery_documents_right-item p { font-size: 14px; } .contact_delivery { display: flex; gap: 30px; flex-direction: column; } .delivery_consult h2 { font-size: 20px; } .delivery_consult p { font-size: 14px; } } @media screen and (max-width:500px) { .for_delvieryHere img:nth-child(1) { display: block; width: 13px; height: 13px; } .for_delvieryHere img:nth-child(3), .for_delvieryHere span { display: none; } .delivery_map__block h2 { font-size: 28px; } .delivery_map__block > p { font-size: 12px; } .weBest h2 { font-size: 18px; } .deliveryWeBest_greenBtn { display: block; align-self: center; } .deliveryWeBest_greenBtnMedia { display: none; } .delivery_rules-left, .delivery_rules-right { width: 100%; } .delivery_rules-left p { font-size: 12px; } .delivery_rules-left h2 { font-size: 18px; } .deliveryRules-right_item p { font-size: 12px; } .delivery_contacts-title h2 { font-size: 18px; } .delivery_contacts-item { width: 100%; } .delivery_contact_itemBlockMedia { flex-direction: column; } .delivery_documents_left h2 { font-size: 18px; } .delivery_documents_left, .delivery_documents_right { width: 100%; } .delivery_documents_left p { font-size: 12px; } .delivery_consult p { font-size: 12px; } .delivery_consult h2 { font-size: 18px; } } /* delivery end */ /* services start */ .services_numFacts { padding: 20px 65px; } .servicesHere { padding: 20px 65px; display: flex; justify-content: flex-start; gap: 8px; align-items: center; } .servicesHere:empty { display: none; } .servicesHere h2 { color: #403c4e; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .servicesHere p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } /* services */ .services { padding: 150px 65px; padding-top: 0; display: flex; flex-direction: column; gap: 40px; } .services h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; } .services_block { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .services_item { border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #FFF); display: flex; justify-content: space-between; } .services_item-text { width: 60%; display: flex; flex-direction: column; justify-content: space-between; padding: 20px 25px; } .services_item-text > div { display: flex; flex-direction: column; gap: 15px; } .services_item-text h2 { width: 300px; color: var(--unnamed, #202020); font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .services_item-text p { color: #403c4e; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; display: flex; flex-direction: column; gap: 5px; justify-content: flex-start; } .services_item-text p span { font-size: 12px; font-weight: 400; } .services_item-text button { background: #fff; align-self: flex-start; } .services_item img { border-radius: 0px 8px 8px 0px; /* border: 1px solid var(--unnamed, #E5E2EE); */ width: 40%; object-fit: cover; } .servicesDownloadBtnMedia { display: none; } .services_downloadForm { padding: 100px 65px; display: flex; flex-direction: column; gap: 28px; } .services_downloadForm-top { display: flex; justify-content: space-between; align-items: center; gap: 85px; } .services_downloadForm-top h2 { width: 575px; color: var(--unnamed, #202020); font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .services_downloadForm-top h2 span { color: var(--unnamed, #088269); } .services_downloadForm-block { width: 50%; gap: 10px; display: flex; justify-content: space-between; } .services_downloadForm-item { border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #FFF); width: 50%; padding: 22px; display: flex; align-items: center; justify-content: space-between; } .services_downloadForm-item h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .services_downloadForm-item img { cursor: pointer; border-radius: 5px; border: 1px solid var(--unnamed, #D5D1E1); background: var(--unnamed, #FFF); padding: 5px; } .services_downloadForm-blockMedia { display: none; } .services_downloadForm-bottom { display: flex; justify-content: flex-end; align-items: center; } .servicesHere img:nth-child(1) { display: none; } @media screen and (max-width:1300px) { .services_item-text h2 { width: 100%; } } @media screen and (max-width:1200px) { .servicesHere h2, .servicesHere p { font-size: 12px; } .servicesHere { padding: 20px; } .services { padding: 70px 20px; padding-top: 0; } .services h2 { font-size: 34px; } .services_item { flex-direction: column-reverse; } .services_item img { width: 100%; height: 298px; border-radius: 10px 10px 0px 0px; object-position: center; } .services_item-text > div { width: 100%; } .services_item-text { width: 100%; } .services h2 { font-size: 16px; } .services_item-text p span { font-size: 10px; } .services_item-text p { font-size: 12px; } .services_item-text { gap: 50px; } .services_numFacts { padding: 20px; } .services_downloadForm-block { display: none; } .services_downloadForm-bottom button { display: none; } .services_downloadForm-blockMedia { display: flex; width: 100%; } .servicesDownloadBtnMedia { display: flex; } .services_downloadForm { padding: 20px; } .services_downloadForm-top h2 { width: 70%; font-size: 20px; } .services_downloadForm-top { gap: 20px; } .services_downloadForm-bottom { justify-content: space-between; } .services_downloadForm-item h2 { font-size: 16px; } } @media screen and (max-width:500px) { .services h2 { font-size: 28px; } .services_block { grid-template-columns: 1fr; } .servicesHere img { display: none; } .servicesHere img:nth-child(1) { display: block; width: 13px; height: 13px; } .servicesHere p, .servicesHere h2 { display: none; } .servicesHere p:nth-child(2), .servicesHere h2:nth-child(2) { display: block; } .servicesHere h2 { color: #202020; font-weight: 600; } .services_item-text h2 { font-size: 16px; } .servicesDownloadBtnMedia { display: none; } .services_downloadForm-blockMedia { flex-direction: column; } .services_downloadForm-item { width: 100%; } .services_downloadForm-bottom button { display: block; } .services_downloadForm-bottom { flex-direction: column; gap: 10px; } .services_downloadForm-top h2 { width: 100%; } } /* services end */ /* Article start */ .article { width: calc(100% - 130px); padding: 35px; margin-left: 65px; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; display: flex; flex-direction: column; gap: 65px; } .article_title { display: flex; flex-direction: column; gap: 27px; } .article_title-top { display: flex; flex-direction: column; gap: 20px; } .article_title-top h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; } .article_title-top p { color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; display: flex; gap: 7px; } .article_title-bottom { display: flex; flex-direction: column; gap: 12px; } .article_title-bottom h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .article_title-bottom p { color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .article_title-block { display: flex; flex-direction: column; gap: 6px; } .article_main { display: flex; flex-direction: column; gap: 40px; } .article_main-title { display: flex; flex-direction: column; gap: 20px; } .article_main-title h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .article_main-title p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; width: 66%; } .article_main-block { width: 100%; display: flex; gap: 10px; justify-content: space-between; } .article_main-block img { width: 50%; object-fit: cover; border-radius: 10px; border: 1px solid #E5E2EE; } .article_main-titleGreen { width: calc(100% + 70px); background: #E1EFE6; padding: 30px 35px; margin-left: -35px; margin-top: -30px; } @media screen and (max-width:1200px) { .article_title-top h2 { font-size: 34px; } .article_title-top p, .article_title-bottom p { font-size: 10px; } .article { padding: 25px; margin-left: 20px; width: calc(100% - 40px); } .article_title-bottom h2 { font-size: 16px; } .article_main-title h2 { font-size: 20px; } .article_main-title p { font-size: 14px; width: 78%; } .article_main-titleGreen { padding: 20px 25px; margin-left: -25px; width: calc(100% + 50px); } } @media screen and (max-width:500px) { .article { padding: 20px; margin-left: 15px; width: calc(100% - 30px); } .article_title-top h2 { font-size: 28px; } .article_main-title h2 { font-size: 18px; } .article_main-title p { font-size: 12px; width: 100%; } .article_main-block { flex-direction: column; } .article_main-block img { width: 100%; } .article_main-titleGreen { padding: 20px; margin-left: -20px; width: calc(100% + 40px); } } .article_catalog { margin-top: 40px; } /* Article end */ /* Payment start */ .payment { display: flex; flex-direction: column; gap: 150px; padding: 100px 65px; padding-top: 0px; } .payment_block { display: flex; flex-direction: column; gap: 40px; } .payment_block h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; } .payment_block p { width: 50%; color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .payment_item-block { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .payment_item { border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #FFF); padding: 30px; display: flex; flex-direction: column; gap: 15px; } .payment_item h3 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .payment_item-text { display: flex; flex-direction: column; gap: 5px; } .payment_item-text p { width: 100%; color: #403c4e; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; display: flex; gap: 10px; } /* Payment Media Start */ @media screen and (max-width:1200px) { .payment_block h2 { width: 450px; font-size: 34px; } .payment { padding: 100px 20px; padding-top: 0px; } .payment_block p { width: 82%; font-size: 14px; } .payment_item h3 { font-size: 16px; } .payment_item-text p { width: 100%; } .payment_item-block { grid-template-columns: repeat(2, 1fr); } .payment_item { padding: 20px; } .payment_item:nth-child(3) { grid-column: 1/3; } } @media screen and (max-width:500px) { .payment_block h2 { width: 84%; font-size: 28px; } .payment { gap: 60px; padding: 40px 20px; } .payment_block p { width: 100%; font-size: 12px; } .payment_item-block { grid-template-columns: repeat(1, 1fr); } .payment_item { padding: 15px; } .payment_item:nth-child(3) { grid-column: 1/2; } .payment_block { gap: 20px; } } /* Payment Media End */ /* Payment end */ /* BrandPage start */ .brandPage { display: flex; flex-direction: column; gap: 150px; padding: 100px 65px 40px 65px; padding-top: 0px; } .brandPage_top { display: flex; flex-direction: column; gap: 40px; } .brandPage_top h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; } .brandPage_top-main { display: flex; gap: 10px; justify-content: space-between; } .brandPage_top-main img { width: 50%; object-fit: cover; } .brandPage_top p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; display: flex; flex-direction: column; gap: 20px; width: 50%; align-self: flex-end; } .brandPage_filter-btns { display: none; } @media screen and (max-width:1200px) { .brandPage_top h2 { font-size: 34px; } .brandPage { padding: 100px 20px 40px 20px; padding-top: 0; } .brandPage_top p { width: 80%; font-size: 14px; gap: 10px; align-self: flex-start; } } @media screen and (max-width:500px) { .brandPage { padding: 100px 15px 40px 15px; padding-top: 0; } .brandPage_top p { width: 100%; font-size: 12px; } .brandPage_top h2 { width: 308px; font-size: 28px; } .brandPage_top-main { flex-direction: column; } .brandPage_top-main img { width: 100%; } } @media screen and (max-width:400px) { .brandPage_top h2 { font-size: 24px; } } .brandPage_main { display: flex; flex-direction: column; gap: 43px; } .brandPage_block { display: flex; flex-direction: column; gap: 25px; } .brandPage_main h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 28px; font-style: normal; font-weight: 500; } .brandPage_category { display: flex; flex-wrap: wrap; gap: 5px; } .Brandfff_btn { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; padding: 11px 31px; border-radius: 50px; border: 1px solid var(--unnamed, #D5D1E1); background: var(--unnamed, #FFF); } .Brandgreen_btn { color: var(--unnamed, #088269); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; border-radius: 50px; border: 1px solid var(--unnamed, #D5D1E1); padding: 11px 31px; background: transparent; } .brandPage_block-main { display: flex; gap: 10px; } .brandPage-left { width: 320px; display: flex; flex-direction: column; gap: 10px; position: relative; } .brand_page_left-buttons { display: flex; gap: 10px; } .brand_page_left-buttons .green_btn { width: 190px; padding: 11px 0; } .brand_page_left-buttons .Brandfff_btn { width: 120px; padding: 11px 0; } .brandPage-left .catalog_select { width: 100%; padding: 15px 20px; position: relative; display: flex; flex-wrap: wrap; } .brandPage-left .catalog_select h2 { font-size: 16px; } .brandPage-left .catalog_rectangle_2 { width: 100%; display: flex; position: unset; border: none; padding: 0; padding-top: 20px; } .brandPage_filter { width: 100%; padding: 15px 20px; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); display: flex; flex-direction: column; gap: 15px; } .brandPage_filter-initial { width: 100%; display: flex; justify-content: space-between; } .brandPage_filter-initial > img, .catalog_select > img { transform: rotate(180deg); } .brandPage_filter-initial h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .brandPage_filter-finally { display: flex; flex-direction: column; gap: 25px; padding: 10px 0; padding-top: 25px; border-top: 1px solid #E5E2EE; } .brandPage_filter-price, .brandPage_filter-purpose, .brandPage_filter-equipment, .brandPage_filter-region { display: flex; flex-direction: column; gap: 15px; } .BPF_price-initial h2 { font-size: 14px; } .BPF_price-initial img { width: 13px; height: 13px; } .BPF_price-initial { display: flex; justify-content: space-between; align-items: center; } .BPF_price-finally { display: flex; flex-direction: column; gap: 15px; position: relative; } .BPF_price-finally > div { width: 100%; display: flex; gap: 10px; } .BPF_price-finally > div div { width: 50%; display: flex; flex-direction: column; gap: 2px; padding-bottom: 10px; border-bottom: 1px solid #E5E2EE; } .BPF_price-finally > div div span { color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; } .BPF_price-finally > div div p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .for_BP-search input { width: 100%; padding: 10px 15px; border-radius: 50px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #FFF); outline: none; } .for_BP-search input::placeholder { color: #403c4e; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .for_BP-search { position: relative; display: flex; justify-content: center; align-items: center; } .for_BP-search img { position: absolute; right: 15px; width: 17px; height: 17px; } .BPF_region-checkboxes { display: flex; flex-direction: column; gap: 12px; } .BPF_region-checkboxes-item { display: flex; align-items: center; gap: 15px; } .BPF_region-checkboxes-item label { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .BPF_region-finally { display: flex; flex-direction: column; gap: 15px; } .BPF_region-checkboxes-item input { appearance: none; width: 20px; height: 20px; border-radius: 3px; display: flex; justify-content: center; align-items: center; outline: none; border: 1px solid #D5D1E1; } .BPF_region-checkboxes-item input:checked { content: url(/local/templates/gmt/img/markFFF.svg); border: 1px solid #088269; background: #088269; } .BPF_Intitial img { transform: rotate(180deg); } .brandPage_filter-finally { display: none; } .BPF_finally { display: none; } .brandPage_right { width: calc(100% - 320px); display: flex; flex-direction: column; gap: 10px; } .brandPage_poFavorite { width: 100%; padding: 11px 20px; display: flex; justify-content: space-between; align-items: center; border-radius: 5px; border: 1px solid var(--unnamed, #E5E2EE); } .brandPage_favSelect { display: flex; gap: 10px; align-items: center; } .brandPage_favSelect h2 { font-size: 14px; } .brandPage_favSelect img { width: 13px; height: 13px; transform: rotate(180deg); } .brandPage_favEnd { display: flex; align-items: center; justify-content: space-between; gap: 140px; } .brandPage_favCenter { display: flex; gap: 15px; align-items: center; } .brandPage_favCenter p { color: #403c4e; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .brandPageFavCenter_select { display: flex; align-items: center; gap: 2px; } .brandPageFavCenter_select span { color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .brandPageFavCenter_select img { width: 13px; height: 13px; transform: rotate(180deg); } .brandPage_type { display: flex; align-items: center; gap: 10px; } .brandPage_type img { cursor: pointer; } .brandPage_right-blockTable { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .brandPage-product { width: 100%; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); } .brandPage-product p { var(--unnamed, #202020); font-size: 14px; font-family: Manrope; } .brandPage-control { display: flex; justify-content: center; align-items: center; gap: 5px; } .brandPage-control-item { display: flex; width: 32px; height: 32px; padding: 10px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: 8px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #FFF); color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; cursor: pointer; } .brandPage-control-item-active { color: #fff; background: var(--unnamed, #088269); } .brandPage-control-item-more { border: none; } .brandPage-control-item img { width: 17px; object-fit: cover; } .BPF_Intitial { cursor: pointer; } .brandPage_right-blockBurger { display: grid; grid-template-columns: 1fr; gap: 10px; } .brandPage_right-blockBurger .brandPage-product { display: flex; position: relative; } .brandPage_right-blockBurger .fff_btn { align-self: flex-end; } .brandPage_right-blockBurger .for_slider3txt h2 { font-size: 18px; } .brandPage_right-blockBurger .h2Table, .brandPage_right-blockBurger .fffBtnTable { display: none; } .brandPage_right-blockBurger .brandPage_productPrice-burger { margin-top: 100px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; } .brandPage_right-blockTable .brandPage_productPrice-burger { display: none; } .brandPage_right-blockBurger .swiper3_icons { left: 0; } .brandPage_right-blockBurger .swiper3_head { position: unset; } .for_slider3txt h2 { font-size: 18px; } .brandPage_right-block .swiper3_head { padding: 40px 0px; } .brandPage_right-blockBurger .swiper3_head { padding: 40px 50px; border-radius: 10px 0px 0px 10px; } @media screen and (max-width:1270px) { .Brandfff_btn, .Brandgreen_btn { font-size: 12px; } } .brandPage_filter-initialMobile { width: 100%; display: none; justify-content: center; align-items: center; gap: 8px; } .brandPage_filter-initialMobile p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .brandPage_filter-directions { width: 100%; display: none; flex-direction: column; } .brandPage_filter-finally_title { display: none; justify-content: space-between; padding: 15px; align-items: center; background: var(--unnamed, #E5E4ED); } .brandPage_filter-finally_title h2 { color: var(--unnamed, #202020); /* 375/t1 */ font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; line-height: 118%; /* 14.16px */ } @media screen and (max-width:1200px) { .for_slider3txt h2 { font-size: 16px; } .brandPage_right-blockTable { grid-template-columns: repeat(2, 1fr); } .brandPage-left { width: 200px; } .brandPage_right { width: calc(100% - 200px); } .brandPage_filter-initial h2, .brandPage-left .catalog_select h2 { font-size: 14px; } .Brandfff_btn { padding: 11px 20px; } .brandPage_right-blockBurger .swiper3_head { width: 40%; padding: 20px; } .brandPage_right-blockBurger .swiper3_head > img { width: 100%; } .brandPage_right-blockBurger .brandPage_productPrice-burger { margin-top: 10px; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .brandPage_right-blockBurger .fff_btn { align-self: center; width: 100%; } .brandPage_favEnd { gap: 60px; } .brandPage_favSelect h2, .brandPage_favCenter p, .brandPageFavCenter_select span { font-size: 12px; } .brandPage_favSelect { gap: 5px; } .BPF_price-initial h2 { font-size: 14px; } .BPF_price-finally > div div span { font-size: 10px; } .BPF_price-finally > div div p { font-size: 12px; } .BPF_region-checkboxes-item label { font-size: 12px; } .brandPage_filter, .brandPage-left .catalog_select { padding: 15px; } .for_BP-search input { padding: 10px; } .for_BP-search input::placeholder { font-size: 12px; } } @media screen and (max-width:620px) { .brandPage-left { width: 180px; } .brandPage_right { width: calc(100% - 180px); } .brandPage_filter-initial h2, .brandPage-left .catalog_select h2 { font-size: 12px; } .brand_page_left-buttons .Brandfff_btn { width: 50%; } .brand_page_left-buttons .green_btn { width: 50%; } .brandPage_filter, .brandPage-left .catalog_select { padding: 15px; } .brandPage_favEnd { gap: 10px; } .brandPage_right-block .swiper3_head img { width: 100%; } .brandPage-product .for_slider3txt h2 { font-size: 14px; } } @media screen and (max-width:550px) { .brandPage_poFavorite { padding: 10px; } .brandPage_favSelect h2, .brandPage_favCenter p, .brandPageFavCenter_select span { font-size: 10px; } .brandPage-product .swiper3_icons > div { gap: 3px; } .brandPage-product .swiper3_icons > div img { width: 13px; height: 13px; } } @media screen and (max-width:500px) { .brandPage_filter-initial > img, .brandPage_filter-initial > h2 { display: none; } .brandPage-left .catalog_select { /*display: none;*/ } .brandPage_block-main { flex-direction: column; } .brandPage-left { width: 100%; } .brand_page_left-buttons { display: none; } .brandPage_right { width: 100%; } .brandPage .green_btn, .brandPage .fff_btn { font-size: 14px; } .brandPage-control-item { width: 25px; height: 25px; font-size: 12px; padding: 5px; } .brandPage_filter-initialMobile { display: flex; } .brandPage_filter-finally { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; /* padding: 15px; */ background: #F8F7F3; z-index: 111111111; gap: 0; padding: 0; } .BPF_Intitial { padding: 15px; padding-bottom: 20px; border-bottom: 1px solid #E5E2EE; } .BPF_finally { padding: 0px 15px; } .brandPage_filter-directions { display: flex; } .brandPage_filter-btns { position: fixed; bottom: 0; left: 0; width: 100%; display: flex; justify-content: space-between; padding: 20px 15px; gap: 35px; background: #F8F7F3; } .brandPage_filter-btns button { width: 50%; } .brandPage_filter-finally_title { display: flex; } .brandPage_filter-finally { overflow: auto; } } .BPF_price-finally .double_range_slider_box { width: 100%; height: 5px; position: relative; background: white; display: flex; justify-content: center; align-items: center; border-radius: 20px; } .BPF_price-finally .double_range_slider { width: 100%; height: 5px; position: relative; background-color: #E5E4ED; border-radius: 10px; padding: unset; } .BPF_price-finally .range_track { height: 100%; position: absolute; border-radius: 20px; background-color: #088269; } .double_range_slider input { position: absolute; width: 100%; height: 5px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; top: 50%; transform: translateY(-50%); } .double_range_slider input::-webkit-slider-thumb { height: 13px; width: 13px; border-radius: 50%; border: 3px solid #088269; background-color: #fff; pointer-events: auto; -webkit-appearance: none; cursor: pointer; margin-bottom: 1px; } .double_range_slider input::-moz-range-thumb { height: 18px; width: 18px; border-radius: 50%; border: 3px solid #cbffa3; background-color: #95d564; pointer-events: auto; -moz-appearance: none; cursor: pointer; margin-top: 30%; } .minvalue { position: absolute; padding: 6px 15px; background: #0e5f59; border-radius: 1rem; color: white; bottom: 0; transform: translate(0, -100%); left: 0; font-size: 1rem; transition: left 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); will-change: left, transform; } .maxvalue { position: absolute; padding: 6px 15px; background: #0e5f59; border-radius: 1rem; color: white; top: 0; transform: translate(0, 100%); right: 0; font-size: 1rem; transition: right 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); will-change: right, transform; } .BPF_price-finally .minvalue, .BPF_price-finally .maxvalue { display: none; padding: unset; } /* BrandPage end */ .slide5_img { padding: 0; } .slide5_img img { width: auto; height: auto; max-width: 100%; } @media screen and (max-width:1200px) { .mySwiper5 .slide5_img img { width: 100%; } .slide5_img { padding: 10px; } } .turnkey { width: 100%; padding: 100px 65px; padding-top: 0px; display: flex; flex-direction: column; gap: 40px; } .turnkey_complex { display: flex; flex-direction: column; gap: 40px; } .turnkey_complex h2 { width: 70%; color: var(--unnamed, #202020); /* 1440/H1 */ font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; line-height: 110%; /* 52.8px */ } .turnkey_complex img { width: 100%; height: 390px; object-fit: cover; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); } .turnkey_complex-text { width: 50%; display: flex; flex-direction: column; align-self: flex-end; gap: 15px; } .turnkey_complex-text p { color: var(--unnamed, #202020); /* 1440/t1 */ font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } .turnkey_complex-text a { color: var(--100, #07745E); /* 1440/t2 */ font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; text-decoration: none; } .turnkeyTab_standarts { display: flex; flex-direction: column; gap: 10px; } .turnkeyTab_standarts-item { display: flex; gap: 10px; } .turnkeyTab_standarts-item { color: #403c4e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .turnkeyTab_standarts-item p { color: var(--unnamed, #202020); font-weight: 500; } .turnkey .labarator_tab-main { border-radius: 0px 0px 10px 10px; } .turnkey .tabDescription { flex-direction: row; justify-content: space-between; } .turnkeyComplex_order { width: 100%; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #FFF); padding: 40px; display: flex; justify-content: space-between; } .turnkeyComplex_order h2 { width: 40%; color: var(--unnamed, #202020); /* 1440/H2 */ font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .turnkeyComplex_order-block { width: 50%; display: flex; flex-direction: column; gap: 30px; } .turnkeyComplex_order-block input { outline: none; border: none; border-bottom: 1px solid #7a768757; padding-bottom: 11px; } .turnkeyComplex_order-block input::placeholder { color: #403c4e; /* 1440/l2 */ font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .turnkeyComplex_order-block div { display: flex; align-items: center; justify-content: space-between; gap: 30px; } .turnkeyComplex_order-block div p { color: #403c4e; /* 1440/t2 */ font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .turnkey .swiper3_icons > div { flex-direction: row-reverse; } .turnkey .swiper3_icons img { width: 24px; height: 24px; } .turnkey .tabDescriptionProducts { flex-direction: column; justify-content: center; gap: 35px; } .turnkey .mySwiper3 .slide3 { margin: unset; } .turnkey .mySwiper3 .swiper-wrapper { padding-left: 0px; } .for_slider3txt { border-top: 1px solid #E5E2EE; } .turnkey .tabDescription .fff_btn { width: 100%; background: #fff; } .swiper3_icons p { color: #088269; padding: 4px 10px; } @media screen and (max-width:1200px) { .turnkey { padding: 100px 20px; padding-top: 0px; } .turnkey_complex h2 { font-size: 34px; } .turnkey_complex img { height: 215px; } .turnkey_complex { gap: 30px; } .turnkey_complex-text p { font-size: 14px; } .turnkey_complex-text a { font-size: 10px; } .turnkey_complex-text { width: 83%; align-self: flex-start; } .turnkey .labarator_tab-main { padding-right: 0px; } .turnkey .swiper3_icons img { width: 18px; height: 19px; } .turnkeyComplex_order { padding: 20px; } .turnkeyComplex_order h2 { font-size: 20px; } .turnkeyComplex_order-block div p { font-size: 10px; } .mySwiper3 .swiper3_head > img { padding: 35px; } } @media screen and (max-width:625px) { .turnkeyHere h2, .turnkeyHere p { font-size: 9px; } .servicesHere img { width: 13px; height: 13px; } } .turnkey .turnkey_TAB_titleMobile { display: none; } @media screen and (max-width:500px) { .turnkey_complex h2 { width: 100%; font-size: 28px; } .turnkey_complex img { height: 207px; } .turnkey_complex-text { width: 100%; } .turnkey_complex-text p { font-size: 12px; } .turnkeyTab_standarts-item p { font-size: 10px; } .turnkey .tabDescription { flex-direction: column; } .turnkeyComplex_order h2 { font-size: 18px; width: 100%; } .turnkeyComplex_order { flex-direction: column; gap: 30px; } .turnkeyComplex_order-block { width: 100%; } .turnkey .for_slider3txt { padding: 15px 10px; } .turnkey .fff_btn { font-size: 8px; } .turnkey .swiper3_icons p { padding: 2px 6px; font-size: 8px; } .turnkey .swiper3_icons > div { gap: 5px; } .turnkey .swiper3_icons img { width: 14px; height: 15px; } .mySwiper3 .swiper3_head > img { padding: 20px; } .turnkey .tabDescription { padding: 16px 20px; } .turnkey .tabDescriptionProducts { gap: 15px; padding-right: 0px; } .tabDescriptionProducts .lineTab { width: calc(100% + 20px); margin-right: 0; } .turnkey .turnkey_TAB_titleMobile { display: block; } } /* turnkey end */ /* guarantees start */ .guarantees { padding: 150px 65px; padding-top: 0px; display: flex; flex-direction: column; gap: 80px; } h1 { color: #202020; font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; line-height: 1.2; } .guarantes_text { width: 50%; display: flex; flex-direction: column; gap: 40px; } .gaurantes_text-block { width: 100%; display: flex; flex-direction: column; gap: 20px; } .gaurantes_text-block p { color: var(--unnamed, #202020); font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .gaurantes_text-block > div { display: flex; flex-direction: column; gap: 10px; } .gaurantes_text-block > div > div { padding-left: 25px; display: flex; flex-direction: column; gap: 5px; } .gaurantes_text-block > div > div p { display: flex; gap: 10px; } .gaurantes_text-block > div > div p span { width: 13px; } .guarantees_warning { padding: 150px 65px; display: flex; justify-content: center; align-items: center; } .guarantees_warning__size { width: 100%; height: 100%; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); background: var(--unnamed, #088269); padding: 40px; display: flex; justify-content: space-between; } .guarantees_warning__size h2 { color: var(--unnamed, #F8F7F3); /* 1440/H2 */ font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; /* 36px */ } .guarantees_warning__size div { width: 50%; display: flex; flex-direction: column; gap: 20px; } .guarantees_warning__size div p { color: #F8F7F3; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .guaranteesWeBest_buttons { display: flex; width: 100%; justify-content: flex-end; gap: 10px; } .guaranteesFff_btn { padding: 11px 30px; background: #fff; border-radius: 50px; border: 1px solid #D5D1E1; color: #088269; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; } .guaranteesgreen_btn { color: #F8F7F3; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; padding: 11px 30px; border-radius: 50px; background: #088269; border: none; } @media screen and (max-width:1200px) { .guarantees { padding: 100px 20px; padding-top: 0px; } .guarantes_text { width: 80%; } h1 { font-size: 34px; } .gaurantes_text-block p { font-size: 14px; } .guarantees_warning__size h2 { font-size: 20px; } .guarantees_warning { padding: 100px 20px; } .guarantees_warning__size div p { font-size: 14px; } } @media screen and (max-width:500px) { h1 { font-size: 28px; } .guarantes_text { width: 100%; } .gaurantes_text-block p { font-size: 12px; } .guarantees_warning__size h2 { width: 100%; font-size: 18px; } .guarantees_warning__size div { width: 100%; } .guarantees_warning__size div p { font-size: 12px; } .guarantees_warning__size { flex-direction: column; padding: 40px 20px; } } /* best guarantes */ .bestCont { width: 100%; padding: 0px 65px; display: flex; flex-direction: column; gap: 40px; } .bestCont > h2 { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .bestCont_block { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; } .bestCont_block-item { width: calc(25% - 10px); height: 320px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 31px; border-radius: 10px; border: 1px solid #E5E2EE; } .bestCont_block-item p { width: 208px; color: #202020; text-align: center; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .bestCont_buttons { width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 10px; } .bestCont_buttons button { padding: 11px 30px; border-radius: 50px; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; } .bestCont_fffBtn { color: #088269; background: #fff; border: 1px solid #D5D1E1; } .bestCont_grnBtn { color: #F8F7F3; background: #088269; border: none; } @media screen and (max-width:1200px) { .bestCont { padding: 0px 20px; } .bestCont > h2 { font-size: 20px; } .bestCont_block-item { height: 175px; gap: 15px; } .bestCont_block-item img { width: 41px; height: 45px; } .bestCont_block-item p { width: 100%; font-size: 14px; padding: 0px 5px; } } @media screen and (max-width:660px) { .bestCont_block-item p { font-size: 12px; } } @media screen and (max-width:560px) { .bestCont_block-item p { font-size: 10px; } } @media screen and (max-width:500px) { .bestCont > h2 { font-size: 18px; } .bestCont_block-item { width: calc(50% - 5px); } .bestCont_block-item p { font-size: 12px; } .bestCont_buttons button { padding: 8px 20px; font-size: 12px; } } @media screen and (max-width:360px) { .bestCont_buttons button { font-size: 10px; } } /* guarantees end */ /* brandPageCategory start */ .brandPageCategoryHere { padding-bottom: 20px; } /* brandPageCategory end */ /* Reviews start */ .reviews { padding: 0px 65px; padding-bottom: 100px; display: flex; flex-direction: column; gap: 40px; } .reviews_block { display: flex; flex-wrap: wrap; gap: 10px; } .reviews_item { width: calc(50% - 10px); padding: 25px; padding-top: 20px; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; display: flex; flex-direction: column; justify-content: space-between; } .reviews_item > div { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 25px; } .reviews_item p { color: #7A7687; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; padding-right: 15px; } .reviews_top { display: flex; justify-content: space-between; } .reviews span { color: #202020; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; display: none; } .reviews_top span { display: block; } .reviews_user { display: flex; gap: 20px; } .reviews_user > div { display: flex; flex-direction: column; } .reviews_user h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .reviews_user h3 { color: #7A7687; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; } .reviews_user .stars { margin-top: 10px; } .stars { display: flex; gap: 4px; align-items: center; } @media screen and (max-width:1200px) { .reviews { padding: 0px 20px; padding-bottom: 100px; gap: 20px; } .reviews span { display: flex; font-size: 10px; } .reviews_top span { display: none; } .reviews_item { padding: 20px; gap: 20px; } .reviews_user { gap: 15px; } .reviews_user h2 { font-size: 16px; } .reviews_user h3 { font-size: 10px; } .reviews_item p { padding: unset; font-size: 14px; } .reviews_user > img { width: 52px; height: 52px; align-self: center; } } @media screen and (max-width:500px) { .reviews { padding: 0 15px; padding-bottom: 100px; } .reviews_item { width: 100%; padding: 15px; } .reviews_user > img { width: 48px; height: 48px; } .reviews_item p { font-size: 12px; } } /* Reviews end */ /* -------------------------------------------------------------------------------------------- */ /* Blog start */ .blog { width: 100%; display: flex; flex-direction: column; gap: 40px; padding: 0px 65px; padding-bottom: 100px; } .blog_block { width: 100%; display: flex; justify-content: space-between; gap: 10px; } .blog_items-block { width: 75%; display: flex; flex-wrap: wrap; gap: 10px; } .blog_item { width: 100%; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; display: flex; } .blog_item-img-wrap { width: 43%; flex-shrink: 0; } .blog_item img { border-radius: 10px 0px 0px 10px; object-fit: cover; width: 100%; display: block; } .blog_item-text { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 30px; border-radius: 0px 10px 10px 0px; gap: 30px; } .blog_item-text-top { display: flex; flex-direction: column; gap: 25px; } .blog_item-text-top > div { display: flex; flex-direction: column; } .blog_item h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .blog_item span { color: #7A7687; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .blog_item p { color: #7A7687; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .blog .fff_btn { background: #fff; } @media screen and (max-width:1200px) { .blog { padding: 0px 20px; padding-bottom: 100px; } .blog > h1 { display: none; } .blog_items-block { width: 100%; } .blog_item img { width: calc(100% + 5px); border-radius: 10px 10px 0px 0px; margin-left: -5px; } .blog_item { width: calc(50% - 5px); flex-direction: column; overflow: hidden; } .blog_item-text { padding: 15px; } .blog_item h2 { font-size: 16px; } .blog_item span { font-size: 10px; } .blog_item p { font-size: 14px; } .blog_item-text-top { gap: 15px; } .blog_item-text-top > div { gap: 5px; } .blog_item-text { height: 100%; } } @media screen and (max-width:500px) { .blog_item { width: 100%; } } /* --------------------------------------------------------------------------- */ @media screen and (max-width:1200px) { .catalog_rectangle1 { display: none !important; } .home_category-block { width: 100%; } .catalog_title2 { display: flex; } } @media screen and (max-width:660px) { .catalog_select { width: 250px; } .catalog_rectangle_2 { width: 250px; } } @media screen and (max-width:600px) { .catalog_select { width: 230px; } .catalog_rectangle_2 { width: 230px; } } @media screen and (max-width:500px) { .catalog_title2 { flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; } .catalog_select { width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; position: unset; } .catalog_title2 { position: unset; } .catalog_select img:first-child { display: block; } .catalog_select img:last-child { display: none; } .filter_directions { width: 100%; /*height: 100vh;*/ height: auto; top: 0; left: 0; padding-top: 70px; gap: 20px; } .catalog_rectangle__title h2 { color: var(--unnamed, #202020); font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .catalog_rectangle-item p { font-size: 12px; } .catalog_rectangle__title { width: 100%; display: flex; justify-content: space-between; background: #E5E4ED; position: absolute; padding: 15px; left: 0; top: 0; } } /* --------------------------------------------------------------------------- */ /* Blog end */ #navLi_active { color: #088269; } /* Stock start */ .stock { padding: 0px 65px; padding-bottom: 100px; display: flex; flex-direction: column; gap: 40px; } .stock_size { width: 100%; display: flex; gap: 10px; } .stock_rectangle { width: 320px; height: fit-content; display: flex; flex-direction: column; border-radius: 10px; border: 1px solid #E5E2EE; padding: 15px 20px; gap: 15px; } .stock_rectangle h2 { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .stock_rectangle-block { display: flex; flex-direction: column; gap: 13px; padding-top: 20px; border-top: 1px solid #E5E2EE; } .stock_rectangle h3 { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .stock_rectangle-item { width: 100%; display: flex; align-items: center; justify-content: space-between; } .stock_main-block { width: calc(100% - 330px); display: flex; flex-wrap: wrap; gap: 10px; } .stock-product { width: calc(33% - 5px); } .categories .slide5_img img, .swiper3_head img { max-width: 100%; max-height: 80%; } .stock_rectangleMobile { display: none; } @media screen and (max-width:1200px) { .stock { padding: 0px 20px; padding-bottom: 100px; } .stock_rectangle { width: 200px; } .stock_main-block { width: calc(100% - 210px); } .stock-product { width: calc(50% - 5px); } .stock_rectangle h2 { font-size: 14px; } .stock_rectangle h3 { font-size: 12px; } } @media screen and (max-width:514px) { .stock .fff_btn { font-size: 8px; padding: 5px; } } .stock_filterMobile { display: none; } @media screen and (max-width:500px) { .stock_filterMobile { /* display: flex; */ } .stock_size { flex-direction: column; } .stock_main-block { width: 100%; } .stock_rectangle { width: 100%; } .stock_rectangle-block { display: none; } .stock_rectangle > h2 { display: none; } .stock_rectangleMobile { display: flex; justify-content: center; align-items: center; width: 100%; gap: 8px; } .stock .fff_btn { font-size: 8px; } } /* Stock end */ .labarator_catalog { padding-top: 150px; } @media screen and (max-width:1200px) { .catalog { padding: 20px; padding-top: 0px; } } /* cabinetKey start */ .for_cabinetKeyComplex_order { padding: 100px 65px; } @media screen and (max-width:1200px) { .for_cabinetKeyComplex_order { padding: 100px 20px; } } .cabinetKey { display: flex; flex-direction: column; gap: 40px; padding: 100px 65px; } .cabinetKey_block { display: flex; flex-wrap: wrap; gap: 10px; } .cabinetKey_item { width: calc(50% - 5px); border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; } .cabinetKey img { width: 100%; object-fit: cover; object-position: center; border-radius: 10px 10px 0px 0px; } .cabinetKey h2 { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; padding: 17px 25px; } @media screen and (max-width:1200px) { .cabinetKey h2 { font-size: 16px; padding: 7px 15px; } .cabinetKey { padding: 100px 20px; } } @media screen and (max-width:500px) { .cabinetKey_item { width: 100%; } } /* cabinetKey end */ /* manufacturers start */ .manufacturers { display: flex; flex-direction: column; gap: 40px; padding: 100px 65px; padding-top: 0px; } .manufacturers_block { display: flex; gap: 10px; } .manufacturers-right { width: calc(100% - 330px); display: flex; flex-wrap: wrap; gap: 10px; } .manufacturers_item { width: 32%; display: flex; flex-direction: column; border-radius: 10px; border: 1px solid #E5E2EE; background: #F8F7F3; } .manufacturers_item p { width: 250px; color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; padding: 20px 25px; } .manufacturers_item-top { border-radius: 10px 10px 0px 0px; background: #fff; display: flex; justify-content: center; align-items: center; padding: 40px 0; } .manufacturers_item-top img { max-width: 100%; max-height: 80%; } .manufacturersFilter-region { display: flex; } .manufacturersFilter-region .BPF_region-finally { display: flex; } .manufacturers_filter-finnaly { padding-top: 5px; border-top: unset; } @media screen and (max-width:1200px) { .manufacturers { padding: 100px 20px; padding-top: 0px; } .manufacturers-right { width: calc(100% - 210px); } .manufacturers_item p { font-size: 14px; width: 165px; padding: 15px; } .manufacturers_item { width: calc(50% - 5px); } } @media screen and (max-width:550px) { .manufacturers_item p { width: auto; } .manufacturers_block { flex-direction: column; } } @media screen and (max-width:500px) { .manufacturers_filter-finnaly { padding-top: 0px; gap: 20px; } .manufacturers-right { width: 100%; } .manufacturers_item p { font-size: 12px; } } /* manufacturers end */ /* basket start */ .basket { padding: 0px 65px; padding-bottom: 100px; display: flex; justify-content: space-between; gap: 10px; } .basket_block { width: 75%; display: flex; flex-direction: column; gap: 10px; } .basket_product { height: 237px; border-radius: 10px; border: 1px solid #E5E2EE; display: flex; position: relative; } .basket-top { width: calc(100% - 30px); display: flex; justify-content: space-between; position: absolute; left: 15px; top: 15px; } .basket-top_imgs { display: flex; align-items: center; gap: 10px; } .basket-top_imgs img { width: 24px; height: 24px; cursor: pointer; } .basket_prod-img { width: 30%; display: flex; justify-content: center; align-items: center; border-radius: 10px 0px 0px 10px; border-right: 1px solid #E5E2EE; background: #FFF; } .basket_prod-img img { max-width: 90%; max-height: 80%; object-fit: cover; } .basket_prod-text { width: 70%; display: flex; gap: 38px; padding: 20px 25px; } .basket_prod-price { display: flex; flex-direction: column; gap: 28px; } .basket_prod-price > p { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .basket_prod-title { display: flex; flex-direction: column; gap: 10px; } .basket_prod-title h2 { max-width: 300px; color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .basket_prod-title > div { display: flex; flex-direction: column; gap: 5px; } .basket_prod-title span { color: #7A7687; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; } .basket_total { width: 25%; height: 237px; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; display: flex; flex-direction: column; gap: 15px; padding: 15px 20px; } .basket_total-title { display: flex; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid #E5E2EE; } .basket_total h2 { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; } .basket_total p { color: #202020; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .basket_total-block { display: flex; flex-direction: column; gap: 8px; } .basket_total-items { display: flex; align-items: center; justify-content: space-between; } .basket_total_btns { display: flex; flex-direction: column; gap: 10px; height: 100%; justify-content: flex-end; } .basketProdCloseMobile { display: none; } @media screen and (max-width:1200px) { .basket { padding: 0px 20px; padding-bottom: 100px; } .basket_prod-title h2 { font-size: 16px; } .basket_prod-title span { font-size: 10px; } .basket_prod-text { padding: 15px 20px; flex-direction: column; gap: 21px; } .basket_prod-price { gap: 20px; align-items: start; } .basket_total h2 { font-size: 12px; } .basket_block { width: 70%; } .basket_total { width: 30%; height: 212px; } .basket_total p { font-size: 10px; } .basket_product { height: auto; } .basket-top_imgs { gap: 6px; } .basket-top_imgs img { width: 20px; height: 20px; } .basket .green_btn { font-size: 10px; padding: 8px 10px; } } @media screen and (max-width:620px) { .basket_total p { font-size: 8px; } .basket_total h2 { font-size: 10px; } } @media screen and (max-width:570px) { .basket_total p { font-size: 8px; } .basket_total h2 { font-size: 10px; } .basket_total { padding: 15px; } .basket-top { top: 10px; left: 5px; width: calc(100% - 10px); } .basket-top_imgs img { width: 15px; height: 15px; } } @media screen and (max-width:500px) { .basket { flex-direction: column; } .basket > div { width: 100%; } .basket_prod-text { width: 60%; } .basket_prod-img { width: 40%; } .basket-top { width: calc(40% - 10px); } .basket-top_imgs img { width: 20px; height: 20px; } .basket-top_imgs img:last-child { display: none; } .basketProdCloseMobile { width: 20px; height: 20px; display: block; position: absolute; right: 10px; top: 7px; } .basket_prod-text { padding: 15px; } } /* basket end */ /* personal start */ .personal { padding: 100px 65px; display: flex; flex-direction: column; gap: 150px; } .personal_user { display: flex; flex-direction: column; gap: 50px; } .personal_user-top { display: flex; gap: 120px; align-items: center; } .personal_user-logo { width: 210px; height: 210px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #E1EFE6; } .personal_user-logo h2 { color: #23473B; font-family: Manrope; font-size: 80px; font-style: normal; font-weight: 500; } .personal_user-text { display: flex; flex-direction: column; gap: 20px; } .personal_user-name { display: flex; gap: 10px; } .personal_user-name h2 { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .personal_user-icons { display: flex; align-items: center; gap: 15px; } .personal_user-icons img { cursor: pointer; } .personal_user-btns { display: flex; gap: 10px; margin-top: 20px; } .personal_user-bottom { display: flex; gap: 200px; margin-left: 330px; } .personal_userB-item { display: flex; flex-direction: column; gap: 6px; } .personal_userB-item p { color: #7A7687; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .personal_userB-item h3 { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .personal_userB-item > div { display: flex; align-items: center; gap: 10px; } .personal_userB-item > div img { cursor: pointer; } .personal_payerInfo { display: flex; gap: 125px; } .personal_payerInfo h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .personal_payerInfo-block-size { width: calc(100% - 330px); display: flex; align-items: flex-end; flex-direction: column; gap: 10px; } .personal_payerInfo-block { width: 100%; display: flex; flex-direction: column; gap: 60px; padding: 25px; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; } .ppIb_top { display: flex; flex-direction: column; gap: 10px; } .ppIb_top p { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .ppIb_top h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .ppIb_title { display: flex; align-items: center; justify-content: space-between; } .ppIb_title img { cursor: pointer; } .ppIb_block { display: flex; gap: 200px; } .ppIb_item { display: flex; flex-direction: column; gap: 30px; } .ppIb_item div { display: flex; flex-direction: column; } .ppIb_item h3 { color: #7A7687; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .ppIb_item h2 { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .personal_historyOrder { display: flex; justify-content: space-between; } .personal_historyOrder h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .phO_block { width: calc(100% - 330px); display: flex; flex-direction: column; gap: 10px; } .phO_prod { width: 100%; padding: 25px; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; } .phO_prod-top { display: flex; flex-direction: column; gap: 13px; } .phO_prod-title { display: flex; justify-content: space-between; } .phO_prod-title h2 { color: #000; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .phO_prod-title img { transform: rotate(90deg); cursor: pointer; } .prO_prod__ { display: flex; gap: 10px; align-items: center; } .prO_prod__ span { color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; } .yellow_p { color: #855E00; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; border-radius: 76px; background: #FFE095; padding: 3px 10px; } .phO_prod-main { border-top: 1px solid #E5E2EE; margin-top: 28px; width: calc(100% + 50px); margin-left: -25px; padding: 25px; padding-bottom: 0px; display: flex; flex-direction: column; justify-content: space-between; gap: 80px; } .phO_total { width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 55px; } .phO_total h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .phO_prod-products { display: flex; flex-direction: column; gap: 25px; } .phO_prod-prod_item { display: flex; justify-content: space-between; } .phO_prod-prod_item h2 { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .phO_prod-prod_item span { color: #7A7687; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .personalProd_product { display: flex; gap: 40px; align-items: center; } .personalProd_product img { width: 64px; height: 64px; } .personalProd_productQuan { display: flex; align-items: center; gap: 79px; } .phO_prod-main { display: none; } .personal_settings { display: flex; justify-content: space-between; } .personal_settings h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .personalSetting_block { width: calc(100% - 330px); display: flex; flex-direction: column; gap: 100px; align-items: start; } .personalSetting_block .green_btn { padding: 11px 80px; font-weight: normal; } .personalSetting_item { display: flex; gap: 160px; } .personalSetting_item > div { display: flex; flex-direction: column; gap: 20px; } .ppproductQ_titleMobile { display: none; } @media screen and (max-width:1205px) { .ppIb_block { gap: 190px; } } @media screen and (max-width:1200px) { .personal { padding: 100px 20px; } .personal_user-name h2 { font-size: 20px; } .personal_user-logo h2 { font-size: 70px; } .personal_user-top { gap: 66px; } .personal_user-logo { width: 180px; height: 180px; } .personal_user-bottom { margin-left: 246px; gap: 96px; } .personal_userB-item h3, .personal_userB-item p { font-size: 14px; } .personal_payerInfo h2 { font-size: 16px; } .personal_payerInfo { flex-direction: column; gap: 25px; } .personal_payerInfo-block-size { width: 100%; position: relative; } .ppIb_top p { font-size: 14px; } .personal_payerInfo-block { gap: 50px; padding: 20px; } .personal_payerInfo h2, .personal_payerInfo h3 { font-size: 14px; } .personal_payerInfo-block-size .green_btn { position: absolute; top: -50px; right: 0; } .personal_historyOrder { flex-direction: column; gap: 25px; } .phO_block { width: 100%; } .personalSetting_block { width: calc(100% - 235px); } .personalSetting_item { gap: 60px; } .personal_settings h2 { font-size: 14px; } .personal_historyOrder h2 { font-size: 16px; } .phO_prod-title h2 { font-size: 14px; } .prO_prod__ span { font-size: 12px; } .yellow_p { font-size: 12px; } .personalProd_product img { width: 54px; height: 54px; } .personal_historyOrder h2 { font-size: 14px; } .personalProd_product { gap: 30px; } } @media screen and (max-width:700px) { .personal_userB-item h3, .personal_userB-item p { font-size: 12px; } .personal .fff_btn { font-size: 10px; } } @media screen and (max-width:640px) { .personal_user-bottom { justify-content: space-between; gap: 0px; } } @media screen and (max-width:630px) { .personal_user-top { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 25px; } .personal_user-bottom { margin-left: 0px; width: 100%; justify-content: flex-start; gap: 45px; } .personal_user-name { flex-direction: column; } .personal_user-btns { flex-direction: column; align-items: flex-start; } } @media screen and (max-width:500px) { .ppIb_block { flex-direction: column; gap: 15px; } .ppIb_item { gap: 15px; } .personal_payerInfo-block-size .green_btn { position: unset; align-self: center; } .personal_settings { flex-direction: column; gap: 20px; } .personalSetting_item { flex-direction: column; gap: 20px; } .personalSetting_item > div { width: 100%; } .personalSetting_item { width: 100%; } .personalSetting_block { width: 100%; gap: 50px; align-items: center; } .phO_prod-title h2 { font-size: 12px; } .phO_prod-title { gap: 25px; } .ppproductQ_titleMobile { display: block; width: 100%; } .personalProd_product h2 { display: none; } .personalProd_productQuan { flex-wrap: wrap; row-gap: 15px; column-gap: 10px; } .phO_prod-prod_item { gap: 30px; justify-content: flex-start; } .phO_total { gap: 15px; } .personalProd_productQuan h2 { font-size: 12px; } .phO_prod-prod_item span { font-size: 12px; } .personal { padding: 100px 15px; } } /* personal end */ /* contactPage start */ .contactPage_size { padding: 100px 65px; display: flex; flex-direction: column; gap: 40px; } .contactPage { display: flex; flex-direction: column; gap: 10px; } .contactPage_contact .contact_block { display: none; } .contactPage_contact .contact_map { width: 100%; height: 389px; } .contactPage_contact .contact_map iframe { width: 100%; height: 100%; } .contactPage_contact { padding: unset; display: flex; gap: 10px; } .contactPage-top { display: flex; gap: 10px; } .contactPageTop_item { width: 50%; padding: 40px; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; display: flex; flex-direction: column; gap: 30px; } .contactPageTop_item h2 { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .contactPageTop_item h3 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .contactPageTop_item span { color: #7A7687; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .contactPageTop_item p { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .contactPageTop-block1 { display: flex; flex-direction: column; gap: 25px; } .contactPageTop-block1 > div { display: flex; flex-direction: column; gap: 15px; } .contactPageTop-block1 > div > div { display: flex; align-items: flex-start; gap: 5px; } .locationContactPage { display: flex; align-items: flex-start; flex-direction: column; } .phoneContactPage > div { display: flex; gap: 22px; } .contactPageTop-block3 { display: flex; gap: 70px; } .cptb-block { display: flex; flex-direction: column; gap: 25px; } .cptb-block > div { display: flex; gap: 30px; } .cptb-block > div > div { display: flex; flex-direction: column; } .cptb-block2 { display: flex; flex-direction: column; gap: 25px; } .cptb-block2 > div { display: flex; gap: 10px; } .contactPage .contact_block { width: 50%; } @media screen and (max-width: 1290px) { .contactPageTop_item p { font-size: 14px; } } @media screen and (max-width:1200px) { .contactPage_size { padding: 50px 20px; } .contactPage-top .contact_block { display: none; } .contactPageTop_item { width: 100%; padding: 30px 20px; } .contactPage_contact .contact_block { display: flex; } .contactPage { gap: 120px; } .contactPageTop_item span { font-size: 14px; } .contactPageTop_item h2 { font-size: 20px; grid-column: 1/3; } .contactPageTop_item h3 { font-size: 16px; } .contactPageTop-block11 { display: grid; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width:525px) { .contactPageTop_item p { font-size: 12px; } .contact_btns { gap: 15px; } } @media screen and (max-width:500px) { .contactPageTop_item { padding: 20px; } .contactPageTop_item h2 { font-size: 18px; } .contactPageTop_item span { font-size: 12px; } .contactPageTop-block11 { display: flex; } .locationContactPage { gap: 10px; } .phoneContactPage > div { flex-direction: column; gap: 10px; } .contactPageTop-block3 { flex-direction: column; gap: 40px; } .contactPage { gap: 60px; } .contactPage_contact .contact_block { width: 100%; } .contactPage_contact .contact_map { width: 100%; height: 500px; } } /* contactPage end */ /* favorites start */ .favoritesButton-bottom { display: flex; justify-content: flex-end; } .favoritesButton-bottom button { font-weight: normal; } .favoriteBrandPage { gap: 40px; padding: 100px 65px; } .favoriteBrandPage .swiper3_icons > div { flex-direction: row-reverse; } .swiper3_icons > div img { cursor: pointer; } .favoriteBrandPage-left { display: flex; flex-direction: column; gap: 10px; } .favoriteBrandPage-left p { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; opacity: 0.5; cursor: pointer; } .favoriteBrandPage-left .favpActive { opacity: 1; } .favoriteBrandPage .fff_btn { background: transparent; } .favoriteBrandPage .NoFavorites_block { display: none; } @media screen and (max-width:1200px) { .favoriteBrandPage { padding: 70px 20px; gap: 20px; } .favoriteBrandPage .brandPage_block-main { flex-direction: column; gap: 20px; } .favoriteBrandPage-left { width: 100%; flex-direction: row; gap: 20px; } .favoriteBrandPage-left p { font-size: 14px; } .favoriteBrandPage h1 { font-size: 20px; } .favoriteBrandPage .brandPage_right { width: 100%; } } @media screen and (max-width:500px) { .favoriteBrandPage { padding: 15px; } .favoriteBrandPage-left p { font-size: 12px; } } .NoFavorites { flex-direction: row; justify-content: space-between; align-items: flex-start; } .NoFavorites .brandPage_main { display: none; } .NoFavorites .NoFavorites_block { width: 50%; display: flex; flex-direction: column; gap: 25px; } .NoFavorites_block h2 { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .NoFavorites_block span { color: #7A7687; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; width: 348px; } .NoFavorites_block div { display: flex; gap: 10px; } .NoFavorites_block div .fff_btn { background: transparent; color: #088269; } .NoFavorites_block div .green_btn { font-weight: normal; } @media screen and (max-width:1200px) { .NoFavorites { flex-direction: column; gap: 30px; } .NoFavorites_block { width: 100%; gap: 20px; } .NoFavorites_block h2 { font-size: 20px; } .NoFavorites_block span { font-size: 14px; } } @media screen and (max-width:500px) { .NoFavorites { gap: 20px; padding: 60px 15px; } .NoFavorites_block { gap: 10px; } .NoFavorites_block h2 { font-size: 18px; } .NoFavorites_block span { font-size: 12px; } .NoFavorites_block div { gap: 15px; } } /* favorites end */ .brandPage_right-block .swiper3_head img { max-width: 100%; max-height: 204px; } .mySwiperBrandCategory { background: unset; margin: unset; } .mySwiperBrandCategory .swiper-wrapper { background: none; } .swiperSlideBrandCategory button { width: 100%; } .brandPage_category { width: 85%; } @media screen and (max-width:1200px) { .brandPage_category { width: 100%; } .swiperSlideBrandCategory button { font-size: 12px; padding: 8px 20px; } } .catalog_p .catalog_pActive { opacity: 1; } .catalog_p a:hover { opacity: 1; } .catalog .mySwiper3 { display: none; height: fit-content; } .brandPage_right-blockTable .swiper3_head { height: 261px; } .article_catalog .swiper3_head { height: 300px; padding: unset; } .catalog_p a { cursor: pointer; } .article_catalog .swiper3_head > img { max-width: 80%; max-height: 80%; height: unset; object-fit: contain; } .labarator_catalog .mySwiper3 { display: flex; } /* perosnal pop ups start */ .personal_user-logo { position: relative; } .personal_user-logoEditStep1 { position: absolute; display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; top: 168px; } .personal_user-logo:hover .personal_user-logoEditStep1 { display: flex; } .personal_user-logoEditStep1 img { width: 24px; height: 24px; border-radius: 50%; padding: 4px; background: #088269; cursor: pointer; } .personal_user-logoEditStep1 div { display: none; flex-direction: column; gap: 10px; justify-content: center; align-items: center; border-radius: 5px; border: 1px solid #E5E2EE; background: #FFF; padding: 10px 12px; } .personal_user-logoEditStep1:hover div { display: flex; } .personal_user-logoEditStep1 div:hover { display: flex; } .personal_user-logoEditStep1 div p { color: #202020; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; cursor: pointer; } .personal_user-logoEditStep1 div span { color: #C13515; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; cursor: pointer; } .popUp_logoUpload { border-radius: 10px; border: 1px dashed #E5E2EE; display: flex; flex-direction: column; gap: 10px; padding: 77px 105px; justify-content: center; align-items: center; } .popUp_logoUpload p { margin: unset; text-align: center; } #popUp_LogoEdit .popUp_btns { justify-content: center; align-items: center; } #popUp_LogoEdit { display: none; } @media screen and (max-width:1200px) { .personal_user-logoEditStep1 { top: 141px; } .popUp_logoUpload { padding: 77px 56px; } } #popUp_LogoIMG .popUp_btns { justify-content: flex-end; } #popUp_LogoIMG .popUp_btns .fff_btn { background: #fff; } .popUp_logoEdit_IMG { width: 450px; height: 450px; background: url(/local/templates/gmt/img/userLogoImg.png); background-size: cover; padding: 25px; } .popUp_logoEdit_IMG > div { width: 100%; height: 100%; border: 1px solid #00A3FF; background: rgba(255, 255, 255, 0.30); display: grid; grid-template-columns: repeat(3, 1fr); } .popUp_logoEdit_IMG > div div { display: flex; justify-content: center; align-items: center; border: 0.5px dashed rgba(255, 255, 255, 0.90); } #popUp_LogoIMG { display: none; } #popUp_info .popUp_inputs div { flex-direction: column; } #popUp_info .popUp_inputs h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } #popUp_info, #popUp_password, #popUp_payer { display: none; } #popUp_password .popUp_modal { width: 35%; } @media screen and (max-width:1200px) { #popUp_password .popUp_modal { width: 90%; } } @media screen and (max-width:768px) { #popUp_info .popUp_inputs h2 { font-size: 16px; } } .popUp_inputs_organization { display: flex; justify-content: space-between; align-items: center; padding-bottom: 11px; border-bottom: 1px solid #7a768745; cursor: pointer; } .popUp_inputs_organization img { transform: rotate(180deg); } .popUp_inputs_organization p { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin: unset; } .popUp_inputs_check { display: flex; gap: 10px; } .popUp_inputs_check p { margin: unset; color: #202020; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .popUp_inputs_check input { appearance: none; width: 20px; height: 20px; border-radius: 3px; display: flex; justify-content: center; align-items: center; outline: none; border: 1px solid #D5D1E1; padding: unset; } .popUp_inputs_check input:checked { content: url(/local/templates/gmt/img/markFFF.svg); border: 1px solid #088269; background: #088269; } .stepEditMail { display: flex; justify-content: space-between; gap: 30px; align-items: center; } .stepEditMail div { width: calc(50% - 50px); height: 1px; background: #E5E2EE; } .stepEditMail span { color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } #popUp_mailEdit { display: none; } .codeSentinMail, .codeSentinTel { display: flex; justify-content: space-between; gap: 30px; } .codeSentinMail p, .codeSentinTel p { width: unset; color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin: unset; } .codeSentinMail span, .codeSentinTel span { color: #000; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .codeSentinMail div, .codeSentinTel div { display: flex; flex-direction: column; } .confirmChangeMailCode { width: 184px; display: flex; flex-direction: column; gap: 14px; } .confirmChangeMailCode input { padding: 0px 12px; border: none; outline: none; color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; letter-spacing: 30px; } .confirmChangeMailCode > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; } .confirmChangeMailCode div div { height: 1px; background: #088269; } .resendMailEditCode { display: flex; flex-direction: column; } .resendMailEditCode p { width: unset; margin: unset; color: #7A7687; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } #popUp_mailEdit2, #popUp_telEdit, #popUp_telEdit2, #popUp_requestSent { display: none; } #popUp_telEdit .popUp_modal { width: 35%; } @media screen and (max-width:1200px) { #popUp_telEdit .popUp_modal { width: 60%; } } @media screen and (max-width:500px) { #popUp_telEdit .popUp_modal { width: 90%; } } .register { padding: 100px 65px; display: flex; justify-content: center; align-items: center; } .register_modal { padding: 20px 25px; padding-bottom: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; border-radius: 10px; border: 1px solid #E5E2EE; background: #FFF; } .register_modal h2 { color: #202020; font-family: Manrope; font-size: 28px; font-style: normal; font-weight: 600; line-height: normal; } .register_modal form { width: 500px; display: flex; flex-direction: column; gap: 25px; } .register_modal input { width: 100%; border: none; outline: none; border-bottom: 1px solid #7a768745; padding-bottom: 11px; } .register_modal input::placeholder { color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; } .register_modal-bottom { width: calc(100% + 50px); padding: 17px; border-radius: 0px 0px 10px 10px; background: #E5E4ED; display: flex; justify-content: center; align-items: center; gap: 10px; } .register_modal-bottom a { color: #07745E; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; text-decoration: none; } .register_modal-bottom p { color: #7A7687; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } @media screen and (max-width:1200px) { .register { padding: 100px 20px; } .register_modal form { width: 300px; } .register_modal h2 { font-size: 20px; } .register_modal-bottom p { font-size: 14px; } .register_modal-bottom a { font-size: 14px; } } @media screen and (max-width:500px) { .register_modal { padding: 15px; padding-bottom: 0px; } .register_modal form { width: 280px; } .register_modal-bottom { width: calc(100% + 30px); } .register_modal h2 { font-size: 18px; } .register_modal-bottom p { font-size: 12px; } .register_modal-bottom a { font-size: 12px; } } .login_modal_remember { width: 100%; display: flex; justify-content: space-between; align-items: center; } .login_modal_remember div { display: flex; gap: 10px; align-items: center; } .login_modal_remember label { color: #7A7687; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .login_modal_remember a { text-decoration: none; color: #202020; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .login_modal_remember input { appearance: none; width: 20px; height: 20px; border-radius: 3px; display: flex; justify-content: center; align-items: center; outline: none; border: 1px solid #D5D1E1; padding: unset; } .login_modal_remember input:checked { content: url(/local/templates/gmt/img/markFFF.svg); border: 1px solid #088269; background: #088269; } .forgotPassword .register_modal { padding: 20px 25px; } .forgotPassword .register_modal > p { width: 500px; color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; align-self: flex-start; } @media screen and (max-width:1200px) { .forgotPassword .register_modal > p { width: 300px; font-size: 12px; } } @media screen and (max-width:500px) { .forgotPassword .register_modal > p { width: 280px; } .forgotPassword .register_modal { padding: 15px; } } /* faq start */ .faq { display: flex; justify-content: space-between; padding: 100px 65px; } .faq-left { width: 40%; display: flex; flex-direction: column; gap: 40px; } .for_faq-input { width: 100%; display: flex; align-items: center; gap: 5px; padding-right: 13px; border-radius: 50px; background: #D5D1E1; } .for_faq-input input { width: 100%; padding: 10px 18px; border-radius: 50px; background: #F8F7F3; border: 1px solid #D5D1E1; color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; outline: none; } .for_faq-input img { cursor: pointer; } .faq-right { width: 50%; display: flex; flex-direction: column; align-items: flex-start; } .faq_item { width: 100%; display: flex; flex-direction: column; border-top: 1px solid #e1dfe784; padding: 25px 0px; gap: 25px; } .faq_item-top { display: flex; align-items: center; justify-content: space-between; } .faq_item h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; } .faq_item-top div { padding: 6px; display: flex; justify-content: center; align-items: center; border-radius: 40px; border: 1px solid #E1DFE7; cursor: pointer; } .faq_item-top .faq_item-minus { border: none; background: #088269; } .faq_item-block { flex-direction: column; gap: 40px; display: none; } .faq_item-block p { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .faq_item-block a { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; display: flex; align-items: center; gap: 8px; text-decoration: none; } .faq .brandPage-control { margin-top: 50px; } @media screen and (max-width:1200px) { .faq { padding: 100px 20px; gap: 40px; flex-direction: column; } .faq > div { width: 100%; } .faq .faq-left { width: 70%; } .faq_item h2 { font-size: 16px; } .faq_item-block p { font-size: 14px; } .faq_item-block a { font-size: 12px; } .faq_item { padding: 15px 0px; gap: 15px; } .faq_item-block { gap: 30px; } .faq-right { align-items: center; } } @media screen and (max-width:500px) { .faq_item-top div { padding: 5px; } .faq_item-top div img { width: 17px; height: 17px; } .faq_item-block p { font-size: 12px; } .faq .faq-left { width: 100%; } .faq { padding: 100px 15px; } } /* faq end */ /* vacancies start */ .vacanciesContact { display: flex; } .vacanciesContact .contact_map { position: relative; height: 389px; } .vacanciesContact button { position: absolute; right: 20px; bottom: 20px; padding: 11px 20px; } @media screen and (max-width:1200px) { .vacanciesContact .contact_map { height: 289px; } } .faq-left p { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .vacancies h5 { color: #000; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } .vacancies_item-block { flex-direction: column; align-items: flex-start; gap: 20px; } .vacancies_item-block button { margin-top: 20px; } .vacancies_item-block span { color: #7A7687; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .vacancies_item-block > div { display: flex; flex-direction: column; gap: 10px; } .vacancies_item-block ul { display: flex; flex-direction: column; gap: 5px; margin-left: 20px; } .vacancies_item-block li { list-style: disc; color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } @media screen and (max-width:1200px) { .vacancies h5 { align-self: flex-start; font-size: 20px; } .vacancies_item-block span { font-size: 14px; } .vacancies_item-block li { font-size: 14px; } } @media screen and (max-width:500px) { .vacancies h5 { font-size: 18px; } .vacancies_item-block span { font-size: 12px; } .vacancies_item-block li { font-size: 12px; } } .certificates_item-block a { color: #07745E; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } .certificates_item-block { gap: 10px; } @media screen and (max-width:500px) { .certificates_item-block a { font-size: 10px; } } /* vacancies end */ /* comparision start */ .comparision { gap: 40px; } .comparision .catalog { margin: unset; padding: unset; } .NoFavorites .catalog { display: none; } .NoFavorites .comparision_specification { display: none; } .comparision_specification { display: flex; flex-direction: column; gap: 20px; } .comparision_specification h2 { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; line-height: normal; } .comparision_specification span { color: #7A7687; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; } .comparision_specification p { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; } .comp_specific_buttons { margin-top: 20px; width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 10px; } .comp_specific_block { display: flex; flex-direction: column; } .comp_specific_block > div { border-top: 1px solid #E5E2EE; border-bottom: 1px solid #E5E2EE; padding: 20px 0px; display: grid; grid-template-columns: repeat(4, 1fr); } .comp_specific_block div > div { display: flex; align-items: center; gap: 8px; } .comp_specific_block div > div > div { display: flex; align-items: center; gap: 4px; } @media screen and (max-width:1200px) { .comparision .catalog { gap: 30px; } .comp_specific_block > div { grid-template-columns: repeat(3, 1fr); row-gap: 20px; } .comp_specific_block span { grid-column: 1/4; font-size: 12px; } .comparision_specification p { font-size: 12px; } .comparision .catalog_p a { font-size: 12px; } } @media screen and (max-width:500px) { .comp_specific_block > div { grid-template-columns: repeat(2, 1fr); } .comp_specific_block span { grid-column: 1/3; } .comp_specific_buttons { justify-content: center; } .comparision_specification .comp_specific_block div > div p { display: block; } .comp_specific_block div > div:last-child { display: none; } } .comporasion_PP { border-bottom: 1px solid #E5E2EE; display: flex; align-items: center; justify-content: space-between; padding: 25px 65px; display: none; } .comporasion_PP_loc { display: flex; flex-direction: column; gap: 10px; } .comporasion_PP_loc a { opacity: .5; color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; text-decoration: none; } .comporasion_PP_loc .aActive { opacity: 1; } .comporasion_PP_block { display: flex; gap: 10px; align-items: center; } .comporasion_PP_block > div { border-radius: 10px; border: 1px solid #E5E2EE; display: flex; } .cPP_img { background: #fff; border-right: 1px solid #E5E2EE; display: flex; justify-content: center; align-items: center; border-radius: 10px 0px 0px 10px; } .cPP_img img { max-width: 90%; max-height: 90%; } .cPP_text { display: flex; flex-direction: column; padding: 15px; gap: 10px; } .cPP_text div { display: flex; flex-direction: column; gap: 2px; } .cPP_text h2 { width: 161px; color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 600; } .cPP_text span { color: #7A7687; font-family: Manrope; font-size: 10px; font-style: normal; font-weight: 400; } @media screen and (max-width:1200px) { .comporasion_PP_block { padding: 20px; } } .comp_specific-block { display: grid; } .comp_specific-block > div { display: flex; flex-direction: column; overflow: hidden; box-sizing: content-box; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); position: relative; } .comp_specific-block span { padding: 20px 0px; border-top: 1px solid #E5E2EE; } .comp_specific-block span:last-of-type { border-bottom: 1px solid #E5E2EE; } .specific_items { display: grid; grid-template-columns: repeat(6, 1fr); padding: 20px 0px; padding-left: 10px; border-top: 1px solid #E5E2EE; box-sizing: content-box; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); position: relative; } .specific_items:last-of-type { border-bottom: 1px solid #E5E2EE; } .specific_items div { display: flex; gap: 8px; align-items: center; margin-left: 20px; } .specific_items div:first-of-type { margin-left: 0px; } .specific_items div div { width: unset !important; display: flex; gap: 4px; align-items: center; } @media screen and (max-width:1270px) { .comparision_specification span { font-size: 12px; } .comparision_specification p { font-size: 12px; } } @media screen and (max-width:1200px) { .comp_specific-block { display: flex; flex-direction: column; position: relative; } .specific_items { padding-top: 60px; padding-left: 0px; } .comp_specific-block > div:first-of-type { width: 100% !important; position: absolute; gap: 80px; } .comp_specific-block span { border: none; padding: 0px; } .comp_specific-block span:first-of-type { padding-top: 20px; } .comp_specific-block span:last-of-type { border: none; } .comparision .mySwiper3 .swiper3_head > img { padding: unset; } } /* comparision end */ .img-fluid1 { width: 100%; height: auto; max-width: 900px; } .labarator_item-info ul { list-style-type: disc; margin-left: 16px; } .labarator_item-info ul li { list-style-type: disc; color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 500; opacity: 0.8; } span, p, h2 { font-family: Manrope; } .catalog_category-block { align-self: flex-start; } .history { position: relative; } .history:before { content: ''; position: absolute; top: 15px; bottom: 15px; left: 40px; border-left: 1px solid #e1e0dc; } .history__year { position: relative; display: inline-block; padding: 3px; margin-right: 14px; font-size: 21px; font-weight: 700; border-radius: 50px; border: 1px solid transparent; } .history__year > span { display: inline-block; vertical-align: middle; border-radius: 40px; padding: 4px 10px; background-color: #e3dfde; } .history__year:hover { border-color: #b0adca; background-color: var(--unnamed, #F8F7F3); } .history__year:hover span { background-color: #b0adca; } .image-tiles { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; max-width: 1200px; margin-right: auto; margin-left: auto; padding: 0 10px; } .image-tiles img { max-width: 100%; height: auto; } .image-tiles button { border: 0; background: none; } @media screen and (max-width:500px) { .main_banner_slider .swiper_btns button { padding: 10px; font-size: 12px; min-height: 55px; } } .text_content_img { text-align: center; } @media screen and (max-width:1024px) { .text_content_img img { width: 100%; } } .services-top-card>div:first-child { position: relative; } @media (min-width: 768px) { .services-top-card>div:first-child { padding-right: 40px; } .services-top-card>div:last-child { padding-left: 40px; } .services-top-card>div:first-child:after { content: ''; position: absolute; right: 0; top: -20px; bottom: -20px; border-right: 1px solid #e5e2ee; } } @media (min-width: 1200px) { .list-elems-mb20-xl>li { margin-bottom: 20px; } } .color-corp { color: #088269; } /** filters */ .bx-filter { min-width: 100%; } .bx-filter .bx-filter-title { margin-bottom: 20px; } .bx-filter-input-checkbox { display: flex; gap: 5px; } .smartfilter .row { flex-direction: column; } .bx-filter.bx-blue .bx-filter-parameters-box-title { font-size: 16px; } .bx-filter.bx-blue .bx-filter-parameters-box-title+div { padding-top: 10px; } .bx-filter.bx-blue .bx-filter-parameters-box-title span { color: #088269; border-bottom: none; cursor: pointer; } .bx-filter.bx-blue .bx-filter-parameters-box-title span:hover { color: inherit; } .bx-filter.bx-blue .bx-filter-section { background: transparent; border-radius: 10px; border: 1px solid var(--unnamed, #E5E2EE); padding: 20px; } .bx-filter-parameters-box { margin-bottom: 15px; } .bx-filter .bx-filter-section>.row { padding: 0; } .bx-filter.bx-blue .btn-themes { background-color: #1485ce; border-color: #1485ce; color: #FFF; } .bx-filter.bx-blue #set_filter, .bx-filter.bx-blue #del_filter { font-size: 14px; font-weight: 600; font-family: Manrope; padding: 11px 20px; border-radius: 40px; } div.bx-filter-parameters-box-container { display: flex; flex-wrap: wrap; gap: 16px; padding: 0; margin-top: 5px; } .bx-filter.bx-blue #set_filter { color: #FFF; border: 1px solid transparent; background: #088269; } .bx-filter.bx-blue #del_filter { border: 1px solid #D5D1E1; color: #202020; background-color: #f0f0f0; } @media screen and (max-width:500px) { .new { font-size: 8px; } .home_category-itemHomeATV2 { grid-row: 5; grid-column: 1; } .labaratorPriceBtns_mob { width: 100%; position: fixed; background: #F8F7F3; z-index: 111; bottom: 65px; left: 0; display: flex; justify-content: center; align-items: center; padding: 7px 0px; box-shadow: 0px -20px 10px -10px rgb(36 36 36 / 20%); } .labaratorPriceBtns_mob .labarator_item_btns_mob { display: flex; align-items: center; justify-content: center; width: 100%; } } @media screen and (max-width:1500px) { .work-time { display: none; } } .work-time-block { font-size: 12px; font-weight: 400; line-height: 14.52px; text-align: left; display: none; } @media screen and (min-width:800px) and (max-width:1499px) { .work-time-block { display: block; margin-left: 15px; } .home_head-main { align-items: center; } } .popup_cl { position: absolute; top: 10px; right: 10px; z-index: 999; cursor: pointer; } @media screen and (max-width:600px) { .popup_cl { top: 10px; right: 10px; } } .labaratorPriceBtns_full { display: flex; flex-direction: column; gap: 20px; } .labarator_item_btns { display: flex; align-items: center; gap: 10px; } .__jivoMobileButton { bottom: 90px !important; } /* End */ /* Start:/local/templates/gmt/custom.css?1783694970147381*/ a { text-decoration: none; color: var(--unnamed, #202020); } .basket_total { height: 127px; } .register_modal-bottom p { padding-bottom: 0px; } .register_modal>p { color: #202020; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; padding-bottom: 25px; } .tablebodytext { display: none; } @media screen and (max-width: 500px) { main .fff_catalog_btn { width: 100%; } } nav ul li span:hover { color: #088269; } .home_head-footer nav ul li span { text-decoration: none; color: var(--unnamed, #202020); font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } @media screen and (min-width: 1200px) { .for_search input { padding-left: 30%; } } .like_menu_h2 { color: #202020; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .category_name_h2 { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; padding: 20px 25px; } .like_h2_slider { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .footer_item_h2 { color: #f8f7f3; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .footer_h2 { color: #f8f7f3; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .sub_h2 { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; } .content_container { padding: 20px 65px; } .ul_list { margin: 10px 0; } .ul_list li { padding: 5px 0; } .ul_list ul { margin-left: 20px; } .brandPage_main h1 { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; } @media screen and (max-width: 1200px) { .content_container { padding: 20px; } } @media screen and (max-width: 500px) { .content_container { padding: 15px; } } .mySwiper3 .slide3 .add_favorite { object-fit: contain; } .mySwiper3 .slide3 .add_compare { object-fit: contain; } .bx-breadcrumb .bx-breadcrumb-item { float: left; margin-bottom: 10px; white-space: normal; line-height: 13px; vertical-align: middle; margin-right: 10px; } @media screen and (max-width: 500px) { .footer_block_top .footer_item1:nth-child(1) { /*display: none;*/ display: flex; } } @media screen and (max-width: 400px) { body .wrap_cc7a { bottom: 120px; } } .category_name .category_title_h2 { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; padding: 20px 25px; } .home_complex_title { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; } .home_complex_title_slides { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; } .catalog_slider_title { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .main_slider_title { color: #202020; font-family: Manrope; font-size: 42px; font-style: normal; font-weight: 500; line-height: 110%; } .catalog_title_h2 { color: #202020; font-family: Manrope; font-size: 20px; font-style: normal; font-weight: 500; } .clients_title_h2 { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; } .clients_title_h3 { color: #202020; font-family: Manrope; font-size: 48px; font-style: normal; font-weight: 500; line-height: 110%; } .brands_title_h2 { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; } .news_title_h2 { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; } .about_h2 { color: #f8f7f3; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; } .about_sub_h2 { color: #f8f7f3; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 500; line-height: 120%; } .contact_block_h2 { color: #030202; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; } .weBest_h2 { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; } .select_title_h2 { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 500; } .catalog_select_left_h2 { color: #202020; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 500; } .catalog_element_item_name { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 500; } .about_product_title { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; margin-top: 15px; } .labarator_tabs-title .tab_title_h2 { padding: 15px 0; cursor: pointer; font-family: Manrope; font-size: 16px; } .labarator_tabs-title div { padding: 15px 0; cursor: pointer; font-family: Manrope; } .tabDescription_title { color: #202020; font-family: Manrope; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; display: none; } .labarator_tabs-bottom-h2 { height: 100%; color: #07745e; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; } @media screen and (max-width: 1310px) { .main_slider_title { font-size: 24px; } } @media screen and (max-width: 1200px) { .category_name .category_title_h2 { font-size: 14px; padding: 0 10px; } .home_complex_title_slides { font-size: 14px; } .catalog_slider_title { font-size: 16px; } .clients_title_h3 { font-size: 34px; } .news_title_h2 { font-size: 20px; } .about_h2 { font-size: 20px; } .about_sub_h2 { font-size: 16px; } .contact_block_h2 { font-size: 20px; } .weBest_h2 { font-size: 20px; } .select_title_h2 { font-size: 12px; } .catalog_select_left_h2 { font-size: 14px; } .catalog_element_item_name { font-size: 16px; } .tabDescription_title { font-size: 16px; } } @media screen and (max-width: 700px) { .category_name .category_title_h2 { font-size: 10px; } .home_complex_title_slides { font-size: 12px; } .catalog_select_left_h2 { font-size: 12px; } } @media screen and (max-width: 600px) { .home_complex_title_slides { font-size: 10px; } .about_h2 { font-size: 16px; } .catalog_element_item_name { font-size: 14px; } } @media screen and (max-width: 500px) { .catalog_slider_title { padding: 0px; } .clients_title_h3 { font-size: 28px; } .news_title_h2 { font-size: 18px; } .contact_block_h2 { font-size: 18px; } .weBest_h2 { font-size: 18px; } .select_title_h2 { font-size: 10px; } .about_product_title { margin-top: 0; } .tabDescription_title { font-size: 12px; } } .footer-demis { color: white; } .demis-link { display: block; } .footer-demis img { width: auto; } .category_bottom_description { padding-left: 20px; } .category_bottom_description a { text-decoration: underline; } .category_bottom_description p { margin-bottom: 20px; } .category_bottom_description h2 { margin-bottom: 20px; } .category_bottom_description ul { margin-left: 40px; } .category_bottom_description ol { margin-left: 40px; } .category_bottom_description ul li { list-style: disc; margin-bottom: 20px; } .category_bottom_description ol li { list-style: auto; margin-bottom: 20px; } .category_bottom_description table { border-collapse: collapse; width: 100%; margin-bottom: 20px; } .category_bottom_description table tr {} .category_bottom_description table td { border: 1px solid black; text-align: center; padding: 10px; } .show_subcategories { width: 100%; display: none; } .show_block { display: block !important; } .hide_block { display: none !important; } .brandPageFavCenter_select select { font-size: 14px; font-style: normal; font-weight: 500; background: transparent; border: 0; appearance: none; -webkit-appearance: none; width: 100%; padding: 0 10px; border-radius: 0.25rem; cursor: pointer; } .brandPageFavCenter_select { position: relative; } .brandPageFavCenter_select::before { content: ' '; width: 13px; height: 13px; position: absolute; right: -4px; z-index: -1; background-size: contain; transform: rotate(180deg); background-image: url(/local/templates/gmt/img/up.svg); background-repeat: no-repeat; background-position: center; } section.news { overflow: hidden; } .catalog_select img { transform: rotate(180deg); } @media screen and (max-width: 768px) { .catalog_rectangle-item p { font-size: 12px; } } @media screen and (max-width: 700px) { .catalog_category-block { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 685px) { .home_complex .openPopUpConsultation { font-size: 12px; padding: 8px 20px; min-width: 200px; bottom: 45px; } .home_complex .openPopUpPrice { font-size: 12px; padding: 8px 20px; min-width: 200px; } } @media screen and (max-width: 500px) { .show_subcategories { display: block; } .top_subcategories { display: none; } .catalog_category-block { grid-template-columns: repeat(1, 1fr); } .catalogMedia_btns button { padding: 10px; font-size: 12px; min-width: 180px; } .catalogMedia_btns { flex-wrap: wrap; } .catalog_p.brands_p .certificatMedia { display: none; } } @media screen and (max-width: 365px) { .home_complex .openPopUpConsultation { font-size: 10px; padding: 8px 10px; min-width: 150px; bottom: 45px; } .home_complex .openPopUpPrice { font-size: 10px; padding: 8px 10px; min-width: 150px; } } .payment_page .payment_item-block { display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px; } .detail_product_price { color: #202020; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; margin-bottom: 15px; } .preview_product_price { color: #202020; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 500; } .bordered_table { border-collapse: collapse; } .bordered_table tr {} .bordered_table td { border: 1px solid black; padding: 10px; } .stuff_img { width: 100%; height: 350px; margin-bottom: 20px; } .stuff_img img { width: 100%; height: 100%; object-fit: cover; object-position: top; } .stuff_section { padding-bottom: 0; } .stuff_block { margin-bottom: 30px; } .spec_product { display: flex; align-items: center; flex-wrap: wrap; z-index: 10; } .spec_product_label { background: #d5b2f0; gap: 10px; padding: 5px 20px; border: 1px solid #a38bca; border-radius: 20px; display: flex; } .spec_product_label img {} .spec_product_text { color: #522c90; font-size: 10px; } .labarator_item .swiper3_icons { flex-wrap: wrap; justify-content: unset; gap: 20px; } @media screen and (max-width: 550px) { .spec_product { width: 100%; } .spec_product_text { width: 100%; } } .review_wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-top: 40px; } .review_block { padding-left: 40px; padding-top: 31px; padding-right: 26px; padding-bottom: 31px; border: 1px solid #DFDDDD; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } .review_name { display: inline-flex; align-items: center; font-size: 24px; font-weight: 600; margin-bottom: 20px; line-height: 1; height: 50px; } @media screen and (max-width:767px) { .review_wrapper { display: block; } .review_block { margin-bottom: 20px; } } .about_gallery_section {} .about_gallery_wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } .about_gallery_block { width: 24%; } .about_gallery_block img { width: 100%; } .about_gallery_section_btn { display: flex; justify-content: center; } .about_gallery_section_btn button { width: fit-content; } .d-none { display: none; } @media screen and (max-width:991px) { .about_gallery_block { width: 48%; } } @media screen and (max-width:991px) { .about_gallery_block { width: 100%; } } .catalog_sorting { color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 500; padding-right: 10px; background: none; border: none; outline: none; } .catalog_subcategory_wrapper { display: flex; flex-wrap: wrap; gap: 10px; } .catalog_subcategory_item { width: 19%; border-radius: 10px; background: #FFF; display: flex; align-items: center; justify-content: center; } .catalog_subcategory_block { display: flex; align-items: center; flex-direction: column; padding: 5px 5px 20px 5px; } .catalog_subcategory_name { font-size: 12px; word-break: break-word; text-align: center; } .catalog_subcategory_image { width: 100%; height: 115px; display: flex; align-items: center; justify-content: center; padding: 5px 0px; } .catalog_subcategory_image img { width: 100%; height: 100%; max-width: 180px; object-fit: contain; object-position: center; } .catalog_subcategory_border {} .catalog_subcategory_item a { display: block; width: 100%; } @media screen and (max-width: 1400px) { .catalog_subcategory_item { width: 23%; } } @media screen and (max-width: 1024px) { .catalog_subcategory_block { flex-direction: column; text-align: center; } .catalog_subcategory_name { word-break: normal; } .catalog_subcategory_image { border-right: none; padding-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; } .catalog_subcategory_image img { width: 84px; height: 84px; } } @media screen and (max-width: 650px) { .catalog_subcategory_item { width: 31%; } .catalog_subcategory_name { font-size: 10px; min-height: 60px; display: flex; align-items: center; } } @media screen and (min-width: 501px) and (max-width: 600px) { .catalog_subcategory_item { width: 45% !important; } } @media screen and (max-width: 400px) { .catalog_subcategory_name { font-size: 8px; } } .header_fixed { position: fixed; top: -2000px; width: 100%; background: #f8f7f3; box-shadow: 0px 20px 10px -10px rgb(36 36 36 / 20%); transition: 0.5s ease-in-out; z-index: 999; } .header_fixed.fixed { top: 0; animation: ani 1s forwards; } @keyframes ani { 0% { transform: translateY(-150%); } 100% { transform: translateY(0); } } .header_fixed .home_head { padding: 4px 20px; margin-bottom: 5px; } .header_fixed .home_head .logo { gap: unset; display: inline-flex; } .header_fixed .home_head .logo a { display: flex; align-items: center; } .header_fixed .home_head .logo a span { display: inline-flex; margin-left: 5px; font-size: 12px; font-weight: 500; color: #000000; display: none; } .header_fixed .home_head .logo a img { height: 30px } .header_fixed .home_head .menu { gap: unset; display: inline-flex; margin-left: 15px; } .header_fixed .home_head .menu span { margin: 0px 5px; } .header_fixed .home_head .contacts { gap: unset; display: inline-flex; } .header_fixed .home_head .contacts .mailto, .header_fixed .home_head .contacts .mailto a { font-size: 14px; font-weight: 600; } .header_fixed .home_head .contacts .tel, .header_fixed .home_head .contacts .tel a { font-size: 14px; font-weight: 600; } .header_fixed .home_head .contacts .tel { margin-left: 15px; } .header_fixed .header_info { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 5px 20px; } .header_fixed .header_info .left { display: inline-flex; align-items: center; padding-right: 15px; width: 65%; } .header_fixed .header_info .image { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border: 1px solid #e5e2ee !important; border-radius: 10px; background: #ffffff; overflow: hidden; } .header_fixed .header_info .image img { width: 90%; height: 90%; object-fit: contain; object-position: center; } .header_fixed .header_info .name { font-size: 17px; font-weight: 500; margin-left: 15px; } .header_fixed .header_info .item_btns { display: inline-flex; justify-content: flex-end; align-items: center; width: 35%; } .header_fixed .header_info .swiper3_icons { position: relative; padding: 0px; width: auto; } .header_fixed .header_info .swiper3_icons>div { gap: unset; } .header_fixed .header_info .swiper3_icons > div img { width: 24px; margin: 0px 5px; } .header_fixed .header_info .item_btns button { padding: 11px 20px; margin-left: 10px; transition: .3s; height: 45px; font-size: 16px; width: 170px; } .header_fixed .header_info .item_btns button:hover { background: #035846; color: #ffffff; border-color: #035846; animation: none; } .bannerS { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: -30px 0px 0px 0px; } .bannerS .bLeft, .bannerS .bRight { width: 49%; display: inline-flex; margin-top: 2%; } .bannerS a { cursor: pointer; display: inline-flex; width: 100%; height: 100%; border: 1px solid #e5e2ee !important; border-radius: 10px; overflow: hidden; } .bannerS video { width: 100%; height: 100%; object-fit: contain; object-position: center; display: inline-flex; background: #e7e6ef; } .konsultant { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 20px 20px; border: 1px solid #e5e2ee !important; border-radius: 10px; margin: 30px 0px 40px 0px; } .konsultant .left { display: inline-flex; align-items: center; flex-wrap: wrap; padding-right: 15px; width: 60%; } .konsultant .left .image { width: 150px; height: 150px; display: flex; justify-content: center; align-items: flex-end; border: 1px solid #e5e2ee !important; border-radius: 50%; background: #ffffff; overflow: hidden; } .konsultant .left .image img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .konsultant .left .head { margin-left: 15px; width: calc(100% - 165px); } .konsultant .left .head span { font-size: 20px; font-weight: 500; line-height: 1.1; } .konsultant .left .head p { color: #07745E; font-family: Manrope; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; margin: 0px 0px 10px 0px; } .konsultant .left .text { font-size: 16px; font-weight: 500; line-height: 1.2; margin-top: 10px; } .konsultant .right { display: flex; flex-direction: column; width: 40%; } .konsultant .right .phone { font-size: 19px; font-weight: 600; line-height: 1; text-align: center; margin: 10px 0px; } .konsultant .right .mail { font-size: 19px; font-weight: 500; line-height: 1; text-align: center; } .konsultant .right .phone a, .konsultant .right .mail a { color: #c54749; } .konsultant .right .btns { display: flex; justify-content: center; margin-top: 15px } .konsultant .right .btns button { padding: 11px 20px; margin-left: 10px; font-size: 14px !important; transition: .3s; } .konsultant .right .btns button:hover { background: #035846; color: #ffffff; border-color: #035846; } .bx-filter .bx-filter-popup-result.right { width: 100%; position: relative; left: 0; margin: 0; min-height: auto; line-height: 1.2; padding: 5px 10px 5px 10px; } .bx-filter .bx-filter-parameters-box { display: flex; flex-direction: column; } .bx-filter .bx-filter-parameters-box>span { order: 2; display: inline-flex; } .bx-filter.bx-blue .bx-filter-parameters-box-title { order: 1; } .bx-filter .bx-filter-block { order: 3; } .bx-filter.bx-blue #set_filter { animation: glowing 13s infinite 12s linear; } @keyframes glowing { 0% { background-color: #088269; box-shadow: 0 0 5px #088269; } 5% { background-color: #035846; box-shadow: 0 0 20px #035846; } 10% { background-color: #088269; box-shadow: 0 0 5px #088269; } 15% { background-color: #035846; box-shadow: 0 0 20px #035846; } 20% { background-color: #088269; box-shadow: 0 0 5px #088269; } 25% { background-color: #035846; box-shadow: 0 0 20px #035846; } 30% { background-color: #088269; box-shadow: 0 0 5px #088269; } } .bx-filter.bx-blue #set_filter:hover { background: #035846; } .banner_left { display: inline-flex; border-radius: 10px; overflow: hidden; } .banner_left.banner_left_mobile { display: none; } .banner_left a { width: 100%; display: inline-flex; } .banner_left a img { width: 100%; display: inline-flex; } .bannerVN { margin: -40px 0px -40px 0px; } .bannerVN a { display: inline-flex } .bannerVN video { display: inline-flex; width: 100%; } .bannerVN img { display: inline-flex; width: 100%; } .top_position { display: flex; flex-direction: column; align-items: flex-end; } .top_position .condition { display: flex; min-width: 95px; margin-top: 4px; padding: 8px 13px; color: #088269; background: #f0f0f0; border: 1px solid #D5D1E1; justify-content: center; align-items: center; text-align: center; border-radius: 50px; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .newAn { animation: glowingNew 3s infinite ease-in-out; color: #ffffff; } .newAnn { animation: glowingNewn 3s infinite ease-in-out; } .compareCatalog { display: flex; flex-wrap: wrap; } .compareCatalog .lineTable { display: flex; width: 100%; border-bottom: 1px solid #E5E2EE; } .compareCatalog .lineTable .item { width: 25%; padding: 0px 2%; border-right: 1px solid #E5E2EE; } .compareCatalog .lineTable .item.itemFirst { width: 30% } .compareCatalog .lineTable>h2 { width: 100%; font-size: 20px; color: #07745E; font-family: Manrope; font-style: normal; font-weight: 600; padding: 10px 0px; } .compareCatalog .lineTable .item.nameProp { padding: 7px 2% 7px 0; min-height: 36px; display: inline-flex; align-items: center; font-weight: 600; } .compareCatalog .lineTable .item.dataProp { padding: 7px 2%; min-height: 36px; display: inline-flex; align-items: center; justify-content: center; text-align: center; } .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-family: Manrope; font-size: 13px; white-space: normal } .bx-breadcrumb .bx-breadcrumb-item a { border-bottom: 0 } @keyframes glowingNew { 0% { background: #c54749; box-shadow: 0px 0px 0px 5px rgb(220 225 229); } 20% { background: #c54749; box-shadow: 0px 0px 0px 0px #c54749; } 100% { background: #c54749; box-shadow: 0px 0px 0px 0px #c54749; } } @keyframes glowingNewn { 0% { background: #c54749; box-shadow: 0px 0px 0px 5px rgb(220 225 229); } 20% { background: #c54749; box-shadow: 0px 0px 0px 0px #c54749; } 100% { background: #c54749; box-shadow: 0px 0px 0px 0px #c54749; } } body .button__ki3bu { margin-bottom: 50px !important; } .foot .footer_h2 { width: 25%; } .foot p { width: 72%; } .new_cen_abs { position: fixed; right: 3%; bottom: 3%; display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: flex-end; width: 92%; z-index: 888; } .new_cen_abs button { width: 100%; margin-top: 15px; height: 40px; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } .new_cen_abs > div { width: 80px; height: 80px; } .new_cen_abs a { position: relative; border-radius: 2.5em 0 0 2.5em; display: flex; margin-bottom: 0px; transition: 0.3s linear; width: auto; border-left: none; line-height: normal; padding: 0; border: none; } .new_cen_abs a i.foto { display: inline-flex; border-radius: 50%; width: 70px; height: 70px; background: url(/local/templates/gmt/img/manager_global.png) no-repeat, #ffffff; background-size: cover; position: relative; overflow: hidden; z-index: 2; transition: 0.2s linear } .new_cen_abs a i.cirl { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; z-index: -2; border-radius: 50%; position: relative; overflow: hidden; transition: 0.2s linear; box-shadow: 0px 0px 20px 0px rgb(72 92 112 / 50%); animation: glowingCirl 13s infinite 12s linear; } .review_block_N .manufacturers_item-top { padding: 0; border-radius: 8px; overflow: hidden; border: 1px solid #DFDDDD; height: 100%; } .review_block_N .manufacturers_item-top a { display: inline-flex; align-items: center; justify-content: center; height: 100%; max-height: 350px; } .review_block_N .manufacturers_item-top img { max-width: none; max-height: none; display: flex; object-position: center; object-fit: contain; width: 110%; height: 103%; } .mySwiper10 .swiper-slide { height: auto; } .subscrition .b24-form-header.b24-form-padding-side { display: none; } .subscrition .b24-form-wrapper { padding: 0; min-height: auto; background: none; } .subscrition .b24-form-style-modern .b24-form-control-string .b24-form-control { width: 100%; border-radius: 50px !important; border: 1px solid #D5D1E1 !important; background: #F8F7F3 !important; padding: 11px 25px !important; height: 40px; font-size: 14px !important; } .subscrition .b24-form-content { padding: 0 !important; } .subscrition .b24-form-control-string .b24-form-control-label { font-size: 14px !important; } .subscrition .b24-form-control-select-label,.b24-form-control:focus+.b24-form-control-label, .subscrition .b24-form-control-not-empty+.b24-form-control-label { display: none; } .subscrition .b24-form-content form { position: relative; } .subscrition .b24-form-btn-container { position: absolute; top: 0; margin: 0; right: 0; } .subscrition .b24-form-btn-block { padding: 0; } .subscrition .b24-form-btn { padding: 10px 20px; font-size: 14px !important; font-weight: 500 !important; min-height: unset; height: 40px; border-radius: 50px; } .subscrition .b24-form-wrapper.b24-from-state-on { min-height: auto !important; } .subscrition .b24-from-state-on .b24-form-state-container { background: #e5e4ed; border: none; border-radius: 0; } .subscrition .b24-form-state-container .b24-form-loader, .subscrition .b24-form-state-container .b24-form-state { background: transparent; bottom: 0 !important; border: none; } .subscrition .b24-form-success-icon { width: 70px; height: 70px; margin: 0px 0px 5px 0px; } .subscrition .b24-form-loader-icon { width: 70px; height: 70px; } .subscrition .b24-form-success .b24-form-state-text p { text-align: left; line-height: 1; color: #000000 } @keyframes glowingCirl { 0% { background: #ee1b25; box-shadow: 0px 0px 20px 0px rgb(72 92 112 / 50%); } 5% { background: rgb(238 27 37 / 0.3); box-shadow: 0px 0px 20px 0px rgb(72 92 112 / 80%); } 10% { background: #ee1b25; box-shadow: 0px 0px 20px 0px rgb(72 92 112 / 50%); } 15% { background: rgb(238 27 37 / 0.3); box-shadow: 0px 0px 20px 0px rgb(72 92 112 / 80%); } 20% { background: #ee1b25; box-shadow: 0px 0px 20px 0px rgb(72 92 112 / 50%); } 25% { background: rgb(238 27 37 / 0.3); box-shadow: 0px 0px 20px 0px rgb(72 92 112 / 80%); } 30% { background: #ee1b25; box-shadow: 0px 0px 20px 0px rgb(72 92 112 / 50%); } } div#timeOut .b24-form-wrapper.b24-form-shadow { box-shadow: none; } div#timeOut .b24-form {width: 500px;} div#timeOut .left { width: 300px; display: flex; align-items: flex-end; justify-content: center; flex-direction: column; } div#timeOut .left img { width: 95%; border-radius: 50%; background: #fafafa; } #timeOut .bodyTOut { display: flex; align-items: center; background: #ffffff; box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3); } #timeOut .textInfo { text-align: center; padding: 20px; display: inline-flex; flex-direction: column; font-size: 17px; width: 100%; line-height: 1.2; } #timeOut .textInfo span { font-style: normal !important; margin-top: 10px; font-size: 19px; line-height: 1.1; } .category_bottom_description p { font-size: 14px; color: #403c4e; font-family: Manrope; font-style: normal; font-weight: 500; margin: 10px 0px; } .category_bottom_description h2 { color: #07745E; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 20px 0px; text-transform: uppercase; } .category_bottom_description h3 { font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 10px 0px; } .category_bottom_description ul li { line-height: 1.4; font-weight: 500; font-size: 14px; padding-left: 20px; position: relative; margin: 0; list-style: none; } .category_bottom_description ul li:before { content: ''; position: absolute; display: inline-block; left: 0; top: 8px; width: 6px; height: 6px; background: #07745E; border-radius: 50%; } .category_bottom_description ul { font-size: 14px; color: #403c4e; font-family: Manrope; font-weight: 500; margin: 10px 0px 10px 20px; } .diagnomatic { display: flex; align-items: center; justify-content: center; padding: 20px 20px; border: 1px solid #e5e2ee !important; border-radius: 10px; margin: 0px 0px 0px 0px; } .diagnomatic video { display: flex; width: 100%; /* max-width: 900px; */ overflow: hidden; } .newsNew p { font-size: 14px; color: #403c4e; font-family: Manrope; font-style: normal; font-weight: 500; margin: 10px 0px; } .newsNew h2 { color: #07745E; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 10px 0px; } .newsNew h3 { color: #07745E; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 10px 0px; } .newsNew ul { font-size: 14px; color: #403c4e; font-family: Manrope; font-weight: 500; margin: 10px 0px; } .newsNew ul li { line-height: 1.4; font-weight: 500; font-size: 14px; padding-left: 20px; position: relative; } .newsNew li:before { content: ''; position: absolute; display: inline-block; left: 0; top: 8px; width: 6px; height: 6px; background: #07745E; border-radius: 50%; } .newsNew table { font-size: 14px; color: #403c4e; font-family: Manrope; width: 100%; border-collapse: collapse; margin: 20px 0px 20px 0px; border-spacing: 0; padding: 0; } .newsNew table td { width: 50%; line-height: 1; text-align: left; border: 1px solid #f1f1f1; padding: 8px 10px; height: auto; } .newsNew table th { font-size: 14px; font-weight: 500; padding: 5px 15px; background: #fafafb; font-weight: 600; } .newsNew table td strong { font-weight: 600; } .servicesPge.article { gap: 20px; width: 100%; margin: 0; } .serviceDetail .catalog, .serviceDetail .news, .serviceDetail .brands { padding: 0px 20px; } .imagesNews { display: flex; justify-content: space-between; margin-top: 30px; } .imagesNews a { display: flex; width: 24%; height: 400px; } .imagesNews a img { display: flex; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; } .noPro { color: #c54749; font-weight: 600; } .footer-before__wrap .b24-form-wrapper.b24-form-shadow { box-shadow: none; } .serviceDetail .variants { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px 0px 80px 0px; } .serviceDetail .variants .block { display: flex; flex-direction: column; align-items: center; width: 32%; text-align: center } .serviceDetail .variants .block .image { width: 100%; height: 250px; border-radius: 10px; overflow: hidden; } .serviceDetail .variants .block .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .serviceDetail .variants .block .text { font-size: 20px; font-weight: 600; margin: 20px 0px; } .serviceDetail .aboutBlocks { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 40px 0px 60px 0px; } .serviceDetail .aboutBlocks .block { width: 32%; border: 1px solid #dfdddd; border-radius: 10px; padding: 10px; margin: 10px 0px; } .serviceDetail .aboutBlocks .block .image { display: none; } .serviceDetail .aboutBlocks .block:nth-child(2) { width: 66%; } .serviceDetail .aboutBlocks .block .titleAbout { font-size: 20px; font-weight: 600; margin: 10px 0px 20px 0px; } .serviceDetail .aboutBlocks p { font-size: 14px; color: #403c4e; font-family: Manrope; font-style: normal; font-weight: 500; margin: 10px 0px; } .serviceDetail .maintenance { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 40px 0px 0px 0px; } .serviceDetail .maintenance .left { width: 48%; } .serviceDetail .maintenance .left img { width: 100%; } .serviceDetail .maintenance .right { width: 48% } .serviceDetail .maintenance .right ul { margin-top: 30px; } .serviceDetail .maintenance .right ul li { margin: 5px 0px; border: 1px solid #dfdddd; } .serviceDetail .maintenance .right ul li a { display: flex; padding: 7px 20px; transition: 0.2s linear; } .serviceDetail .maintenance .right ul li a:hover { background: #dfdddd; } .catalogComplex { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; gap: unset; } .catalogComplex .catalogItem { display: flex; flex-wrap: wrap; width: 19%; margin: 25px 0.5% 0px 0.5%; } .catalogComplex.complexSubcategory .catalogItem { margin: 1% 0.5% 0px 0.5%; } .catalogComplex .catalogItem .catalogElem { width: 100%; display: flex; flex-direction: column; } .catalogComplex.complexSubcategory .catalogItem .catalogElem { padding: 15px 5px 20px 5px; border-radius: 10px; background: #FFF; } .catalogComplex .catalogItem .catalogElem img { width: 100%; height: 200px; display: inline-flex; border-radius: 10px; margin-bottom: 5px; object-fit: cover; object-position: center; } .catalogComplex.complexSubcategory .catalogItem .catalogElem img { height: 115px; border-radius: 0px; object-fit: contain; } .catalogComplex .catalogItem .elemWhite { display: flex; flex-direction: column; justify-content: space-between; flex: 1; background: #ffffff; border-radius: 10px; } .catalogComplex .catalogItem .elemWhite .catalogName { flex: none; background: #ffffff; font-size: 18px; line-height: 1; } .catalogComplex .catalogItem a .catalogName { width: 100%; display: inline-flex; align-items: center; flex: 1; background: #e7e6ec; padding: 20px; font-size: 20px; font-weight: 600; line-height: 1.2; border-radius: 10px; } .catalogComplex.complexSubcategory .catalogItem a .catalogName { font-size: 12px; word-break: break-word; padding: 0; text-align: center; justify-content: center; background: none; } .catalogComplex .catalogItem a .cataclogText { width: 100%; display: inline-flex; align-items: center; background: #ffffff; padding: 20px; font-size: 13px; font-weight: 500; line-height: 1.2; border-radius: 0px 0px 10px 10px; } .catalogComplex.categoryText { flex-direction: column; } .catalogComplex.categoryText h3 { margin-top: 10px; color: #202020; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 600; } .catalogComplex.categoryText p { font-size: 14px; color: #403c4e; font-family: Manrope; margin: 10px 0px; font-weight: 500; } .catalogComplex.categoryText ul { font-size: 14px; color: #403c4e; font-family: Manrope; font-weight: 500; margin: 10px 0px; } .catalogComplex.categoryText ul li { line-height: 1.4; font-weight: 500; font-size: 14px; padding-left: 20px; position: relative; } .catalogComplex.categoryText li:before { content: ''; position: absolute; display: inline-block; left: 0; top: 8px; width: 6px; height: 6px; background: #07745E; border-radius: 50%; } .catalogComplex.categoryText h2 { color: #07745E; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 10px 0px; } .complexSubcategoryImage img { width: 99%; margin: 0 auto; border-radius: 10px; height: 295px; object-fit: cover; } .tabDescription_titleNew { display: none; } .contactPopup { position: relative; padding-top: 10px; } .contactPopup h3 { font-size: 20px; font-weight: 500; text-align: center; margin: 0px 0px 20px 0px; } .contactPopup .popup_cl { top: 0; right: 0; width: 23px; } .contactPopup .locationContact { display: flex; justify-content: space-between; margin-bottom: 10px; } .contactPopup .locationContact .image { width: 20px; } .contactPopup .locationContact .text { width: calc(100% - 30px); } .contactPopup .locationContact .text span { color: #7A7687; display: flex; font-size: 14px; line-height: 1; margin-bottom: 5px; } .contactPopup .locationContact .text p, .contactPopup .locationContact .text a { color: #202020; font-size: 14px; font-weight: 400; width: auto; margin: 0; line-height: 1; } .contactPopup .contact_map { height: auto; margin-top: 20px; } .contactPopup .contact_map iframe { height: 200px; } .contactPopup .more { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 35px; margin: 10px 0px 10px 0px; background: #088269; border-radius: 50px; color: #ffffff; font-size: 15px; font-weight: 500; } .stocksblock { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px } .stocksblock .block { width: 49%; display: inline-flex; margin-top: 25px; } .stocksblock .block a { display: inline-flex; width: 100%; } .stocksblock .block img { display: inline-flex; width: 100%; } .tabContent { display: none; width: 100%; margin: 20px 0px 40px 0px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .tabContent .text { width: 60%; } .tabContent .text h4 { color: #07745E; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; margin: 10px 0px; } .tabContent .text h5 { color: #07745E; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 10px 0px; } .tabContent .text p, .tabContent .text .intro { font-size: 14px; color: #000000; font-family: Manrope; font-weight: 500; margin: 10px 0px; } .tabContent .text ul { font-size: 14px; color: #000000; font-family: Manrope; font-weight: 500; margin: 10px 0px; } .tabContent .text ul li { line-height: 1.4; font-weight: 500; font-size: 14px; padding-left: 20px; position: relative; } .tabContent .text li:before { content: ''; position: absolute; display: inline-block; left: 0; top: 8px; width: 6px; height: 6px; background: #07745E; border-radius: 50%; } .tabContent .image { width: 38%; } .tabContent .image img { width: 100%; height: 100%; object-fit: cover; object-position: right; } #tabBtn-1:checked~#content-1, #tabBtn-2:checked~#content-2, #tabBtn-3:checked~#content-3, #tabBtn-4:checked~#content-4, #tabBtn-5:checked~#content-5, #tabBtn-6:checked~#content-6, #tabBtn-7:checked~#content-7 { display: flex; } .tab { display: flex; flex-wrap: wrap; /* justify-content: center; */ } .tab > input[type="radio"] { display: none; } .tab > label { display: flex; justify-content: center; align-items: center; padding: 11px 20px; margin: 0px 5px 10px 5px; border-radius: 50px; border: 1px solid #D5D1E1; color: #202020; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.2s linear; } .tab > label:hover { background: #D5D1E1; } .tab > input[type="radio"]:checked + label { cursor: default; color: #ffffff; background-color: #088269; } @media all and (max-width: 600px) { .header_fixed .header_info { flex-direction: column; align-items: flex-start; padding: 8px 20px; } .header_fixed .header_info .top { width: 100%; display: flex; align-items: center; } .header_fixed .header_info .image { width: 50px; height: 50px } .header_fixed .header_info .bottom { width: 100%; display: flex; align-items: center; justify-content: space-between; } .header_fixed .header_info .item_btns { width: 100%; justify-content: space-between; } .header_fixed .header_info .image img { width: 100%; height: 100%; object-fit: cover; } .header_fixed .header_info a { color: #000000; font-size: 15px; font-weight: 600; letter-spacing: -0.7px; display: none; } .header_fixed .header_info .name { font-size: 14px; line-height: 1.1; width: calc(100% - 65px); } .header_fixed .header_info .left { /* width: calc(100% - 40px); */ width: 100%; } .header_fixed .header_info .top .circleGreen { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: none; background: #088269; color: #ffffff; font-weight: 500; font-size: 16px; } .header_fixed .header_info .item_btns .fff_btn, .header_fixed .header_info .item_btns .green_btn { padding: 8px 10px; font-size: 12px; margin-left: 0px; width: 49%; text-transform: uppercase; } .konsultant .left { flex-direction: column; text-align: center; width: 100%; padding: 0; margin-bottom: 20px } .konsultant .left .head { width: 100%; margin: 0; order: 1; line-height: 1.1; } .konsultant .left .image { width: 200px; height: 200px; align-items: flex-end; margin: 10px 0px 0px 0px; order: 2; } .konsultant .left .image img { width: 100%; height: 100%; } .konsultant .right { text-align: center; width: 100% } .konsultant .right .btns button { font-size: 14px; } .banner_left.banner_left_full { display: none; } .banner_left.banner_left_mobile { display: inline-flex; } .serviceDetail .variants .block { width: 100%; margin-bottom: 30px } .serviceDetail .variants { margin-bottom: 20px; } .serviceDetail .aboutBlocks .block, .serviceDetail .aboutBlocks .block:nth-child(2) { width: 100%; margin-bottom: 10px } .serviceDetail .maintenance { padding: 20px 0px 0px 0px } .serviceDetail .maintenance .left { display: none; } .serviceDetail .maintenance .right { width: 100%; } .konsultant .b24-form-header { display: none; } .konsultant .b24-form-wrapper { background: none !important; box-shadow: none !important; } .konsultant .b24-form-style-modern .b24-form-control-string .b24-form-control, .konsultant .b24-form-style-modern .b24-form-control-string .b24-form-control, .konsultant .b24-form-style-modern .b24-form-control-list .b24-form-control, .konsultant .b24-form-style-modern .b24-form-control-text .b24-form-control, .konsultant .b24-form-style-modern .b24-form-control-select .field-item { background: #ffffff !important; } .konsultant .b24-form-padding-side { padding-left: 0; padding-right: 0; } .head_main-search span { font-weight: 500 !important; } .labarator_item-info .labarator_item_btns { justify-content: space-between; flex-wrap: wrap; gap: 10px; } .labarator_item-info .labarator_item_btns .green_btn, .labarator_item-info .labarator_item_btns .fff_btn { width: 100%; height: 47px; font-size: 16px; } .tabDescription_titleNew { display: flex; font-size: 14px; font-weight: 500; line-height: 1; } .tabDescription .characteristics_item h4 { font-size: 15px !important; font-weight: 600 !important; color: #07745E; } .tabDescription .characteristics_item p { color: #000000; opacity: 1; font-size: 14px; } .stocksblock .block { width: 100%; margin-top: 10px; } .tabContent .image { width: 100%; } .tabContent .text { width: 100%; } .brandPage-product { width: 48%; } .brandPage_right-blockTable { display: flex; flex-wrap: wrap; } .bannerS { margin: 0 !important; } } .detail_product_price .line { line-height: 1; margin-top: 40px; background: none; height: auto; text-decoration: line-through; font-size: 20px; } #cookie_notification { display: none; flex-direction: column; position: fixed; bottom: 10px; left: 10px; width: calc(100% - 20px); min-width: 300px; padding: 30px 30px 20px 30px; background-color: #fffffff7; box-shadow: 0px 0px 10px 10px rgb(0 0 0 / 12%); z-index: 1000000; } #cookie_notification div { font-size: 18px; margin: 0px 0px 10px 0px; text-transform: uppercase; color: #202020; font-weight: 700; } #cookie_notification p a { color: #088269; font-weight: 700; } #cookie_notification p { margin: 0; font-size: 15px; text-align: left; color: #202020; line-height: 1.2; width: 100%; } #cookie_notification button { padding: 0; border: none; font-family: Montserrat !important; font-size: 14px; font-weight: 600; color: #ffffff; text-transform: uppercase; line-height: normal; height: 37px; background: #088269; width: 200px; margin: 15px 0px 0px 0px; border-radius: 24px; } #cookie_notification button:hover { background: #202020; } @media (min-width: 576px){ #cookie_notification.show{ display: flex !important; } .cookie_accept{ margin: 0 0 0 25px; } } @media (max-width: 575px){ #cookie_notification.show{ display: flex !important; text-align: left; } .cookie_accept{ margin: 10px 0 0 0; } } .btnFull { display: flex; gap: 0; justify-content: space-between; flex-wrap: wrap; } .btnFull button { width: 49%; height: 45px; font-size: 16px; } @media (max-width: 650px){ .test_376 .catalog_subcategory_name { display:none; } .test_376 .catalog_subcategory_image { padding: 0; border: none; height: auto; } .test_376 .catalog_subcategory_block { padding: 5px 5px 5px 5px; } .mySwiper_2 { height: 300px; width: 100%; } .swiper-slide { display: flex; align-items: center; justify-content: center; } .mySwiper_2 img { object-fit: contain; object-position: center; width: 70%; height: 70%; } #cookie_notification { display: none !important; } .home_category { padding: 20px 10px; gap: 20px; } #feedbackCustomers { margin-top: 0 !important; } #feedbackCustomers .review_block { flex-direction: column; padding: 20px; font-size: 14px; height: auto; justify-content: flex-start; } #feedbackCustomers .review_name { font-size: 18px; } .kolibri .b24-form-field.b24-form-field-agreement { display: none; } } .bottomBut { position: fixed; z-index: 9999; width: 100%; bottom: 45px; background: #f8f7f38f; box-shadow: 0px -20px 10px -10px rgb(36 36 36 / 20%); padding: 5px 20px 5px 20px; } .bottomBut .item_btns { width: 100%; display: flex; justify-content: space-between; } .bottomBut .item_btns .fff_btn, .bottomBut .item_btns .green_btn { padding: 8px 10px; font-size: 12px; margin-left: 0px; width: 49%; text-transform: uppercase; } .header_fixed .head_main-search a img { width: 70px; } .header_fixed .blockContactMob a { font-size: 18px; } .neBn { display: flex; flex-direction: column; align-items: center; width: 96%; margin: 20px auto 0px auto; padding: 10px; background: #ebd6bf3d; box-shadow: 0px 0px 20px 0px #0000002e; border-radius: 10px; } .neBn .block i { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 2px; width: 46px; height: 100%; border-radius: 24px; box-shadow: -2px 0px 0px 1px #0000002e, 0 10px 25px #0000002e; z-index: 1; font-size: 50px; font-style: normal; background: #fff8f0cc; line-height: 1; } .neBn .block i:after { content: ""; display: block; position: absolute; width: 30px; height: 30px; } .neBn .block:nth-child(1) i:after { background: url(/local/templates/gmt/img/warranty_r.svg) center / contain no-repeat; } .neBn .block:nth-child(2) i:after { background: url(/local/templates/gmt/img/shield_z.svg) center / contain no-repeat; } .neBn .block:nth-child(3) i:after { background: url(/local/templates/gmt/img/cards_m.svg) center / contain no-repeat; } .neBn .block { display: inline-flex; align-items: center; justify-content: flex-start; margin: 5px 0px; padding: 0px 0px 0px 20px; height: 40px; width: 96%; border-radius: 24px; text-transform: uppercase; font-size: 12.5px; font-weight: 800; position: relative; overflow: hidden; box-shadow: -2px 0px 0px 1px #0000002e, 0 10px 25px #0000002e; background: linear-gradient(to right, #fff8f0 0%, #e8ccc1 80%); color: #000000; } .neBn .block:nth-child(1):before { content: ""; display: block; position: absolute; width: 104%; height: 44px; left: -2%; top: -2px; border-radius: 20px; background: linear-gradient(to right, #b7a190, #e17147); z-index: -1; } .neBn .block:after { content: ""; display: block; position: absolute; height: 100%; width: 50px; z-index: 10; top: 0; background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg); } .neBn .block:nth-child(1):after { animation: shadow1 8s infinite linear; } .neBn .block:nth-child(2):after { animation: shadow1 9s infinite linear; } .neBn .block:nth-child(3):after { animation: shadow2 10s infinite linear; } @keyframes shadow1 { 0% { left: 120%; } 20% { left: -75px; } 100% { left: -75px; } } .serviceDraft { background: #ffffff; } .serviceDraft .banner { background: url(/servicesImage/img/serviceBanner.jpg) center / cover no-repeat; padding: 100px 0px; } .serviceDraft .banner.bannerUzi { background: url(/servicesImage/img/serviceBannerUzi.jpg) center / cover no-repeat; } .serviceDraftLight .banner.bannerLight { background: url(/servicesImage/img/serviceBanner1.jpg) center / cover no-repeat; } .serviceDrafUzitLight .banner.bannerLight { background: url(/servicesImage/img/serviceBannerUzi1.jpg) center / cover no-repeat; } .serviceDraft .b24-form-wrapper.b24-form-shadow { box-shadow: none; } .serviceDraft .b24-form-wrapper { max-width: 100%; min-height: auto; background: transparent; } .serviceDraft .b24-form-content form > div:first-child { display: flex; flex-direction: column; flex-wrap: wrap; } .serviceDraft .b24-form-field { margin: 0px 0px 5px 0px; width: 100%; } .serviceDraft .b24-form-header-title { display: none; } .serviceDraft .b24-form-header-description { display: none; } .serviceDraft .b24-form-wrapper.b24-from-state-on { min-height: auto !important; } .serviceDraft .b24-from-state-on .b24-form-state-container { background: #fcfcfc; } .serviceDraft .b24-form-wrapper.b24-from-state-on .b24-form-header-padding { display: none; } .serviceDraft .b24-form-state-container .b24-form-loader, .serviceDraft .b24-form-state-container .b24-form-state { background: transparent; bottom: 0 !important; } .serviceDraft .b24-form-success-icon { width: 70px; height: 70px; } .serviceDraft .b24-form-success .b24-form-state-text { font-family: 'Manrope'; font-size: 18px; margin-bottom: 0; } .serviceDraft .forma_footer .b24-form-padding-side { padding: 0; } .serviceDraft .b24-form-header { border: none; display: none; } .serviceDraft .b24-form-sign { display: none; } .serviceDraft .b24-form-header-padding { padding: 0; } .serviceDraft .b24-form-header-padding .form_desc { padding: 30px 30px 0px 30px; } .serviceDraft .b24-form-content { padding: 0; } .serviceDraft .b24-form-control-container { margin: 0; } .serviceDraft .b24-form-style-modern .b24-form-control-icon-after .b24-form-control { border: none !important; background: #ffffff !important; font: 14px 'Manrope' !important; border-radius: 24px !important; height: 45px !important; display: inline-flex; align-items: center; width: 100%; } .serviceDraft .b24-form-style-modern .b24-form-control-text { display: none; } .serviceDraft .footer_forma .b24-form-content { padding: 0; } .serviceDraft .b24-form-control-label { color: #47474794; opacity: 1; font-family: 'Manrope'; font-size: 14px !important; } .serviceDraft .b24-form-control-select-label, .serviceDraft .b24-form-control:focus+.b24-form-control-label, .serviceDraft .b24-form-control-not-empty+.b24-form-control-label { display: none; } .serviceDraft .b24-form-control-icon-after .b24-form-control:focus, .serviceDraft .b24-form-control-icon-after .b24-form-control-not-empty { padding-top: 0; padding-bottom: 0; } .serviceDraft .b24-form-wrapper.b24-form-border-bottom { border: none } .serviceDraft .b24-form-btn-container { display: flex; justify-content: center; flex-direction: column; margin: 0px 0px 0px 0px; } .serviceDraft .b24-form-btn-block { display: flex; width: 100%; justify-content: center; position: relative; margin: 0 auto; padding: 0; min-height: auto; } .serviceDraft .b24-form-btn-block button { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 46px; border: none; min-height: auto; padding: 0; font-size: 18px; font-family: 'Manrope' !important; font-weight: 600; line-height: 1; transition: 0.5s; background-color: #ff1e00; color: #ffffff; box-shadow: none; border-radius: 24px; } .serviceDraftLight .b24-form-btn-block button { background-color: #088269; } .serviceDraft .b24-form-btn-block button:hover { background-color: #2d292d; color: #ffffff; } .serviceDraft .b24-form-field.b24-form-field-agreement { width: 100%; margin-bottom: 25px; } .serviceDraft .b24-window-popup-wrapper { max-width: 400px; border-radius: 0px; overflow: hidden; } .serviceDraft .b24-window-close { background-color: #ffde3a; right: 12px; opacity: 1; } .serviceDraft .b24-window-close:after, .serviceDraft .b24-window-close:before { background-color: #000000; } .serviceDraft .weBest { padding: 0px 65px; gap: 0; } .serviceDraft .banner .weBest { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .serviceDraft .banner .left { width: 60%; } .serviceDraft .banner .left h1 { color: #ffffff; text-transform: uppercase; font-weight: 900; font-size: 40px; line-height: 1; } .serviceDraft .banner .left p { color: #ffffff; font-weight: 200; font-size: 16px; line-height: 1; margin-top: 15px; } .serviceDraftLight .banner .left h1 { color: #000000; } .serviceDraftLight .banner .left p { color: #000000; font-weight: 300; font-size: 23px; margin-top: 25px; } .serviceDrafUzitLight .banner .left p { margin-top: 10px; } .serviceDraft .banner .right { width: 34%; padding: 30px 30px 30px 30px; background: #2b18528c; border-radius: 30px; } .serviceDraftLight .banner .right { background: #8db69b87; } .serviceDraftLight .banner .right p { color: #000000; } .serviceDraft .banner .right p { font-size: 23px; text-transform: uppercase; font-weight: 600; text-align: center; margin: 0px 0px 25px 0px; color: #ffffff; } .serviceDraft .weBest h2 { color: #3d2f6e; text-transform: uppercase; font-weight: 900; font-size: 28px; letter-spacing: -1.2px; text-align: center; } .serviceDraftLight .weBest .caption { color: #000000; font-weight: 400; font-size: 22px; text-align: center; width: 100%; } .serviceDraftLight .weBest .captionBif { color: #000000; font-weight: 400; font-size: 18px; text-align: center; width: 100%; margin-top: 20px; } .serviceDraftLight .weBest h2 { color: #000000; } .serviceDraft .uslugi { margin: 40px 0px 40px 0px; } .serviceDraft .uslugi .blocks { display: flex; justify-content: center; margin-top: 40px; } .serviceDraft .uslugi .block { width: 20%; background: #f6f3fc; padding: 30px 30px 20px 30px; border-radius: 30px; margin: 0px 15px; } .serviceDraft .uslugi .block p { text-align: center; line-height: 1.2; font-size: 16px; font-weight: 300 } .serviceDraft .uslugi .block i { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 45px; margin: 0px 0px 20px 0px; } .serviceDraft .uslugi .block i.ico1 { background: url(/servicesImage/img/ico1.png) center / contain no-repeat; } .serviceDraft .uslugi .block i.ico2 { background: url(/servicesImage/img/ico2.png) center / contain no-repeat; } .serviceDraft .uslugi .block i.ico3 { background: url(/servicesImage/img/ico3.png) center / contain no-repeat; } .serviceDraftLight .uslugi .block i { filter: grayscale(1) contrast(2); } .serviceDraft .stages { margin: 80px 0px 40px 0px; } .serviceDraft .stages .blocks { display: flex; justify-content: center; margin-top: 40px; position: relative; } .serviceDraft .stages .block { width: 17%; margin: 0px 15px; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; position: relative; } .serviceDraft .stages .block p { text-align: center; line-height: 1.2; font-size: 16px; font-weight: 300 } .serviceDraft .stages .block i { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; margin: 0px 0px 0px 0px; } .serviceDraft .stages .block .circle { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: #f6f3fc; margin: 0px 0px 20px 0px; border-radius: 50%; } .serviceDraft .stages .block i.ico1 { background: url(/servicesImage/img/icon1.png) center / 30px no-repeat; } .serviceDraft .stages .block i.ico2 { background: url(/servicesImage/img/icon2.png) center / 30px no-repeat; } .serviceDraft .stages .block i.ico3 { background: url(/servicesImage/img/icon3.png) center / 30px no-repeat; } .serviceDraft .stages .block i.ico4 { background: url(/servicesImage/img/icon4.png) center / 30px no-repeat; } .serviceDraftLight .stages .block i { filter: grayscale(1) contrast(2); margin: 0; } .serviceDraft .stages .blocks .arrow { width: 9%; height: 8px; display: inline-flex; position: absolute; background: url(/servicesImage/img/arrow.png) center / contain no-repeat; margin-top: 40px; } .serviceDraft .stages .blocks .arrow1 { left: 25%; } .serviceDraft .stages .blocks .arrow3 { left: 66%; } .serviceDraft .stages .block i.ico4:after { content: none; } .serviceDraft .repair { margin: 80px 0px 60px 0px; } .serviceDraft .repair .tab { overflow: hidden; display: flex; flex-wrap: wrap; margin-top: 40px; } .serviceDraft .repair .tab button { border: none; outline: none; cursor: pointer; height: 45px; width: auto; min-width: 200px; padding: 0px 20px; transition: 0.3s; border-radius: 30px; margin: 0px 10px 0px 0px; background: #f6f3fc; font-size: 16px; font-weight: 500; font-family: Manrope; } .serviceDraftLight .repair .tab button { background: #f0f0f0; } .serviceDraft .repair .tab button:hover { background-color: #3e2f6e; color: #ffffff; } .serviceDraft .repair .tab button.active { background-color: #3e2f6e; color: #ffffff; } .serviceDraftLight .repair .tab button.active { background-color: #bddbc7; color: #000000; } .serviceDraft .repair .tab button:hover { background-color: #bddbc7; color: #ffffff; } .serviceDraft .repair .tabcontent { display: none; margin-top: 30px; } .serviceDraft .repair .tabcontent ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .serviceDraft .repair .tabcontent li { width: 49%; padding: 7px 0px 7px 10px; border-bottom: 1px solid #f6f3fc; } .serviceDraft .repair .tabcontent li a { transition: 0.2s linear; } .serviceDraft .repair .tabcontent li a:hover { color: #088269; } .serviceDraft .forma { margin: 40px 0px 60px 0px; padding: 40px 0px; background: url(/servicesImage/img/form.jpg) center / cover no-repeat; } .serviceDraftLight .forma { background: url(/servicesImage/img/form1.jpg) center / cover no-repeat; } .serviceDraft .forma .weBest h2 { color: #ffffff; text-align: left; } .serviceDraft .forma .weBest p { color: #ffffff; font-weight: 500; font-size: 21px; line-height: 1; margin: 10px 0px 10px 0px; } .serviceDraftLight .forma .weBest h2 { color: #000000; } .serviceDraftLight .forma .weBest p { color: #000000; font-size: 18px; } .serviceDraft .forma .b24-form-content form > div:first-child { justify-content: space-between; flex-direction: row; width: 65%; } .serviceDraft .forma .b24-form-field { width: 32%; margin: 0; } .serviceDraft .forma .b24-form-btn-block { width: 100%; } .serviceDraft .forma .b24-form-content { padding: 10px 0px 5px 0px; } .serviceDraft .forma .b24-form-control-icon-after .b24-form-control { background: #ffffff; } .serviceDraft .forma .b24-form-content form { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .serviceDraft .forma .b24-form-btn-container { width: 33%; margin: 0; } .serviceDraft .forma span { text-align: right; font-size: 16px; color: #ffffff } .serviceDraft .forma .span { font-size: 16px; color: #ffffff; margin-bottom: 20px; } .serviceDraftLight .forma .span { color: #000000; } .serviceDraftLight .forma span { color: #000000; } .serviceDraft .price { margin: 0px 0px 60px 0px; } .serviceDraft .price .blocks { margin-top: 40px; border: 1px solid #f6f3fc; border-radius: 30px; overflow: hidden; } .serviceDraft .price .block { border-bottom: 1px solid #f6f3fc; display: flex; align-items: center; justify-content: space-between; padding: 0px 30px; height: 50px; } .serviceDraft .price .block.blTh { background: #f6f3fc; } .serviceDraft .price .block.blTh p { font-weight: 700; text-align: left; text-transform: uppercase; font-size: 17px; } .serviceDraft .price .block p { width: 50%; font-size: 16px; } .serviceDraft .price .block span { width: 50%; font-weight: 600; font-size: 16px; } .serviceDraft .price th { height: 50px; text-transform: uppercase; font-weight: 700; text-align: left; padding: 0px 20px; border: 1px solid #f6f3fc; } .serviceDraft .price th:first-child { border-radius: 30px 0px 0px 0px; } .serviceDraft .price th:last-child { border-radius: 0px 30px 0px 0px; } .serviceDraft .price .info { margin-top: 20px; font-weight: 500; } .serviceDraft .calculator .blocks { margin: 40px 0px; display: flex; justify-content: space-between; } .serviceDraft .calculator .blocks .left { width: 49%; padding: 30px; background: #f6f3fc; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; } .serviceDraft .calculator .blocks .right { display: flex; flex-direction: column; justify-content: space-between; width: 49%; padding: 30px; background: #f6f3fc; border-radius: 20px; } .serviceDraftLight .calculator .blocks .left, .serviceDraftLight .calculator .blocks .right { background: #bddbc77a; } .serviceDraft .calculator .left form { display: flex; flex-direction: column; } .serviceDraft .calculator .left select { height: 45px; border-radius: 30px; border: none; margin-bottom: 10px; padding: 0px 20px; font-size: 16px; font-family: Manrope; } .serviceDraft .calculator .left button { height: 40px; border-radius: 30px; border: none; margin-bottom: 10px; padding: 0px 20px; font-size: 16px; font-family: Manrope; background: #ff1e00; color: #ffffff } .serviceDraft .calculator .left .result { border-radius: 20px; background: #ffffff; padding: 10px 30px; margin-top: 15px; text-align: center; } .serviceDraft .calculator .left .result p { font-weight: 500; font-size: 14px; line-height: 1.2; } .serviceDraft .calculator .left .result > span { font-weight: 700; font-size: 20px; } .serviceDraft .calculator .left .result i { font-style: normal; } .serviceDraft .calculator .right input { height: 45px; width: 100%; border-radius: 30px; border: none; margin-bottom: 10px; padding: 0px 20px; font-size: 16px; font-family: Manrope; } .serviceDraft .calculator .right button { height: 50px; width: 100%; border-radius: 30px; border: none; margin-bottom: 10px; padding: 0px 20px; font-family: Manrope; background: #ff1e00; color: #ffffff; font-size: 16px; } .serviceDraftLight .calculator .right button { background: #088269; } .serviceDraft .deadlines { margin: 20px 0px 0px 0px; } .serviceDraft .deadlines ul { margin: 40px 0px 0px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; } .serviceDraft .deadlines li { display: inline-flex; align-items: center; justify-content: space-between; width: 48%; padding: 10px 20px; background: #f8f7fd; border-radius: 30px; margin-bottom: 10px } .serviceDraft .deadlines li p { width: 60%; font-size: 15px; line-height: 1.1; } .serviceDraft .deadlines li span { width: 25%; text-align: right; font-weight: 600; } .serviceDraft .textBig { margin: 40px 0px 0px 0px; } .serviceDraft .textBig p { font-size: 16px; color: #000000; font-family: Manrope; margin: 10px 0px; } .serviceDraft .textBig ul { margin: 10px 0px } .serviceDraft .textBig h2 { font-family: Manrope; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; margin: 20px 0px 10px 0px; letter-spacing: 0; } .serviceDraft .textBig ul li { line-height: 1.4; font-weight: 400; font-size: 16px; padding-left: 20px; position: relative; } .serviceDraft .textBig ul li:before { content: ''; position: absolute; display: inline-block; left: 0; top: 8px; width: 6px; height: 6px; background: #07745E; border-radius: 50%; } .serviceDraft .infoDraft { margin: 60px 0px 0px 0px; padding: 40px 0px; background: #f8f7fd; } .serviceDraft .infoDraft .weBest { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .serviceDraft .infoDraft .left { width: 48%; } .serviceDraft .infoDraft .right { width: 48%; } .serviceDraft .infoDraft .left .brandsDraft { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin-top: 30px; } .serviceDraft .infoDraft .left .brandsDraft .block { display: flex; align-items: center; justify-content: center; width: 23%; background: #ffffff; border-radius: 20px; height: 94px; overflow: hidden; margin-bottom: 10px; } .serviceDraft .infoDraft .left .brandsDraft .block a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .serviceDraft .infoDraft .left .brandsDraft .block img { width: 90%; height: 90%; object-fit: contain; object-position: center; } .serviceDraft .infoDraft .right a { width: 49%; display: inline-flex; margin-top: 30px; } .serviceDraft .infoDraft .right a img { width: 100%; display: inline-flex; } .serviceDraft .uslugi .block i.ico4 { background: url(/servicesImage/img/ico7.png) center / contain no-repeat; } .serviceDraft .uslugi .block i.ico5 { background: url(/servicesImage/img/ico8.png) center / contain no-repeat; } .serviceDraft .uslugi .block i.ico6 { background: url(/servicesImage/img/ico9.png) center / contain no-repeat; } .serviceDraft .reviewsDraft .blocks { display: flex; justify-content: space-between; margin-top: 40px; } .serviceDraft .reviewsDraft .block { width: 48%; padding: 30px; border-radius: 30px; background: #f8f7fd; } .serviceDraft .reviewsDraft .block .star img { display: inline-flex; height: 17px; } .serviceDraft .reviewsDraft .block .heading { font-weight: 600; margin: 10px 0px; font-size: 16px; } .serviceDraft .reviewsDraft .block .text { font-size: 14px; line-height: 1.3 } .serviceDraft .reviewsDraft .block .name { font-size: 14px; line-height: 1.3; text-align: right; margin-top: 20px; font-weight: 600; } .serviceDraft .faqDraft { margin-top: 60px } .serviceDraft .faqDraft .blocks { margin-top: 40px; display: flex; flex-direction: column; align-items: flex-start; } .serviceDraft .faqDraft .details { position: relative; display: block; width: 100%; margin: 0px 0px 10px 0px; transition: 0.3s; overflow: hidden; } .serviceDraft .faqDraft .details::after { position: absolute; right: 24px; top: 19px; content: ""; display: block; width: 10px; height: 10px; border-right: 2px solid #000000; border-bottom: 2px solid #000000; transform: rotate(-45deg); transform-origin: center; transition: .3s; } .serviceDraft .faqDraft .details[open]::after { transform: rotate(45deg); } .serviceDraft .faqDraft .details[open] { padding-bottom: 70px; } .details[open] .heading { margin-bottom: 20px; } .serviceDraft .faqDraft .heading { background: #f8f7fd; border-radius: 30px; padding: 12px 24px; font-size: 17px; cursor: pointer; list-style: none; font-weight: 700; transition: .3s; } .serviceDraft .faqDraft .heading::-webkit-details-marker { display: none; } .serviceDraft .faqDraft .text { padding: 0 32px; font-size: 15px; margin-bottom: -60px; } .serviceDraft .faqDraft .text p:last-child { margin-bottom: 0; } .serviceDraft .faqDraft .text p:first-child { margin-top: 0; } .serviceDraft .why { margin: 80px 0px 0px 0px; } .serviceDraft .why .blocks { display: flex; justify-content: center; margin-top: 40px; position: relative; } .serviceDraft .why .block { width: 17%; margin: 0px 1%; display: inline-flex; align-items: center; flex-direction: column; position: relative; } .serviceDraft .why .block p { text-align: center; line-height: 1.2; font-size: 16px; font-weight: 300 } .serviceDraft .why .block i { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; } .serviceDraft .why .block .circle { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: #f6f3fc; margin: 0px 0px 20px 0px; border-radius: 50%; } .serviceDraft .why .block i.ico1 { background: url(/servicesImage/img/icon5.png) center / 42px no-repeat; } .serviceDraft .why .block i.ico2 { background: url(/servicesImage/img/icon6.png) center / 42px no-repeat; } .serviceDraft .why .block i.ico3 { background: url(/servicesImage/img/icon7.png) center / 42px no-repeat; } .serviceDraft .why .block i.ico4 { background: url(/servicesImage/img/icon8.png) center / 42px no-repeat; } .serviceDraft .why .block i.ico5 { background: url(/servicesImage/img/icon9.png) center / 42px no-repeat; } .serviceDraft .why .block i.ico6 { background: url(/servicesImage/img/icon10.png) center / 42px no-repeat; } .serviceDraft .why .block i.ico7 { background: url(/servicesImage/img/icon11.png) center / 42px no-repeat; } .serviceDraft .why .block i.ico8 { background: url(/servicesImage/img/icon12.png) center / 42px no-repeat; } .labarator_item-review .b24-form-wrapper { background: #ffffff !important; box-shadow: none !important; border: none !important; } .labarator_item-review .b24-form-btn { background: #c54749 !important; } .labarator_item-review .b24-form-btn:hover { background: #035846 !important; } .labarator_item-review .b24-form-header-title { text-transform: uppercase; line-height: 1; padding-top: 15px; font-family: Manrope; letter-spacing: 0; font-size: 20px; font-weight: 800; color: #c54749; text-align: center; } .b24-form-header-description { padding: 0px 40px; line-height: 1 !important; text-align: center; } .labarator_item-review .b24-form .b24-form-header { display: none; } .labarator_item-review .b24-form-field { margin: 0 !important; } .labarator_item-review .b24-form-control-text .b24-form-control { height: 52px } .labarator_item-review .b24-form-style-modern .b24-form-control-string .b24-form-control { height: 40px !important; background: #ffffff !important; } .moewB .review_block { position: relative; overflow: hidden; margin: 0; padding: 20px 20px 30px 20px; background: #FFF; } .moewB .review_block .more-link { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 40px; background: #088269; color: #FFF; text-align: center; border-radius: 24px; margin-top: 10px; transition: 0.2s linear; } .moewB .review_block .more-link:after { content: "\2193"; margin-left: 8px; font-size: .8em; } .moewB .review_block .more-link.open:after { content: "\2191"; } .moewB .review_block .more-link:hover { background: #035846; } .moewB .review_block .review_text { position: relative; overflow: hidden; } .variant { background: #ffffff; padding: 35px 0px 0px 0px; } .containerVar { margin-right: auto; margin-left: auto; width: 90%; max-width: 1170px; } .variant .bread { width: 100%; font-size: 13px; color: #848484; font-weight: 400; } .variant .bread a { color: #000000; } .variant .bread span { display: inline-flex; margin: 0px 5px; color: #000000; } .variant_1 .banner { margin: 40px 0px; background: url(/servicesImage/images/banFon.webp) right center / cover no-repeat; } .variant_1 .banner .containerVar { background: url(/servicesImage/images/banImg.png) right center / auto 94% no-repeat; padding: 40px 0px; } .variant_1 .banner .top { width: 70%; } .variant_1 .banner .top h1 { color: #ffffff; font-weight: 900; font-size: 35px; line-height: 1; } .variant_1 .banner .top h3 { color: #ffffff; font-weight: 900; font-size: 35px; line-height: 1; margin: 5px 0px 0px 0px; } .variant_1 .banner .top p { color: #ffffff; font-weight: 400; font-size: 17px; line-height: 1; margin: 35px 0px 40px 0px; } .variant_1 .banner .bottom { display: flex; align-items: center; } .variant_1 .banner .bottom .click24 { display: inline-flex; align-items: center; height: 55px; padding: 0 30px; margin-right: 30px; background: #ffffff; color: #000; font-weight: 500; font-size: 16px; border-radius: 10px; cursor: pointer; } .variant_1 .banner .bottom a img { width: 16px; height: 16px; object-fit: contain; margin-right: 6px; } .variant_1 .banner .bottom .conifo { display: inline-flex; align-items: center; color: #ffffff; margin-right: 30px; cursor: pointer; } .variant_1 .intelligence h2 { color: #672373; font-weight: 900; font-size: 28px; text-align: center; } .variant_1 .intelligence .caption { color: #000000; font-weight: 400; font-size: 16px; text-align: center; width: 80%; margin: 0 auto; } .variant_1 .stages { margin: 40px 0px 40px 0px; } .variant_1 .stages .blocks { display: flex; justify-content: center; margin-top: 40px; position: relative; } .variant_1 .stages .block { width: 17%; max-width: 80px; margin: 0px 15px; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; position: relative; } .variant_1 .stages .block p { text-align: center; line-height: 1.2; font-size: 15px; font-weight: 400 } .variant_1 .stages .block i { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 0px 0px 0px 0px; filter: grayscale(1) contrast(2) invert(1); } .variant_1 .stages .block .circle { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 0px 0px 20px 0px; border-radius: 50%; box-shadow: 0px 0px 20px 0px #00091830; border: 3px solid #bc0991; position: relative; } .variant_1 .stages .block .circle:before { content: ''; position: absolute; width: 90%; height: 90%; left: 5%; top: 5%; background: #bc0991; border-radius: 50%; } .variant_1 .stages .block i.ico1 { background: url(/servicesImage/img/icon1.png) center / 20px no-repeat; } .variant_1 .stages .block i.ico2 { background: url(/servicesImage/img/icon2.png) center / 25px no-repeat; } .variant_1 .stages .block i.ico3 { background: url(/servicesImage/img/icon3.png) center / 20px no-repeat; } .variant_1 .stages .block i.ico4 { background: url(/servicesImage/img/icon4.png) center / 20px no-repeat; } .variant_1 .stages .blocks .arrow { width: 5%; height: 8px; display: inline-flex; position: absolute; background: url(/servicesImage/img/arrow.png) center / contain no-repeat; margin-top: 26px; } .variant_1 .stages .blocks .arrow1 { left: 35%; } .variant_1 .stages .blocks .arrow3 { left: 60%; } .variant_1 .stages .block i.ico4:after { content: none; } .variant_1 .repair ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; } .variant_1 .repair ul li { width: 32%; padding: 10px; margin-bottom: 2%; border: 2px solid #84429624; border-radius: 10px; box-shadow: 0px 0px 20px 0px #0009180d; } .variant_1 .repair ul li a { color: #672373; font-weight: 800; font-size: 16px; } .variant_1 .repair .repairBrands { font-size: 13px; color: #6f6f6f; } .variant_1 .repair .blocks { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 10px 0px 10px 0px; } .variant_1 .repair .blocks p { font-size: 16px; font-weight: 700; color: #672373; } .variant_1 .repair .blocks span { font-size: 13px; color: #6f6f6f; } .variant_1 .repair .blocks .click24 { display: inline-flex; align-items: center; height: 35px; padding: 0 20px; background: #bc0991; color: #ffffff; font-weight: 500; font-size: 14px; border-radius: 10px; cursor: pointer; } .variant_1 .repair .text { font-size: 12px; color: #6f6f6f; } .variant_1 .why { margin: 40px 0px; } .variant_1 .why .blocks { display: flex; justify-content: center; margin-top: 40px; position: relative; } .variant_1 .why .block { width: 15%; margin: 0px 1%; display: inline-flex; align-items: center; flex-direction: column; position: relative; } .variant_1 .why .block p { text-align: center; line-height: 1.2; font-size: 15px; font-weight: 400 } .variant_1 .why .block i { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 0px 0px 0px 0px; filter: grayscale(1) contrast(2) invert(1); } .variant_1 .why .block .circle { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 0px 0px 20px 0px; border-radius: 50%; box-shadow: 0px 0px 20px 0px #00091830; border: 3px solid #bc0991; position: relative; } .variant_1 .why .block .circle:before { content: ''; position: absolute; width: 90%; height: 90%; left: 5%; top: 5%; background: #bc0991; border-radius: 50%; } .variant_1 .why .block i.ico1 { background: url(/servicesImage/img/icon5.png) center / 30px no-repeat; } .variant_1 .why .block i.ico2 { background: url(/servicesImage/img/icon6.png) center / 30px no-repeat; } .variant_1 .why .block i.ico3 { background: url(/servicesImage/img/icon7.png) center / 30px no-repeat; } .variant_1 .why .block i.ico4 { background: url(/servicesImage/img/icon8.png) center / 30px no-repeat; } .variant_1 .why .block i.ico5 { background: url(/servicesImage/img/icon9.png) center / 42px no-repeat; } .variant_1 .infoDraft .brandsDraft { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; } .variant_1 .infoDraft .brandsDraft .block { width: 10.5%; padding: 10px; margin: 0% 0.2% 0.5% 0.2%; border: 2px solid #84429624; border-radius: 10px; box-shadow: 0px 0px 20px 0px #0009180d; } .variant_1 .infoDraft .brandsDraft .block a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .variant_1 .infoDraft .brandsDraft .block img { width: 90%; height: 90%; object-fit: contain; object-position: center; } .variant_1 .forma .blocks { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 80px 0px 40px 0px; } .variant_1 .forma .blocks .left { width: 50%; border-radius: 10px; box-shadow: 0px 0px 20px 0px #0009180d; padding: 50px; background: url(/servicesImage/images/banFon.webp) right center / cover no-repeat; } .variant_1 .forma .blocks .right { width: 48%; border-radius: 10px; box-shadow: 0px 0px 20px 0px #0009180d; padding: 50px; background: #000000; } .variant_1 .forma .blocks .tiX { color: #ffffff; font-weight: 900; font-size: 28px; line-height: 1; margin: 5px 0px 20px 0px; } .variant_1 .forma .blocks .span { color: #ffffff; font-weight: 400; font-size: 16px; margin-bottom: 20px; } .variant_1 .b24-form-wrapper.b24-form-shadow { box-shadow: none; } .variant_1 .b24-form-wrapper { max-width: 100%; min-height: auto; background: transparent; } .variant_1 .b24-form-content form > div:first-child { display: flex; flex-direction: column; flex-wrap: wrap; } .variant_1 .b24-form-field { margin: 0px 0px 5px 0px; width: 100%; } .variant_1 .b24-form-header-title { display: none; } .variant_1 .b24-form-header-description { display: none; } .variant_1 .b24-form-wrapper.b24-from-state-on { min-height: auto !important; } .variant_1 .b24-form-header { border: none; display: none; } .variant_1 .b24-form-sign { display: none; } .variant_1 .b24-form-content { padding: 0; } .variant_1 .b24-form-control-container { margin: 0; } .variant_1 .b24-form-style-modern .b24-form-control-icon-after .b24-form-control { border: none !important; background: #ffffff !important; font: 14px 'Manrope' !important; border-radius: 10px !important; height: 45px !important; display: inline-flex; align-items: center; width: 100%; } .serviceDraft .b24-form-style-modern .b24-form-control-text { display: none; } .variant_1 .b24-form-control-label { color: #47474794; opacity: 1; font-family: 'Manrope'; font-size: 14px !important; } .variant_1 .b24-form-control-select-label, .variant_1 .b24-form-control:focus+.b24-form-control-label, .variant_1 .b24-form-control-not-empty+.b24-form-control-label { display: none; } .variant_1 .b24-form-control-icon-after .b24-form-control:focus, .variant_1 .b24-form-control-icon-after .b24-form-control-not-empty { padding-top: 0; padding-bottom: 0; } .variant_1 .b24-form-wrapper.b24-form-border-bottom { border: none } .variant_1 .b24-form-btn-container { display: flex; justify-content: center; flex-direction: column; margin: 0px 0px 0px 0px; } .variant_1 .b24-form-btn-block { display: flex; width: 100%; justify-content: center; position: relative; margin: 0 auto; padding: 0; min-height: auto; } .variant_1 .b24-form-btn-block button { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 46px; border: none; min-height: auto; padding: 0; font-size: 18px; font-family: 'Manrope' !important; font-weight: 600; line-height: 1; transition: 0.5s; background-color: #bc0991; color: #ffffff; box-shadow: none; border-radius: 10px; } .variant_1 .b24-form-btn-block button:hover { background-color: #2d292d; color: #ffffff; } .variant_1 .b24-form-field.b24-form-field-agreement { width: 100%; margin-bottom: 25px; } .variant_1 .b24-window-popup-wrapper { max-width: 400px; border-radius: 0px; overflow: hidden; } .variant_1 .forma .left > span { text-align: right; font-size: 16px; display: inline-flex; margin: 20px 0px 0px 0px; color: #ffffff; } .variant_1 .forma .right a { width: 35%; display: inline-flex; margin-top: 30px; border-radius: 10px; overflow: hidden; } .variant_1 .forma .right a img { width: 100%; display: inline-flex; } .variant_1 .textBig { margin: 60px 0px 0px 0px; padding: 0px 0px 60px 0px; } .variant_1 .textBig .marT { margin: 40px 0px 0px 0px; } .variant_1 .textBig p { font-size: 14px; color: #000000; font-family: Manrope; margin: 10px 0px; line-height: 1.4; } .variant_1 .textBig ul { margin: 10px 0px; } .variant_1 .textBig .marT h2 { font-family: Manrope; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; margin: 20px 0px 20px 0px; letter-spacing: 0; } .variant_1 .textBig ul li { line-height: 1.4; font-weight: 400; font-size: 14px; padding-left: 20px; position: relative; } .variant_1 .textBig ul li:before { content: ''; position: absolute; display: inline-block; left: 0; top: 8px; width: 6px; height: 6px; background: #883f95; border-radius: 50%; } .variant_2 { padding: 40px 0px 40px 0px; } .variant_2 .banner { margin: 40px 0px; } .variant_2 .banner .containerVar { padding: 40px; border-radius: 10px; position: relative; } .variant_2 .banner .top { width: 60%; } .variant_2 .banner .top h1 { color: #202020; font-weight: 900; font-size: 35px; line-height: 1; margin-bottom: 20px; } .variant_2 .banner .top h3 { color: #202020; font-weight: 400; font-size: 17px; line-height: 1; } .MOCS.variant_2 .banner .top h3 { margin-bottom: 15px; } .variant_2 .banner .top p { color: #202020; font-weight: 400; font-size: 17px; line-height: 1; } .variant_2 .banner .bottom { display: flex; align-items: center; margin-top: 20px; } .variant_2 .banner .bottom .click24 { display: inline-flex; align-items: center; height: 40px; padding: 0 30px; margin-right: 30px; background: #088269; color: #ffffff; font-weight: 500; font-size: 16px; border-radius: 20px; cursor: pointer; } .variant_2 .banner .bottom a img { width: 16px; height: 16px; object-fit: contain; margin-right: 6px; } .variant_2 .banner .bottom .conifo { display: inline-flex; align-items: center; color: #202020; margin-right: 30px; cursor: pointer; } .variant_2 .banner .bottom .conifo:last-child { display: none; } .variant_2 .intelligence h2 { color: #202020; font-weight: 900; font-size: 20px; text-align: center; text-transform: uppercase; } .variant_2 .intelligence .caption { color: #000000; font-weight: 400; font-size: 14px; text-align: center; width: 80%; margin: 0 auto; line-height: 1.2; margin-top: 15px; } .variant_2 .intelligence .captionA { color: #202020; font-weight: 400; font-size: 15px; text-align: center; width: 90%; margin: 0 auto; line-height: 1.4; margin-top: 15px; } .variant_2 .stages { margin: 40px 0px 40px 0px; } .variant_2 .stages .blocks { display: flex; justify-content: center; margin-top: 40px; position: relative; } .variant_2 .stages .block { display: inline-flex; flex-direction: column; align-items: center; text-align: center; position: relative; width: 15%; margin: 0px 2%; } .variant_2 .stages .block .circle { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; background: #b7b8dc; } .variant_2 .stages .block i { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; margin: 0px 0px 0px 0px; } .variant_2 .stages .block i.ico1 { background: url(/servicesImage/images/mb1_1.svg) center / 20px no-repeat; } .variant_2 .stages .block i.ico2 { background: url(/servicesImage/images/mb1_2.svg) center / 20px no-repeat; } .variant_2 .stages .block i.ico3 { background: url(/servicesImage/images/mb1_3.svg) center / 20px no-repeat; } .variant_2 .stages .block i.ico4 { background: url(/servicesImage/images/mb1_4.svg) center / 20px no-repeat; } .variant_2 .stages .block p { line-height: 1.2; font-size: 15px; font-weight: 500; margin-top: 10px; } .variant_2 .repair { margin-top: 40px } .variant_2 .repair ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; } .variant_2 .repair ul li { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; padding: 5px 10px; margin-bottom: 1.5%; border-radius: 10px; border: 1px solid #45405f1a; } .variant_2 .repair ul li .top { width: 60% } .variant_2 .repair ul li a { color: #202020; text-transform: uppercase; font-weight: 700; font-size: 15px; line-height: 1; } .variant_2 .repair .repairBrands { font-size: 12px; color: #535353; line-height: 1; margin: 5px 0px; font-weight: 300; } .variant_2 .repair .blocks { display: flex; justify-content: space-between; align-items: center; width: 38%; } .variant_2 .repair .allCat .blocks { justify-content: flex-end; } .variant_2 .repair .blocks .left { margin: 0px 30px 0px 0px; display: inline-flex; flex-direction: column; } .variant_2 .repair .blocks p { font-size: 16px; font-weight: 700; color: #202020; } .variant_2 .repair .blocks span { font-size: 13px; color: #6f6f6f; } .variant_2 .repair .blocks .click24 { display: inline-flex; align-items: center; height: 35px; padding: 0px 20px; background: #088269; color: #ffffff; font-weight: 500; font-size: 14px; border-radius: 20px; cursor: pointer; } .variant_2 .infoDraft { margin: 40px 0px; } .variant_2 .infoDraft .brandsDraft { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; } .variant_2 .infoDraft .brandsDraft .block { width: 110px; height: 110px; padding: 10px; margin: 0% 0.5% 1% 0.5%; border: 1px solid #45405f1a; border-radius: 50%; } .variant_2 .infoDraft .brandsDraft .block a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .variant_2 .infoDraft .brandsDraft .block img { width: 90%; height: 90%; object-fit: contain; object-position: center; } .variant_2 .forma .blocks { display: flex; flex-direction: column; margin: 40px 0px 0px 0px; } .MOCS.variant_2 .forma .blocks .left .blockL .tiX { margin-bottom: 30px } .MOCS.variant_2 .forma .blocks .left .blockL .span { font-size: 15px; margin: 20px 0px 0px 0px; } .MOCS.variant_2 .forma .blocks .left { display: flex; justify-content: space-between; padding: 50px; } .MOCS.variant_2 .forma .blocks .left .blockL { width: 46%; } .MOCS.variant_2 .forma .blocks .left .blockR { width: 50%; } .MOCS.variant_2 .forma .blocks .left .blockR > span { color: #ffffff; display: inline-flex; font-size: 14px; text-align: right; justify-content: flex-end; width: 100%; } .MOCS.variant_2 .forma .b24-form-field { width: 32%; margin-bottom: 15px; } .MOCS.variant_2 .forma .b24-form-btn-container { width: 100%; } .MOCS.variant_2 .forma .b24-form-content form > div:first-child { width: 100%; } .MOCS.variant_2 .b24-form-style-modern .b24-form-control-icon-after .b24-form-control { height: 40px !important; } .MOCS.variant_2 .b24-form-btn-block button { width: 200px; } .MOCS.variant_2 .forma .b24-form-content form > div:nth-child(2) { order: unset; margin: 0px; } .variant_2 .forma .blocks .left { width: 100%; border-radius: 10px; padding: 25px 35px; position: relative; background: #f8f7f3; } .variant_2 .forma .blocks .left .tiX { color: #202020; font-weight: 900; font-size: 28px; line-height: 1; margin: 5px 0px 10px 0px; } .variant_2 .forma .blocks .left .span { color: #202020; font-weight: 400; font-size: 14px; margin-bottom: 20px; line-height: 1.2; } .variant_2 .b24-form-wrapper.b24-form-shadow { box-shadow: none; } .variant_2 .b24-form-wrapper { max-width: 100%; min-height: auto; background: transparent; } .variant_2 .b24-form-content form > div:first-child { display: flex; flex-direction: column; flex-wrap: wrap; } .variant_2 .b24-form-field { margin: 0px 0px 5px 0px; width: 100%; } .variant_2 .b24-form-header-title { display: none; } .variant_2 .b24-form-header-description { display: none; } .variant_2 .b24-form-wrapper.b24-from-state-on { min-height: auto !important; } .variant_2 .b24-form-header { border: none; display: none; } .variant_2 .b24-form-sign { display: none; } .variant_2 .b24-form-content { padding: 0; } .variant_2 .b24-form-control-container { margin: 0; } .variant_2 .b24-form-style-modern .b24-form-control-icon-after .b24-form-control { border: none !important; background: #ffffff !important; font: 14px 'Manrope' !important; border-radius: 20px !important; height: 45px !important; display: inline-flex; align-items: center; width: 100%; } .variant_2 .b24-form-style-modern .b24-form-control-text { display: none; } .variant_2 .b24-form-control-label { color: #47474794; opacity: 1; font-family: 'Manrope'; font-size: 14px !important; } .variant_2 .b24-form-control-select-label, .variant_2 .b24-form-control:focus+.b24-form-control-label, .variant_2 .b24-form-control-not-empty+.b24-form-control-label { display: none; } .variant_2 .b24-form-control-icon-after .b24-form-control:focus, .variant_2 .b24-form-control-icon-after .b24-form-control-not-empty { padding-top: 0; padding-bottom: 0; } .variant_2 .b24-form-wrapper.b24-form-border-bottom { border: none } .variant_2 .b24-form-btn-container { display: flex; justify-content: center; flex-direction: column; margin: 0px 0px 0px 0px; } .variant_2 .b24-form-btn-block { display: flex; width: 100%; justify-content: center; position: relative; margin: 0 auto; padding: 0; min-height: auto; } .variant_2 .b24-form-btn-block button { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 46px; border: none; min-height: auto; padding: 0; font-size: 18px; font-family: 'Manrope' !important; font-weight: 600; line-height: 1; transition: 0.5s; background-color: #088269; color: #ffffff; box-shadow: none; border-radius: 20px; } .variant_2 .b24-form-btn-block button:hover { background-color: #2d292d; color: #ffffff; } .variant_2 .b24-form-field.b24-form-field-agreement { width: 100%; margin-bottom: 25px; } .variant_2 .b24-window-popup-wrapper { max-width: 400px; border-radius: 0px; overflow: hidden; } .variant_2 .forma .b24-form-content form > div:first-child { justify-content: space-between; flex-direction: row; width: 70%; } .variant_2 .forma .b24-form-content form > div:nth-child(2) { order: 3; margin: 20px 0px 20px 0px; width: 100%; } .variant_2 .forma .b24-form-content form > div:nth-child(2) .b24-form-field { width: 100%; } .variant_2 .forma .b24-form-field-agreement .b24-form-control-desc { color: #202020; opacity: 0.8; } .variant_2 .forma .b24-form-field-agreement .b24-form-field-agreement-link { font-size: 13px; font-family: Manrope; line-height: 1.2; color: #202020; } .variant_2 .forma .b24-form-field { width: 33%; margin: 0; } .variant_2 .forma .b24-form-btn-block { width: 100%; } .variant_2 .forma .b24-form-content { padding: 10px 0px 5px 0px; } .variant_2 .forma .b24-form-control-icon-after .b24-form-control { background: #ffffff; } .variant_2 .forma .b24-form-content form { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .variant_2 .forma .b24-form-btn-container { width: 29%; margin: 0; } .variant_2 .forma .left > span { text-align: right; font-size: 14px; display: inline-flex; margin: 0px 0px 0px 0px; color: #ffffff; } .variant_2 .forma .blocks .right { width: 100%; border-radius: 10px; box-shadow: 0px 0px 20px 0px #0009180d; padding: 50px; background: #000000; margin-top: 20px; background: url(/servicesImage/images/bannerLic.webp) left center / cover no-repeat; display: flex; align-items: center; justify-content: space-between; } .variant_2 .forma .blocks .right .top { width: 60% } .variant_2 .forma .blocks .right .bottom { width: 36%; display: flex; } .variant_2 .forma .right a { height: 200px; display: inline-flex; border-radius: 10px; overflow: hidden; margin: 0px 5px; } .variant_2 .forma .right a img { width: 100%; display: inline-flex; } .variant_2 .forma .blocks .right .tiX { color: #202020; font-weight: 900; font-size: 28px; line-height: 1; margin: 0px 0px 30px 0px; } .variant_2 .forma .blocks .right .span { color: #202020; font-weight: 400; font-size: 14px; margin-bottom: 20px; line-height: 1.2; } .variant_2 .reviewsDF { margin: 40px 0px 40px 0px; } .variant_2 .reviewsDF .blocks { display: flex; justify-content: space-between; margin-top: 40px; margin-bottom: 60px; } .variant_2 .reviewsDF .block { width: 49%; padding: 30px; border-radius: 30px; background: #fafafa; background-size: cover } .variant_2 .reviewsDF .block .star img { display: inline-flex; height: 17px; } .variant_2 .reviewsDF .block .heading { font-weight: 600; margin: 10px 0px; font-size: 16px; } .variant_2 .reviewsDF .block .text { font-size: 13px; line-height: 1.3 } .variant_2 .reviewsDF .block .name { font-size: 14px; line-height: 1.3; text-align: right; margin-top: 20px; font-weight: 600; } .variant_2 .textBig .marT { margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; } .variant_2 .textBig p { font-size: 13px; color: #000000; font-family: Manrope; margin: 15px 0px; line-height: 1.4; } .variant_2 .textBig ul, .variant_2 .textBig ol { margin: 15px 0px; } .variant_2 .textBig .marT h2 { font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 20px 0px 20px 0px; letter-spacing: 0; text-align: left; } .variant_2 .textBig .marT h3, .variant_2 .textBig .marT h4 { font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 20px 0px 20px 0px; letter-spacing: 0; text-align: center; text-transform: uppercase; color: #202020; text-align: left; } .variant_2 .textBig ul li, .variant_2 .textBig ol li { line-height: 1.4; font-weight: 400; font-size: 13px; padding-left: 20px; position: relative; } .variant_2 .textBig ul li:before, .variant_2 .textBig ol li:before { content: ''; position: absolute; display: inline-block; left: 0; top: 8px; width: 6px; height: 6px; background: #b7b8dc; border-radius: 50%; } .variant_3 .banner { margin: 40px 0px; background: url(/servicesImage/images/bannerV3.webp) right center / cover no-repeat; } .variant_3 .banner .containerVar { background: url(/servicesImage/images/banImg3.png) right center / auto 94% no-repeat; padding: 40px 0px; } .variant_3 .banner .top { width: 70%; } .variant_3 .banner .top h1 { color: #ffffff; font-weight: 900; font-size: 30px; line-height: 1; } .variant_3 .banner .top h3 { color: #ffffff; font-weight: 900; font-size: 30px; line-height: 1; margin: 5px 0px 0px 0px; } .variant_3 .banner .top p { color: #ffffff; font-weight: 400; font-size: 17px; line-height: 1; margin: 35px 0px 40px 0px; } .variant_3 .banner .bottom { display: flex; align-items: center; } .variant_3 .banner .bottom .click24 { display: inline-flex; align-items: center; height: 55px; padding: 0 30px; margin-right: 30px; background: #ffffff; color: #000; font-weight: 500; font-size: 16px; border-radius: 10px; cursor: pointer; } .variant_3 .banner .bottom a img { width: 16px; height: 16px; object-fit: contain; margin-right: 6px; } .variant_3 .banner .bottom .conifo { display: inline-flex; align-items: center; color: #ffffff; margin-right: 30px; cursor: pointer; } .variant_3 .intelligence h2 { color: #303030; font-weight: 900; font-size: 20px; text-align: center; text-transform: uppercase; } .variant_3 .intelligence .caption { color: #000000; font-weight: 400; font-size: 14px; text-align: center; width: 80%; margin: 0 auto; line-height: 1.2; margin-top: 15px; } .variant_3 .stages { margin: 40px 0px 40px 0px; } .variant_3 .stages .blocks { display: flex; justify-content: center; margin-top: 40px; position: relative; } .variant_3 .stages .block { margin: 3px 0px; display: inline-flex; flex-direction: column; align-items: center; text-align: center; position: relative; width: 15%; margin: 0px 2%; } .variant_3 .stages .block .circle { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; background: #de5f40; } .variant_3 .stages .block i { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; margin: 0px 0px 0px 0px; } .variant_3 .stages .block i.ico1 { background: url(/servicesImage/images/mb1_1.svg) center / 20px no-repeat; } .variant_3 .stages .block i.ico2 { background: url(/servicesImage/images/mb1_2.svg) center / 20px no-repeat; } .variant_3 .stages .block i.ico3 { background: url(/servicesImage/images/mb1_3.svg) center / 20px no-repeat; } .variant_3 .stages .block i.ico4 { background: url(/servicesImage/images/mb1_4.svg) center / 20px no-repeat; } .variant_3 .stages .block p { line-height: 1.2; font-size: 15px; font-weight: 500; margin-top: 10px; } .variant_3 .repair ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; } .variant_3 .repair ul li { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; padding: 5px 10px; margin-bottom: 1.5%; border-radius: 10px; border: 1px solid #45405f1a; } .variant_3 .repair ul li .top { width: 60% } .variant_3 .repair ul li a { color: #373737; text-transform: uppercase; font-weight: 700; font-size: 15px; line-height: 1; } .variant_3 .repair .repairBrands { font-size: 12px; color: #535353; line-height: 1; margin: 5px 0px; font-weight: 300; } .variant_3 .repair .blocks { display: flex; justify-content: flex-end; align-items: center; width: 38%; } .variant_3 .repair .blocks .left { margin: 0px 30px 0px 0px; display: inline-flex; flex-direction: column; } .variant_3 .repair .blocks p { font-size: 16px; font-weight: 700; color: #ff801a; } .variant_3 .repair .blocks span { font-size: 13px; color: #6f6f6f; } .variant_3 .repair .blocks .click24 { display: inline-flex; align-items: center; height: 35px; padding: 0px 20px; background: #de5f40; color: #ffffff; font-weight: 500; font-size: 14px; border-radius: 20px; cursor: pointer; } .variant_3 .infoDraft { margin: 40px 0px; } .variant_3 .infoDraft .brandsDraft { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; } .variant_3 .infoDraft .brandsDraft .block { width: 10.5%; padding: 10px; margin: 0% 0.2% 0.5% 0.2%; border: 1px solid #de5f402b; border-radius: 50%; } .variant_3 .infoDraft .brandsDraft .block a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .variant_3 .infoDraft .brandsDraft .block img { width: 90%; height: 90%; object-fit: contain; object-position: center; } .variant_3 .forma .blocks { display: flex; flex-direction: column; margin: 80px 0px 40px 0px; } .variant_3 .forma .blocks .left { width: 100%; border-radius: 10px; padding: 25px 35px; position: relative; background: url(/servicesImage/images/bannerV3.webp) right center / cover no-repeat; } .variant_3 .forma .blocks .left .tiX { color: #de5f40; font-weight: 900; font-size: 28px; line-height: 1; margin: 5px 0px 10px 0px; } .variant_3 .forma .blocks .left .span { color: #fff; font-weight: 400; font-size: 14px; margin-bottom: 20px; line-height: 1.2; } .variant_3 .b24-form-wrapper.b24-form-shadow { box-shadow: none; } .variant_3 .b24-form-wrapper { max-width: 100%; min-height: auto; background: transparent; } .variant_3 .b24-form-content form > div:first-child { display: flex; flex-direction: column; flex-wrap: wrap; } .variant_3 .b24-form-field { margin: 0px 0px 5px 0px; width: 100%; } .variant_3 .b24-form-header-title { display: none; } .variant_3 .b24-form-header-description { display: none; } .variant_3 .b24-form-wrapper.b24-from-state-on { min-height: auto !important; } .variant_3 .b24-form-header { border: none; display: none; } .variant_3 .b24-form-sign { display: none; } .variant_3 .b24-form-content { padding: 0; } .variant_3 .b24-form-control-container { margin: 0; } .variant_3 .b24-form-style-modern .b24-form-control-icon-after .b24-form-control { border: none !important; background: #ffffff !important; font: 14px 'Manrope' !important; border-radius: 20px !important; height: 45px !important; display: inline-flex; align-items: center; width: 100%; } .variant_3 .b24-form-style-modern .b24-form-control-text { display: none; } .variant_3 .b24-form-control-label { color: #47474794; opacity: 1; font-family: 'Manrope'; font-size: 14px !important; } .variant_3 .b24-form-control-select-label, .variant_3 .b24-form-control:focus+.b24-form-control-label, .variant_3 .b24-form-control-not-empty+.b24-form-control-label { display: none; } .variant_3 .b24-form-control-icon-after .b24-form-control:focus, .variant_3 .b24-form-control-icon-after .b24-form-control-not-empty { padding-top: 0; padding-bottom: 0; } .variant_3 .b24-form-wrapper.b24-form-border-bottom { border: none } .variant_3 .b24-form-btn-container { display: flex; justify-content: center; flex-direction: column; margin: 0px 0px 0px 0px; } .variant_3 .b24-form-btn-block { display: flex; width: 100%; justify-content: center; position: relative; margin: 0 auto; padding: 0; min-height: auto; } .variant_3 .b24-form-btn-block button { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 46px; border: none; min-height: auto; padding: 0; font-size: 18px; font-family: 'Manrope' !important; font-weight: 600; line-height: 1; transition: 0.5s; background-color: #de5f40; color: #ffffff; box-shadow: none; border-radius: 20px; } .variant_3 .b24-form-btn-block button:hover { background-color: #2d292d; color: #ffffff; } .variant_3 .b24-form-field.b24-form-field-agreement { width: 100%; margin-bottom: 25px; } .variant_3 .b24-window-popup-wrapper { max-width: 400px; border-radius: 0px; overflow: hidden; } .variant_3 .forma .b24-form-content form > div:first-child { justify-content: space-between; flex-direction: row; width: 70%; } .variant_3 .forma .b24-form-field { width: 33%; margin: 0; } .variant_3 .forma .b24-form-btn-block { width: 100%; } .variant_3 .forma .b24-form-content { padding: 10px 0px 5px 0px; } .variant_3 .forma .b24-form-control-icon-after .b24-form-control { background: #ffffff; } .variant_3 .forma .b24-form-content form { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .variant_3 .forma .b24-form-btn-container { width: 29%; margin: 0; } .variant_3 .forma .left > span { text-align: right; font-size: 14px; display: inline-flex; margin: 0px 0px 0px 0px; color: #ffffff; } .variant_3 .forma .blocks .right { width: 100%; border-radius: 10px; box-shadow: 0px 0px 20px 0px #0009180d; padding: 50px; background: #de5f40; margin-top: 20px; background: url(/servicesImage/images/bannerV3.webp) right center / cover no-repeat; display: flex; align-items: center; justify-content: space-between; } .variant_3 .forma .blocks .right .top { width: 60% } .variant_3 .forma .blocks .right .bottom { width: 36%; display: flex; } .variant_3 .forma .right a { height: 200px; display: inline-flex; border-radius: 10px; overflow: hidden; margin: 0px 5px; } .variant_3 .forma .right a img { width: 100%; display: inline-flex; } .variant_3 .forma .blocks .right .tiX { color: #ffffff; font-weight: 900; font-size: 28px; line-height: 1; margin: 0px 0px 30px 0px; } .variant_3 .forma .blocks .right .span { color: #ffffff; font-weight: 400; font-size: 14px; margin-bottom: 20px; line-height: 1.2; } .variant_3 .reviewsDF .blocks { display: flex; justify-content: space-between; margin-top: 40px; margin-bottom: 60px; } .variant_3 .reviewsDF .block { width: 49%; padding: 30px; border-radius: 30px; background: #fafafa; background-size: cover } .variant_3 .reviewsDF .block .star img { display: inline-flex; height: 17px; } .variant_3 .reviewsDF .block .heading { font-weight: 600; margin: 10px 0px; font-size: 16px; } .variant_3 .reviewsDF .block .text { font-size: 13px; line-height: 1.3 } .variant_3 .reviewsDF .block .name { font-size: 14px; line-height: 1.3; text-align: right; margin-top: 20px; font-weight: 600; } .variant_3 .textBig .marT { margin: 40px 0px 0px 0px; padding: 0px 0px 40px 0px; } .variant_3 .textBig p { font-size: 13px; color: #000000; font-family: Manrope; margin: 15px 0px; line-height: 1.4; } .variant_3 .textBig ul { margin: 15px 0px; } .variant_3 .textBig .marT h2 { font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 20px 0px 20px 0px; letter-spacing: 0; } .variant_3 .textBig ul li { line-height: 1.4; font-weight: 400; font-size: 13px; padding-left: 20px; position: relative; } .variant_3 .textBig ul li:before { content: ''; position: absolute; display: inline-block; left: 0; top: 8px; width: 6px; height: 6px; background: #de5f40; border-radius: 50%; } .prikazyApp { background: #ffffff; padding: 35px 0px 0px 0px; } .prikazyApp .bread { width: 100%; font-size: 13px; color: #848484; font-weight: 400; } .prikazyApp h1 { text-align: center; margin-bottom: 40px; margin-top: 20px; width: 100%; font-size: 35px; } .prikazyApp .sectionTabs { display: flex; flex-wrap: wrap; justify-content: space-between; } .prikazyApp .sectionTab { display: inline-flex; flex-direction: column; justify-content: center; width: 49.5%; padding: 5px 10px; margin-bottom: 1%; border-radius: 10px; border: 1px solid #45405f1a; transition:all .35s ease; cursor:pointer; } .prikazyApp .sectionTab p { color: #45405f; /* text-transform: uppercase; */ font-weight: 700; font-size: 15px; line-height: 1; } .prikazyApp .sectionTab:hover { background: #45405f1a; } .prikazyApp .sectionTab span { font-size: 16px; color: #535353; line-height: 1; margin: 5px 0px; font-weight: 300; } .prikazyApp .sectionTab.current { background-color: #ff4471; cursor:default; } .prikazyApp .sectionTab.current p, .prikazyApp .sectionTab.current span { color: #ffffff; } .prikazyApp .sectionTab-contents { display: flex; flex-direction: column; margin-top: 14px; } .prikazyApp .sectionTab-content { display: none; max-width: 100%; overflow: auto; } .prikazyApp .sectionTab-content.current { display: block; } .prikazyApp .section-type-items { border-spacing: 0; border: 1px solid #e5e2ee; width: 100%; border-radius: 24px; overflow: hidden; background: #ffffff; } .prikazyApp .section-type-items thead { background: #45405f; color: #ffffff; } .prikazyApp .section-type-items thead th { text-align: left; padding: 10px 14px; font-weight: 400; } .prikazyApp .section-type-items thead th:first-child { width: 70px; text-align: center; } .prikazyApp .section-type-items tbody tr:nth-child(even) { background-color: #f9f9fa; } .prikazyApp .section-type-items tbody td { text-align: left; padding: 10px 14px; border: 1px solid #fafafa; } .prikazyApp .section-type-items tbody td:first-child { width: 70px; text-align: center; } .prikazyApp .section-type-items tbody td.title { text-align: center; font-size: 18px; font-weight: bold; color: #45405f; } .prikazyApp .section-type-items tbody td a { text-decoration: underline; color: #45405f; font-weight: 500; cursor: pointer; } .prikazyApp .section-type-items tbody td span { color: #535353; font-weight: 300; } .prikazyApp .section-type-items tbody td .codes { display: flex; flex-direction: column; width: 100%; align-items: center; text-align: center; } .prikazyApp .popUp_modal { width: 90%; max-width: 1024px; max-height: 90vh; overflow-y: scroll; } .prikazyApp .popUp_modal .productLinks { display: flex; flex-wrap: wrap; position: relative; } .prikazyApp .popUp_modal .productLinks .glass { width: 100%; margin: 10px 0px 40px 0px; color: #45405f; font-weight: 900; font-size: 20px; text-transform: uppercase; } .prikazyApp .popUp_modal .productLink { width: 22%; display: inline-flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 5px 10px; margin: 0% 1.5% 2% 1.5%; border-radius: 10px; border: 1px solid #45405f1a; position: relative; overflow: hidden; } .prikazyApp .popUp_modal .topPposition { position: absolute; right: 5px; top: 5px; padding: 0px 5px; border-radius: 20px; background: #45405f; color: #ffffff; font-size: 13px; } .prikazyApp .popUp_modal .linkhead { display: inline-flex; flex-direction: column; align-items: center; text-align: center; width: 100%; } .prikazyApp .popUp_modal .linkhead .imgBlock { display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 200px; } .prikazyApp .popUp_modal .linkhead .imgBlock img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .prikazyApp .popUp_modal .linkhead .name { color: #45405f; font-weight: 600; font-size: 17px; line-height: 1; margin-top: 10px; } .prikazyApp .popUp_modal .linkbottom { display: flex; flex-direction: column; margin-top: 15px; width: 100%; } .prikazyApp .popUp_modal .linkbottom button { display: flex; align-items: center; justify-content: center; width: 100%; height: 30px; margin-top: 5px; border: none; border-radius: 20px; font-weight: 500; font-size: 14px; } .prikazyApp .popUp_modal .linkbottom .openPopUpHelp { background: #45405f; color: #ffffff; } .prikazyApp .popUp_modal .linkbottom .openPopUpPrice2 { background: #ff4471; color: #ffffff; } .prikazyApp2 .sectionTab span { color: #403c4e; } .prikazyApp2 .sectionTab.current { background-color: #088269; cursor:default; } .prikazyApp2 .sectionTab.current p, .prikazyApp2 .sectionTab.current span { color: #ffffff; } .prikazyApp2 .sectionTab-contents { display: flex; flex-direction: column; margin-top: 14px; } .prikazyApp2 .section-type-items { border-radius: 15px; } .prikazyApp2 .section-type-items thead { background: #d5d1e1; color: #000000; } .prikazyApp2 .section-type-items tbody tr:nth-child(even) { background-color: #ffffff; } .prikazyApp2 .section-type-items tbody td { text-align: left; padding: 10px 14px; border: 1px solid #fafafa; } .prikazyApp2 .section-type-items tbody td.title { text-align: center; font-size: 18px; font-weight: bold; color: #202020; } .prikazyApp2 .section-type-items tbody td a { text-decoration: underline; color: #202020; font-weight: 500; cursor: pointer; } .prikazyApp2 .section-type-items tbody td span { color: #535353; font-weight: 300; } .prikazyApp2 .popUp_modal .productLinks .glass { width: 100%; margin: 10px 0px 40px 0px; color: #45405f; font-weight: 900; font-size: 20px; text-transform: uppercase; } .prikazyApp2 .popUp_modal .productLink { width: 23%; display: inline-flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 5px 10px; margin: 0% 1% 1.5% 1%; border-radius: 10px; border: 1px solid #45405f1a; position: relative; overflow: hidden; } .prikazyApp2 .popUp_modal .topPposition { position: absolute; right: 5px; top: 5px; padding: 0px 5px; border-radius: 20px; background: #088269; color: #ffffff; font-size: 13px; } .prikazyApp .popUp_modal .linkhead { display: inline-flex; flex-direction: column; align-items: center; text-align: center; width: 100%; } .prikazyApp2 .popUp_modal .linkhead .imgBlock { display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 200px; } .prikazyApp2 .popUp_modal .linkhead .imgBlock img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .prikazyApp2 .popUp_modal .linkhead .name { color: #202020; font-weight: 600; font-size: 17px; line-height: 1; margin-top: 10px; } .prikazyApp2 .popUp_modal .linkbottom { display: flex; flex-direction: column; margin-top: 15px; width: 100%; } .prikazyApp2 .popUp_modal .linkbottom button { display: flex; align-items: center; justify-content: center; width: 100%; height: 35px; margin-top: 5px; border: none; border-radius: 20px; font-weight: 500; font-size: 14px; } .prikazyApp2 .popUp_modal .linkbottom .openPopUpHelp { background: #f0f0f0; color: #088269; border: 1px solid #d5d1e1; } .prikazyApp2 .popUp_modal .linkbottom .openPopUpPrice2 { background: #088269; color: #ffffff; border: 1px solid transparent; } .for_slider3txt .newBasket, .newBasketElem { display: flex; flex-direction: row; justify-content: space-between; gap: 0; width: 100%; } .newBasketElem { justify-content: flex-start; margin-bottom: 10px; } .newBasketElem .labaratorPlusMinus { margin-left: 15px; } .for_slider3txt .newBasket .circle, .newBasketElem .circle { border: 1px solid #d5d1e1; border-radius: 50%; width: 25px; height: 25px; display: inline-flex; align-items: center; justify-content: center; } .for_slider3txt .newBasket .circle img, .newBasketElem .circle img { width: 15px } .for_slider3txt .newBasket .add_basket_quantity, .newBasketElem .add_basket_quantity { font-size: 17px; font-weight: 600; margin: 0px 7px } .textInfoG p { line-height: 1.4; font-weight: 400; font-size: 15px; position: relative; margin: 20px 0px; } .textInfoG a { color: #333333; } .textInfoG ul { margin-bottom: 30px } .textInfoG li { line-height: 1.4; font-weight: 400; font-size: 15px; padding-left: 40px; position: relative; margin-bottom: 0px; } .textInfoG li:before { content: ''; position: absolute; display: inline-block; left: 20px; top: 8px; width: 6px; height: 6px; background: #333333; border-radius: 50%; } #popUp_basket .teel { font-family: Manrope; text-align: center; display: flex; justify-content: center; padding: 20px 0px 0px 0px; font-size: 24px; text-transform: uppercase; font-weight: 600 } #popUp_basket .tile { font-family: Manrope; text-align: center; display: flex; justify-content: center; padding: 10px 0px 0px 0px; font-size: 20px; text-transform: uppercase; font-weight: 600 } #popUp_basket .infoBuy { padding: 20px 30px; font-size: 0px } #popUp_basket .infoBuy .block { display: flex; align-items: center; justify-content: space-between; padding: 5px 0px; border-bottom: 1px solid #e8e8e8; } #popUp_basket .infoBuy .name { font-family: Manrope; font-size: 16px; font-weight: 500; color: #088269; width: 70%; } #popUp_basket .infoBuy .quant { font-family: Manrope; font-size: 16px; font-weight: 500; color: #000000; } #popUp_basket .b24-form-header { display: none; } #popUp_basket .b24-form-field-text { display: none; } .basketTotalN { width: 24%; border-radius: 10px; border: 1px solid #E5E2EE; padding: 20px; display: flex; flex-direction: column; } .basketTotalN a { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 45px; margin-bottom: 10px; background: #ffffff; border-radius: 24px; font-size: 16px; font-weight: 500; font-family: Manrope; transition: 0.2s linear; } .basketTotalN button { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 45px; background: #088269; color: #ffffff; border-radius: 24px; border: none; font-size: 16px; font-weight: 500; font-family: Manrope; transition: 0.2s linear; } .basketTotalN a:hover, .basketTotalN button:hover { background: #06493b; color: #ffffff; } .wpcf7 { position: relative; width: 90%; max-width: 600px; background: #ffffff; padding: 30px; } #popUp_basket .right h2 { font-family: Manrope; text-align: center; display: flex; justify-content: center; padding: 10px 0px 0px 0px; font-size: 20px; text-transform: uppercase; font-weight: 600 } #popUp_basket .right form { margin-top: 20px; } #popUp_basket .right form span { display: block; width: 100%; } #popUp_basket .right form input { width: 100%; height: 40px; margin-top: 5px; border-radius: 20px; padding: 0px 10px; border: 1px solid #e8e8e8; } #popUp_basket .right form .bl { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 20px } #popUp_basket .right form .bl button { display: inline-flex; align-items: center; justify-content: center; width: 200px; height: 40px; border-radius: 20px; border: none; background: #088269; color: #ffffff; font-size: 16px; font-weight: 500; font-family: Manrope; transition: 0.2s linear; } #popUp_basket .right form .bl button:hover { background: #06493b; color: #ffffff; } #popUp_basket #result_form { font-size: 16px; font-weight: 500; font-family: Manrope; text-align: center; margin-top: 10px } #popUp_basket .wpcf7-spinner { display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } #popUp_basket .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .popup_cl2 { cursor: pointer; } @media all and (max-width: 700px) { .variant_2 .banner .top { width: 100%; text-align: center; } .variant_2 .banner .top h1 { font-size: 25px; line-height: 0.9; display: inline-flex; } .variant_2 .banner .containerVar { padding: 30px 20px; } .variant_2 .banner .bottom { flex-direction: column; } .variant_2 .banner .bottom .click24 { margin: 0; } .variant_2 .banner .bottom .conifo { margin: 15px 0px 0px 0px; } .variant_2 .intelligence h2 { line-height: 1.2; font-size: 18px; } .variant_2 .stages .blocks { flex-wrap: wrap; } .variant_2 .stages .block { width: 40%; margin-bottom: 20px; } .variant_2 .stages { margin: 40px 0px 20px 0px; } .MOCS.variant_2 .forma .blocks .left { padding: 30px 20px; flex-wrap: wrap; } .MOCS.variant_2 .forma .blocks .left .blockL { width: 100%; margin-bottom: 20px; } .MOCS.variant_2 .forma .blocks .left .blockR { width: 100%; } .variant_2 .forma .b24-form-field, .MOCS.variant_2 .forma .b24-form-field { width: 100%; margin-bottom: 8px; } .variant_2 .forma .blocks .left .tiX { font-size: 26px; } .variant_2 .forma .blocks .right { flex-wrap: wrap; } .variant_2 .forma .blocks .right .top { width: 100%; } .variant_2 .forma .blocks .right .bottom { width: 100%; } .variant_2 .repair ul li { flex-wrap: wrap; } .variant_2 .repair ul li .top { width: 100%; } .variant_2 .repair .blocks { width: 100%; justify-content: space-between; margin-top: 20px; } .variant_2 .repair ul li a { display: inline-flex; font-size: 14px; text-transform: none; line-height: 1.2; } .variant_2 .textBig .marT h2, .variant_2 .textBig .marT h3, .variant_2 .textBig .marT h4 { font-size: 14px; } .variant_2 .repair ul.allCat li .top { width: calc(100% - 120px); } .variant_2 .repair .allCat .blocks { width: 100px; justify-content: space-between; margin-top: 0; } .variant_2 .repair .allCat .blocks .click24 { width: 100px; } .variant_2 .reviewsDF .blocks { flex-wrap: wrap; } .variant_2 .reviewsDF .block { width: 100%; margin-bottom: 10px } .variant_2 .forma .b24-form-content form > div:first-child { width: 100%; } .variant_2 .forma .b24-form-btn-container { width: 100%; } .variant_2 .forma .b24-form-content form > div:nth-child(2) { order: unset; margin: 0; } } .variant_4 .banner .top h2 { color: #202020; font-weight: 900; font-size: 35px; line-height: 1; margin-bottom: 20px; } .variant_4 .banner .top h3 { color: #202020; } .variant_4 .banner .bottom .conifo { color: #202020; font-weight: 600; } .variant_4 .titleU { color: #202020; font-weight: 900; font-size: 28px; text-align: center; text-transform: uppercase; margin: 40px 0px 0px 0px; } .variant_4 .forma .blocks .linkBlock { margin: 0px 0px 20px 0px; } .variant_4 .forma .blocks .left { margin: 0px 0px 0px 0px; background: #f8f7f3; } .variant_4 .forma .right .top a { height: auto; margin: 0; font-size: 20px; color: #ffffff; text-decoration: underline; margin-top: 20px; } .variant_4 .forma .right .top p { color: #ffffff; } .variant_4 .repair7 ul li { width: 49%; /* flex-direction: column; */ } .variant_4 .repair7 .blocks { width: 170px; justify-content: space-between; } .variant_4 .repair7 ul li .top { width: calc(100% - 180px); } .variant_4 .repair7 ul li p { color: #088269; font-weight: 700; font-size: 15px; } .variant_4 .stages .blocks .arrow { width: 5%; height: 8px; display: inline-flex; position: absolute; background: url(/servicesImage/img/arrow.png) center / contain no-repeat; margin-top: 26px; } .variant_4 .stages .blocks .arrow1 { left: 38%; } .variant_4 .stages .blocks .arrow2 { left: 57%; } .variant_4 .repair8 ul li a { text-transform: none; color: #202020; font-weight: 600; } .variant_4 .repair8 ul li { background: #f8f7f3; padding: 10px; } .variant_4 .repair8 ul li .top { width: 100% } .variant_4 .banner .bottom .click24 { background: #b7b7db; } .variant_4 .intelligence h2 { color: #202020; } .variant_4 .stages .block .circle { background: #b7b7db; } .variant_4 .forma .blocks .right.linkBlock { background: none; box-shadow: none; margin: 0; padding: 40px 0px 20px 0px; } .variant_4 .forma .blocks .linkBlock .top { width: 100%; text-align: center; } .variant_4 .forma .blocks .linkBlock .tiX { color: #202020; text-align: center; font-weight: 900; font-size: 20px; text-align: center; text-transform: uppercase; } .variant_4 .forma .linkBlock .top a, .variant_4 .forma .linkBlock .top p { color: #202020; } .variant_4 .forma .blocks .left .tiX { color: #202020; font-weight: 900; font-size: 21px; text-align: center; text-transform: uppercase; margin: 15px 0px 20px 0px; } .variant_4 .forma .blocks .left .span { color: #202020; text-align: center; } .variant_4 .forma .b24-form-field-agreement .b24-form-control-desc, .variant_4 .forma .b24-form-field-agreement .b24-form-control-desc a { color: #202020; } .variant_4 .forma .left > span { color: #202020; } .variant_4 .b24-form-btn-block button { background: #b7b7db; } .variant_4 .repair ul li a { color: #202020; } .variant_4 .repair .blocks .click24 { background: #b7b8dc; width: 170px; justify-content: center; text-align: center; } .variant_4 .forma .blocks .right { background: url(/servicesImage/images/formaBa.jpg) left center / cover no-repeat; } .variant_4 .forma .blocks .right .tiX { color: #202020; font-weight: 900; font-size: 21px; text-transform: uppercase; margin: 0px 0px 20px 0px; } .variant_4 .forma .blocks .right .span { color: #202020; margin: 0; } .variant_4 .stages { margin: 60px 0px 80px 0px; } .variant_4 .stages8 .block i { width: 10px; height: 10px; display: inline-flex; background: #ffffff; border-radius: 50%; } .variant_4 .stages8 .block { width: 20%; } .variant_4 .repair8 ul li p { font-weight: 500; font-size: 17px; margin: 10px 0px 20px 0px; } .variant_4 .repair9 ul li a { margin: 0px 0px 10px 0px; } .variant_4 .stages6 .blocks { flex-direction: column; } .variant_4 .stages6 .block { width: 100%; align-items: center; flex-direction: row; justify-content: space-between; margin: 20px 0px 0px 0px; text-align: left; } .variant_4 .stages6 .block div:last-child { width: calc(100% - 50px); } .variant_4 .stages6 .block p { font-weight: 600; font-size: 17px; margin: 0px 0px 5px 0px; } .variant_4 .stages .block span { line-height: 1.2; font-size: 15px; font-weight: 500; margin-top: 10px; } .variant_4 .repair .repairBrands { display: none; } .variant_4 .repair9 ul li { flex-direction: column; } .changeSlide.slide92_button_prev { position: absolute; left: 0; bottom: 50%; transform: translateY(50%); } .changeSlide.slide92_button_next { position: absolute; right: 0; bottom: 50%; transform: translateY(50%); } .RenT .banner .trubki { position: absolute; width: auto; height: 100%; right: 0%; top: 0%; } .RenT .banner .trubki img { width: 100%; height: 100%; object-fit: contain; } .footer-before__left .b24-form-wrapper { background: #ffffff; } .weBest .gmt-section { margin: 0 auto; } .weBest .sec { margin-bottom: 2.25rem; } .weBest .sep { border: none; border-top: 1px solid #45405f1a; margin: 2rem 0; } .weBest .sec-label { font-weight: 900; font-size: 20px; text-align: center; text-transform: uppercase; margin-bottom: 40px; } /* Hero */ .weBest .top-badge { display: flex; align-items: center; gap: 10px; justify-content: center; margin-bottom: 14px; } .weBest .tb-line { height: 2px; width: 36px; background: #088269; border-radius: 2px; } .weBest .tb-txt { font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #088269; } .weBest h2.hero-title { font-size: 30px; font-weight: 700; text-align: center; line-height: 1.25; margin-bottom: 10px; } .weBest .hero-intro { font-size: 15px; color: #202020; text-align: center; margin: 0px auto 40px auto; line-height: 1.7; max-width: 600px; } /* Stats */ .weBest .stats { display: flex; flex-wrap: wrap; border: 1px solid #e8e8e6; border-radius: 12px; overflow: hidden; margin-bottom: 2rem; } .weBest .sc { flex: 1; min-width: 120px; padding: .9rem .5rem; text-align: center; border-right: 1px solid #45405f1a; } .weBest .sc:last-child { border-right: none; } .weBest .sn { font-size: 22px; font-weight: 700; color: #088269; } .weBest .sl { font-size: 13px; margin-top: 3px; line-height: 1.4; } /* Cards */ .weBest .cards3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(202px, 1fr)); gap: 14px; } .weBest .card { border: 1px solid #45405f1a; border-radius: 12px; background: #fff; padding: 1.25rem; transition: border-color .2s; } .weBest .card:hover { border-color: #088269; } .weBest .ch { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } .weBest .ci { width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .weBest .ci svg { width: 20px; height: 20px; } .weBest .pill { font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; border-radius: 20px; padding: 3px 9px; } .weBest .pb { background: #b7b8dc; color: #ffffff; } .weBest .pg { background: #08816933; color: #088169; } .weBest .pr { background: #b7b8dc47; color: #52549e; } .weBest .ct { font-size: 16px; font-weight: 700; margin-bottom: 7px; line-height: 1.4; } .weBest .cd { font-size: 13px; line-height: 1.6; margin-bottom: 10px; } .weBest .cul { list-style: none; border-top: 1px solid #e8e8e6; padding-top: 9px; } .weBest .cul li { font-size: 13px; padding: 3px 0 3px 13px; position: relative; line-height: 1.5; } .weBest .cul li::before { content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; } .weBest .lb::before { background: #088269; } .weBest .lg::before { background: #088269; } .weBest .lr::before { background: #088269; } /* Categories */ .weBest .cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; } .weBest .cat { background: #f8f7f3; border-radius: 8px; padding: .7rem 1rem; display: flex; align-items: center; gap: 9px; } .weBest .cat-dot { width: 8px; height: 8px; border-radius: 50%; background: #088269; flex-shrink: 0; } .weBest .cat-txt { font-size: 14px; color: #1a1a1a; } /* Problems */ .weBest .problems { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; } .weBest .prob { border: 1px solid #b7b8dc; border-radius: 8px; background: #e5e4ed4a; padding: .85rem 1rem; display: flex; gap: 15px; align-items: center; } .weBest .prob-icon { width: 24px; height: 24px; border-radius: 50%; background: #b7b8dc; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .weBest .prob-icon svg { width: 12px; height: 12px; } .weBest .prob-txt { font-size: 14px; color: #22234e; line-height: 1.5; } .weBest .prob-note { text-align: center; font-size: 12px; color: #777; margin-top: 10px; font-style: italic; } /* Why */ .weBest .why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; } .weBest .why-item { border: 1px solid #45405f1a; border-radius: 8px; background: #fff; padding: .9rem 1rem; display: flex; gap: 10px; align-items: flex-start; } .weBest .why-num { width: 26px; height: 26px; border-radius: 50%; background: #e5e4ed; color: #22234e; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .weBest .why-txt { font-size: 14px; line-height: 1.5; } /* Trust */ .weBest .trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .weBest .trust-card { border: 1px solid #45405f1a; border-radius: 8px; background: #f8f7f3; padding: .9rem 1rem; text-align: center; } .weBest .trust-icon { font-size: 24px; margin-bottom: 6px; } .weBest .trust-t { font-size: 16px; font-weight: 600; margin-bottom: 3px; } .weBest .trust-d { font-size: 14px; line-height: 1.45; } /* Guarantee */ .weBest .guarantee { display: flex; gap: 1rem; align-items: flex-start; background: #f8f7f3; border-left: 3px solid #088269; border-radius: 0 8px 8px 0; padding: 1.1rem 1.25rem; } .weBest .gi { width: 42px; height: 42px; border-radius: 50%; background: #e5e4ed; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .weBest .gi svg { width: 20px; height: 20px; } .weBest .gt { font-size: 17px; font-weight: 700; margin-bottom: 5px; } .weBest .gd { font-size: 14px; line-height: 1.65; } /* Steps */ .weBest .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(134px, 1fr)); gap: 8px; } .weBest .step { text-align: center; padding: .9rem .5rem; border: 1px solid #45405f1a; border-radius: 8px; background: #f8f7f3; } .weBest .snum { width: 30px; height: 30px; border-radius: 50%; background: #088269; color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 7px; } .weBest .stit { font-size: 16px; font-weight: 600; margin-bottom: 4px; } .weBest .sdesc { font-size: 14px; line-height: 1.5; } /* CTA */ .weBest .cta-box { border: 1.5px solid #088269; border-radius: 12px; background: #fff; padding: 2rem 1.5rem; text-align: center; } .weBest .cta-h { font-size: 24px; font-weight: 700; margin-bottom: 8px; } .weBest .cta-s { font-size: 13.5px; margin-bottom: 1.25rem; line-height: 1.65; } .weBest .cta-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 1rem; } .weBest .btn1 { background: #088269; color: #fff; border: none; border-radius: 8px; padding: 13px 28px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: 'Montserrat', sans-serif; transition: background .18s; } .weBest .btn1:hover { background: #055f4c; } .weBest .btn2 { background: transparent; color: #088269; border: 1.5px solid #088269; border-radius: 8px; padding: 12px 22px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: 'Montserrat', sans-serif; transition: all .18s; } .weBest .btn2:hover { background: #088269; color: #ffffff; } .weBest .cta-contacts { font-size: 14px; margin-bottom: .5rem; } .weBest .cta-contacts a { color: #088269; font-weight: 500; text-decoration: none; } .weBest .cta-contacts a:hover { text-decoration: underline; } .weBest .badges { display: flex; justify-content: center; gap: 1.25rem; flex-wrap: wrap; margin-top: .75rem; } .weBest .badge-item { font-size: 13px; color: #777; display: flex; align-items: center; gap: 5px; } .weBest .bdot { width: 6px; height: 6px; border-radius: 50%; background: #088269; flex-shrink: 0; } @media (max-width: 600px) { .weBest .hero-title { font-size: 22px; } .weBest .stats { flex-direction: column; } .weBest .sc { border-right: none; border-bottom: 1px solid #e8e8e6; } .weBest .sc:last-child { border-bottom: none; } } @media all and (max-width: 700px) { .variant_4 .stages8 .block { width: 40%; } .variant_4 .titleU { width: 90%; font-size: 24px; margin: 40px auto 0px auto; text-align: left; } .variant_4 .banner .top h2 { font-size: 25px; line-height: 0.9; display: inline-flex; } .variant_4 .repair7 ul li { width: 100%; } .variant_4 .repair7 ul li .top { width: 100%; } .variant_4 .repair7 .blocks { justify-content: flex-end; width: 100%; margin: 0; } .variant_4 .stages { margin: 40px 0px 20px 0px; } .variant_4 .stages .block { width: 100%; } .variant_4 .stages6 .block p { font-size: 15px; } .variant_4 .stages .block span { font-size: 14px; } } .lic-banner { border: 1px solid #b8ddd1; border-radius: 8px; padding: 14px 18px; background: #f0faf6; cursor: pointer; display: flex; gap: 14px; align-items: flex-start; margin-bottom: 16px; transition: background .15s; margin-top: 20px; } .lic-banner:hover { background: #e4f6ef; } .lic-icon-wrap { width: 36px; height: 36px; flex-shrink: 0; background: #d0efdf; border-radius: 8px; display: flex; align-items: center; justify-content: center; } .lic-icon-wrap svg { width: 18px; height: 18px; } .lic-text-title { font-size: 18px; font-weight: 600; color: #14653d; margin-bottom: 3px; } .lic-text-body { font-size: 15px; color: #2e7a53; line-height: 1.5; margin-bottom: 8px; } .lic-link { font-size: 16px; display: inline-flex; align-items: center; gap: 4px; font-weight: 500; color: #2e7a53; } /* ── TRUST ITEMS ── */ .trust-list { list-style: none; display: flex; flex-direction: column; gap: 6px; margin-left: 0 !important; } .trust-list li { display: flex; align-items: center; gap: 8px; font-size: 15px !important; } .trust-check { width: 18px; height: 18px; flex-shrink: 0; background: #f0faf6; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #b8ddd1; } .trust-check svg { width: 10px; height: 10px; } .textInfoPol p { line-height: 1.4; font-weight: 400; font-size: 15px; position: relative; margin: 20px 0px; } .textInfoPol a { color: #088269; } .textInfoPol h2 { font-size: 22px; margin: 0 0 20px; font-weight: 400; width: 100%; } .textInfoPol ul { margin-bottom: 30px } .textInfoPol li { line-height: 1.4; font-weight: 400; font-size: 15px; padding-left: 40px; position: relative; margin-bottom: 0px; } .textInfoPol li:before { content: ''; position: absolute; display: inline-block; left: 20px; top: 8px; width: 6px; height: 6px; background: #333333; border-radius: 50%; } .tabDescription table td.tra { background: #f1f1f1; text-align: center; font-weight: 500 } .tabDescription table td.tras { text-align: center; font-weight: 500 } /* End */ /* Start:/local/templates/gmt/bootstrap-grid-ds.css?170602544763229*/ /*! * Bootstrap Grid v4.1.3 - CUSTOM DS */ .container-ds { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-ds { max-width: 540px; } } @media (min-width: 768px) { .container-ds { max-width: 720px; } } @media (min-width: 992px) { .container-ds { max-width: 960px; } } @media (min-width: 1200px) { .container-ds { max-width: 1140px; } } .ds-img-fluid { max-width: 100%; height: auto; } .container-ds-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row-ds { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters-ds { margin-right: 0; margin-left: 0; } .no-gutters-ds > .col-ds, .no-gutters-ds > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-ds-1, .col-ds-2, .col-ds-3, .col-ds-4, .col-ds-5, .col-ds-6, .col-ds-7, .col-ds-8, .col-ds-9, .col-ds-10, .col-ds-11, .col-ds-12, .col-ds, .col-ds-auto, .col-ds-sm-1, .col-ds-sm-2, .col-ds-sm-3, .col-ds-sm-4, .col-ds-sm-5, .col-ds-sm-6, .col-ds-sm-7, .col-ds-sm-8, .col-ds-sm-9, .col-ds-sm-10, .col-ds-sm-11, .col-ds-sm-12, .col-ds-sm, .col-ds-sm-auto, .col-ds-md-1, .col-ds-md-2, .col-ds-md-3, .col-ds-md-4, .col-ds-md-5, .col-ds-md-6, .col-ds-md-7, .col-ds-md-8, .col-ds-md-9, .col-ds-md-10, .col-ds-md-11, .col-ds-md-12, .col-ds-md, .col-ds-md-auto, .col-ds-lg-1, .col-ds-lg-2, .col-ds-lg-3, .col-ds-lg-4, .col-ds-lg-5, .col-ds-lg-6, .col-ds-lg-7, .col-ds-lg-8, .col-ds-lg-9, .col-ds-lg-10, .col-ds-lg-11, .col-ds-lg-12, .col-ds-lg, .col-ds-lg-auto, .col-ds-xl-1, .col-ds-xl-2, .col-ds-xl-3, .col-ds-xl-4, .col-ds-xl-5, .col-ds-xl-6, .col-ds-xl-7, .col-ds-xl-8, .col-ds-xl-9, .col-ds-xl-10, .col-ds-xl-11, .col-ds-xl-12, .col-ds-xl, .col-ds-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-ds { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-ds-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-ds-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-ds-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-ds-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-ds-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-ds-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-ds-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-ds-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-ds-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-ds-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-ds-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-ds-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-ds-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-ds-first { -ms-flex-order: -1; order: -1; } .order-ds-last { -ms-flex-order: 13; order: 13; } .order-ds-0 { -ms-flex-order: 0; order: 0; } .order-ds-1 { -ms-flex-order: 1; order: 1; } .order-ds-2 { -ms-flex-order: 2; order: 2; } .order-ds-3 { -ms-flex-order: 3; order: 3; } .order-ds-4 { -ms-flex-order: 4; order: 4; } .order-ds-5 { -ms-flex-order: 5; order: 5; } .order-ds-6 { -ms-flex-order: 6; order: 6; } .order-ds-7 { -ms-flex-order: 7; order: 7; } .order-ds-8 { -ms-flex-order: 8; order: 8; } .order-ds-9 { -ms-flex-order: 9; order: 9; } .order-ds-10 { -ms-flex-order: 10; order: 10; } .order-ds-11 { -ms-flex-order: 11; order: 11; } .order-ds-12 { -ms-flex-order: 12; order: 12; } .offset-ds-1 { margin-left: 8.333333%; } .offset-ds-2 { margin-left: 16.666667%; } .offset-ds-3 { margin-left: 25%; } .offset-ds-4 { margin-left: 33.333333%; } .offset-ds-5 { margin-left: 41.666667%; } .offset-ds-6 { margin-left: 50%; } .offset-ds-7 { margin-left: 58.333333%; } .offset-ds-8 { margin-left: 66.666667%; } .offset-ds-9 { margin-left: 75%; } .offset-ds-10 { margin-left: 83.333333%; } .offset-ds-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-ds-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-ds-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-ds-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-ds-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-ds-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-ds-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-ds-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-ds-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-ds-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-ds-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-ds-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-ds-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-ds-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-ds-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-ds-sm-first { -ms-flex-order: -1; order: -1; } .order-ds-sm-last { -ms-flex-order: 13; order: 13; } .order-ds-sm-0 { -ms-flex-order: 0; order: 0; } .order-ds-sm-1 { -ms-flex-order: 1; order: 1; } .order-ds-sm-2 { -ms-flex-order: 2; order: 2; } .order-ds-sm-3 { -ms-flex-order: 3; order: 3; } .order-ds-sm-4 { -ms-flex-order: 4; order: 4; } .order-ds-sm-5 { -ms-flex-order: 5; order: 5; } .order-ds-sm-6 { -ms-flex-order: 6; order: 6; } .order-ds-sm-7 { -ms-flex-order: 7; order: 7; } .order-ds-sm-8 { -ms-flex-order: 8; order: 8; } .order-ds-sm-9 { -ms-flex-order: 9; order: 9; } .order-ds-sm-10 { -ms-flex-order: 10; order: 10; } .order-ds-sm-11 { -ms-flex-order: 11; order: 11; } .order-ds-sm-12 { -ms-flex-order: 12; order: 12; } .offset-ds-sm-0 { margin-left: 0; } .offset-ds-sm-1 { margin-left: 8.333333%; } .offset-ds-sm-2 { margin-left: 16.666667%; } .offset-ds-sm-3 { margin-left: 25%; } .offset-ds-sm-4 { margin-left: 33.333333%; } .offset-ds-sm-5 { margin-left: 41.666667%; } .offset-ds-sm-6 { margin-left: 50%; } .offset-ds-sm-7 { margin-left: 58.333333%; } .offset-ds-sm-8 { margin-left: 66.666667%; } .offset-ds-sm-9 { margin-left: 75%; } .offset-ds-sm-10 { margin-left: 83.333333%; } .offset-ds-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-ds-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-ds-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-ds-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-ds-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-ds-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-ds-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-ds-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-ds-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-ds-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-ds-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-ds-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-ds-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-ds-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-ds-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-ds-md-first { -ms-flex-order: -1; order: -1; } .order-ds-md-last { -ms-flex-order: 13; order: 13; } .order-ds-md-0 { -ms-flex-order: 0; order: 0; } .order-ds-md-1 { -ms-flex-order: 1; order: 1; } .order-ds-md-2 { -ms-flex-order: 2; order: 2; } .order-ds-md-3 { -ms-flex-order: 3; order: 3; } .order-ds-md-4 { -ms-flex-order: 4; order: 4; } .order-ds-md-5 { -ms-flex-order: 5; order: 5; } .order-ds-md-6 { -ms-flex-order: 6; order: 6; } .order-ds-md-7 { -ms-flex-order: 7; order: 7; } .order-ds-md-8 { -ms-flex-order: 8; order: 8; } .order-ds-md-9 { -ms-flex-order: 9; order: 9; } .order-ds-md-10 { -ms-flex-order: 10; order: 10; } .order-ds-md-11 { -ms-flex-order: 11; order: 11; } .order-ds-md-12 { -ms-flex-order: 12; order: 12; } .offset-ds-md-0 { margin-left: 0; } .offset-ds-md-1 { margin-left: 8.333333%; } .offset-ds-md-2 { margin-left: 16.666667%; } .offset-ds-md-3 { margin-left: 25%; } .offset-ds-md-4 { margin-left: 33.333333%; } .offset-ds-md-5 { margin-left: 41.666667%; } .offset-ds-md-6 { margin-left: 50%; } .offset-ds-md-7 { margin-left: 58.333333%; } .offset-ds-md-8 { margin-left: 66.666667%; } .offset-ds-md-9 { margin-left: 75%; } .offset-ds-md-10 { margin-left: 83.333333%; } .offset-ds-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-ds-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-ds-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-ds-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-ds-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-ds-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-ds-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-ds-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-ds-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-ds-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-ds-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-ds-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-ds-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-ds-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-ds-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-ds-lg-first { -ms-flex-order: -1; order: -1; } .order-ds-lg-last { -ms-flex-order: 13; order: 13; } .order-ds-lg-0 { -ms-flex-order: 0; order: 0; } .order-ds-lg-1 { -ms-flex-order: 1; order: 1; } .order-ds-lg-2 { -ms-flex-order: 2; order: 2; } .order-ds-lg-3 { -ms-flex-order: 3; order: 3; } .order-ds-lg-4 { -ms-flex-order: 4; order: 4; } .order-ds-lg-5 { -ms-flex-order: 5; order: 5; } .order-ds-lg-6 { -ms-flex-order: 6; order: 6; } .order-ds-lg-7 { -ms-flex-order: 7; order: 7; } .order-ds-lg-8 { -ms-flex-order: 8; order: 8; } .order-ds-lg-9 { -ms-flex-order: 9; order: 9; } .order-ds-lg-10 { -ms-flex-order: 10; order: 10; } .order-ds-lg-11 { -ms-flex-order: 11; order: 11; } .order-ds-lg-12 { -ms-flex-order: 12; order: 12; } .offset-ds-lg-0 { margin-left: 0; } .offset-ds-lg-1 { margin-left: 8.333333%; } .offset-ds-lg-2 { margin-left: 16.666667%; } .offset-ds-lg-3 { margin-left: 25%; } .offset-ds-lg-4 { margin-left: 33.333333%; } .offset-ds-lg-5 { margin-left: 41.666667%; } .offset-ds-lg-6 { margin-left: 50%; } .offset-ds-lg-7 { margin-left: 58.333333%; } .offset-ds-lg-8 { margin-left: 66.666667%; } .offset-ds-lg-9 { margin-left: 75%; } .offset-ds-lg-10 { margin-left: 83.333333%; } .offset-ds-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-ds-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-ds-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-ds-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-ds-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-ds-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-ds-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-ds-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-ds-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-ds-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-ds-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-ds-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-ds-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-ds-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-ds-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-ds-xl-first { -ms-flex-order: -1; order: -1; } .order-ds-xl-last { -ms-flex-order: 13; order: 13; } .order-ds-xl-0 { -ms-flex-order: 0; order: 0; } .order-ds-xl-1 { -ms-flex-order: 1; order: 1; } .order-ds-xl-2 { -ms-flex-order: 2; order: 2; } .order-ds-xl-3 { -ms-flex-order: 3; order: 3; } .order-ds-xl-4 { -ms-flex-order: 4; order: 4; } .order-ds-xl-5 { -ms-flex-order: 5; order: 5; } .order-ds-xl-6 { -ms-flex-order: 6; order: 6; } .order-ds-xl-7 { -ms-flex-order: 7; order: 7; } .order-ds-xl-8 { -ms-flex-order: 8; order: 8; } .order-ds-xl-9 { -ms-flex-order: 9; order: 9; } .order-ds-xl-10 { -ms-flex-order: 10; order: 10; } .order-ds-xl-11 { -ms-flex-order: 11; order: 11; } .order-ds-xl-12 { -ms-flex-order: 12; order: 12; } .offset-ds-xl-0 { margin-left: 0; } .offset-ds-xl-1 { margin-left: 8.333333%; } .offset-ds-xl-2 { margin-left: 16.666667%; } .offset-ds-xl-3 { margin-left: 25%; } .offset-ds-xl-4 { margin-left: 33.333333%; } .offset-ds-xl-5 { margin-left: 41.666667%; } .offset-ds-xl-6 { margin-left: 50%; } .offset-ds-xl-7 { margin-left: 58.333333%; } .offset-ds-xl-8 { margin-left: 66.666667%; } .offset-ds-xl-9 { margin-left: 75%; } .offset-ds-xl-10 { margin-left: 83.333333%; } .offset-ds-xl-11 { margin-left: 91.666667%; } } .d-ds-none { display: none !important; } .d-ds-inline { display: inline !important; } .d-ds-inline-block { display: inline-block !important; } .d-ds-block { display: block !important; } .d-ds-table { display: table !important; } .d-ds-table-row { display: table-row !important; } .d-ds-table-cell { display: table-cell !important; } .d-ds-flex { display: -ms-flexbox !important; display: flex !important; } .d-ds-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-ds-sm-none { display: none !important; } .d-ds-sm-inline { display: inline !important; } .d-ds-sm-inline-block { display: inline-block !important; } .d-ds-sm-block { display: block !important; } .d-ds-sm-table { display: table !important; } .d-ds-sm-table-row { display: table-row !important; } .d-ds-sm-table-cell { display: table-cell !important; } .d-ds-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-ds-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-ds-md-none { display: none !important; } .d-ds-md-inline { display: inline !important; } .d-ds-md-inline-block { display: inline-block !important; } .d-ds-md-block { display: block !important; } .d-ds-md-table { display: table !important; } .d-ds-md-table-row { display: table-row !important; } .d-ds-md-table-cell { display: table-cell !important; } .d-ds-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-ds-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-ds-lg-none { display: none !important; } .d-ds-lg-inline { display: inline !important; } .d-ds-lg-inline-block { display: inline-block !important; } .d-ds-lg-block { display: block !important; } .d-ds-lg-table { display: table !important; } .d-ds-lg-table-row { display: table-row !important; } .d-ds-lg-table-cell { display: table-cell !important; } .d-ds-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-ds-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-ds-xl-none { display: none !important; } .d-ds-xl-inline { display: inline !important; } .d-ds-xl-inline-block { display: inline-block !important; } .d-ds-xl-block { display: block !important; } .d-ds-xl-table { display: table !important; } .d-ds-xl-table-row { display: table-row !important; } .d-ds-xl-table-cell { display: table-cell !important; } .d-ds-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-ds-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-ds-print-none { display: none !important; } .d-ds-print-inline { display: inline !important; } .d-ds-print-inline-block { display: inline-block !important; } .d-ds-print-block { display: block !important; } .d-ds-print-table { display: table !important; } .d-ds-print-table-row { display: table-row !important; } .d-ds-print-table-cell { display: table-cell !important; } .d-ds-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-ds-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-ds-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-ds-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-ds-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-ds-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-ds-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-ds-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-ds-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-ds-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-ds-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-ds-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-ds-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-ds-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-ds-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-ds-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-ds-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-ds-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-ds-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-ds-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-ds-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-ds-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-ds-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-ds-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-ds-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-ds-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-ds-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-ds-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-ds-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-ds-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-ds-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-ds-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-ds-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-ds-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-ds-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-ds-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-ds-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-ds-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-ds-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-ds-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-ds-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-ds-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-ds-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-ds-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-ds-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-ds-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-ds-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-ds-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-ds-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-ds-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-ds-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-ds-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-ds-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-ds-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-ds-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-ds-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-ds-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-ds-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-ds-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-ds-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-ds-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-ds-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-ds-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-ds-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-ds-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-ds-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-ds-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-ds-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-ds-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-ds-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-ds-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-ds-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-ds-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-ds-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-ds-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-ds-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-ds-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-ds-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-ds-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-ds-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-ds-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-ds-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-ds-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-ds-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-ds-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-ds-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-ds-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-ds-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-ds-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-ds-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-ds-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-ds-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-ds-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-ds-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-ds-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-ds-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-ds-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-ds-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-ds-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-ds-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-ds-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-ds-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-ds-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-ds-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-ds-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-ds-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-ds-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-ds-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-ds-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-ds-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-ds-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-ds-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-ds-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-ds-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-ds-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-ds-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-ds-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-ds-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-ds-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-ds-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-ds-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-ds-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-ds-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-ds-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-ds-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-ds-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-ds-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-ds-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-ds-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-ds-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-ds-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-ds-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-ds-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-ds-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-ds-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-ds-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-ds-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-ds-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-ds-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-ds-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-ds-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-ds-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-ds-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-ds-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-ds-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-ds-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-ds-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-ds-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-ds-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-ds-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-ds-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-ds-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-ds-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-ds-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-ds-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-ds-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-ds-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-ds-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-ds-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-ds-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-ds-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-ds-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-ds-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-ds-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-ds-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-ds-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-ds-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-ds-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-ds-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-ds-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-ds-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-ds-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .w-ds-25 { width: 25% !important; } .w-ds-50 { width: 50% !important; } .w-ds-75 { width: 75% !important; } .w-ds-100 { width: 100% !important; } .w-ds-auto { width: auto !important; } .h-ds-25 { height: 25% !important; } .h-ds-50 { height: 50% !important; } .h-ds-75 { height: 75% !important; } .h-ds-100 { height: 100% !important; } .h-ds-auto { height: auto !important; } .mw-ds-100 { max-width: 100% !important; } .mh-ds-100 { max-height: 100% !important; } .m-ds-0 { margin: 0 !important; } .mt-ds-0, .my-ds-0 { margin-top: 0 !important; } .mr-ds-0, .mx-ds-0 { margin-right: 0 !important; } .mb-ds-0, .my-ds-0 { margin-bottom: 0 !important; } .ml-ds-0, .mx-ds-0 { margin-left: 0 !important; } .m-ds-1 { margin: 0.25rem !important; } .mt-ds-1, .my-ds-1 { margin-top: 0.25rem !important; } .mr-ds-1, .mx-ds-1 { margin-right: 0.25rem !important; } .mb-ds-1, .my-ds-1 { margin-bottom: 0.25rem !important; } .ml-ds-1, .mx-ds-1 { margin-left: 0.25rem !important; } .m-ds-2 { margin: 0.5rem !important; } .mt-ds-2, .my-ds-2 { margin-top: 0.5rem !important; } .mr-ds-2, .mx-ds-2 { margin-right: 0.5rem !important; } .mb-ds-2, .my-ds-2 { margin-bottom: 0.5rem !important; } .ml-ds-2, .mx-ds-2 { margin-left: 0.5rem !important; } .m-ds-3 { margin: 1rem !important; } .mt-ds-3, .my-ds-3 { margin-top: 1rem !important; } .mr-ds-3, .mx-ds-3 { margin-right: 1rem !important; } .mb-ds-3, .my-ds-3 { margin-bottom: 1rem !important; } .ml-ds-3, .mx-ds-3 { margin-left: 1rem !important; } .m-ds-4 { margin: 1.5rem !important; } .mt-ds-4, .my-ds-4 { margin-top: 1.5rem !important; } .mr-ds-4, .mx-ds-4 { margin-right: 1.5rem !important; } .mb-ds-4, .my-ds-4 { margin-bottom: 1.5rem !important; } .ml-ds-4, .mx-ds-4 { margin-left: 1.5rem !important; } .m-ds-5 { margin: 3rem !important; } .mt-ds-5, .my-ds-5 { margin-top: 3rem !important; } .mr-ds-5, .mx-ds-5 { margin-right: 3rem !important; } .mb-ds-5, .my-ds-5 { margin-bottom: 3rem !important; } .ml-ds-5, .mx-ds-5 { margin-left: 3rem !important; } .p-ds-0 { padding: 0 !important; } .pt-ds-0, .py-ds-0 { padding-top: 0 !important; } .pr-ds-0, .px-ds-0 { padding-right: 0 !important; } .pb-ds-0, .py-ds-0 { padding-bottom: 0 !important; } .pl-ds-0, .px-ds-0 { padding-left: 0 !important; } .p-ds-1 { padding: 0.25rem !important; } .pt-ds-1, .py-ds-1 { padding-top: 0.25rem !important; } .pr-ds-1, .px-ds-1 { padding-right: 0.25rem !important; } .pb-ds-1, .py-ds-1 { padding-bottom: 0.25rem !important; } .pl-ds-1, .px-ds-1 { padding-left: 0.25rem !important; } .p-ds-2 { padding: 0.5rem !important; } .pt-ds-2, .py-ds-2 { padding-top: 0.5rem !important; } .pr-ds-2, .px-ds-2 { padding-right: 0.5rem !important; } .pb-ds-2, .py-ds-2 { padding-bottom: 0.5rem !important; } .pl-ds-2, .px-ds-2 { padding-left: 0.5rem !important; } .p-ds-3 { padding: 1rem !important; } .pt-ds-3, .py-ds-3 { padding-top: 1rem !important; } .pr-ds-3, .px-ds-3 { padding-right: 1rem !important; } .pb-ds-3, .py-ds-3 { padding-bottom: 1rem !important; } .pl-ds-3, .px-ds-3 { padding-left: 1rem !important; } .p-ds-4 { padding: 1.5rem !important; } .pt-ds-4, .py-ds-4 { padding-top: 1.5rem !important; } .pr-ds-4, .px-ds-4 { padding-right: 1.5rem !important; } .pb-ds-4, .py-ds-4 { padding-bottom: 1.5rem !important; } .pl-ds-4, .px-ds-4 { padding-left: 1.5rem !important; } .p-ds-5 { padding: 3rem !important; } .pt-ds-5, .py-ds-5 { padding-top: 3rem !important; } .pr-ds-5, .px-ds-5 { padding-right: 3rem !important; } .pb-ds-5, .py-ds-5 { padding-bottom: 3rem !important; } .pl-ds-5, .px-ds-5 { padding-left: 3rem !important; } .m-ds-auto { margin: auto !important; } .mt-ds-auto, .my-ds-auto { margin-top: auto !important; } .mr-ds-auto, .mx-ds-auto { margin-right: auto !important; } .mb-ds-auto, .my-ds-auto { margin-bottom: auto !important; } .ml-ds-auto, .mx-ds-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-ds-sm-0 { margin: 0 !important; } .mt-ds-sm-0, .my-ds-sm-0 { margin-top: 0 !important; } .mr-ds-sm-0, .mx-ds-sm-0 { margin-right: 0 !important; } .mb-ds-sm-0, .my-ds-sm-0 { margin-bottom: 0 !important; } .ml-ds-sm-0, .mx-ds-sm-0 { margin-left: 0 !important; } .m-ds-sm-1 { margin: 0.25rem !important; } .mt-ds-sm-1, .my-ds-sm-1 { margin-top: 0.25rem !important; } .mr-ds-sm-1, .mx-ds-sm-1 { margin-right: 0.25rem !important; } .mb-ds-sm-1, .my-ds-sm-1 { margin-bottom: 0.25rem !important; } .ml-ds-sm-1, .mx-ds-sm-1 { margin-left: 0.25rem !important; } .m-ds-sm-2 { margin: 0.5rem !important; } .mt-ds-sm-2, .my-ds-sm-2 { margin-top: 0.5rem !important; } .mr-ds-sm-2, .mx-ds-sm-2 { margin-right: 0.5rem !important; } .mb-ds-sm-2, .my-ds-sm-2 { margin-bottom: 0.5rem !important; } .ml-ds-sm-2, .mx-ds-sm-2 { margin-left: 0.5rem !important; } .m-ds-sm-3 { margin: 1rem !important; } .mt-ds-sm-3, .my-ds-sm-3 { margin-top: 1rem !important; } .mr-ds-sm-3, .mx-ds-sm-3 { margin-right: 1rem !important; } .mb-ds-sm-3, .my-ds-sm-3 { margin-bottom: 1rem !important; } .ml-ds-sm-3, .mx-ds-sm-3 { margin-left: 1rem !important; } .m-ds-sm-4 { margin: 1.5rem !important; } .mt-ds-sm-4, .my-ds-sm-4 { margin-top: 1.5rem !important; } .mr-ds-sm-4, .mx-ds-sm-4 { margin-right: 1.5rem !important; } .mb-ds-sm-4, .my-ds-sm-4 { margin-bottom: 1.5rem !important; } .ml-ds-sm-4, .mx-ds-sm-4 { margin-left: 1.5rem !important; } .m-ds-sm-5 { margin: 3rem !important; } .mt-ds-sm-5, .my-ds-sm-5 { margin-top: 3rem !important; } .mr-ds-sm-5, .mx-ds-sm-5 { margin-right: 3rem !important; } .mb-ds-sm-5, .my-ds-sm-5 { margin-bottom: 3rem !important; } .ml-ds-sm-5, .mx-ds-sm-5 { margin-left: 3rem !important; } .p-ds-sm-0 { padding: 0 !important; } .pt-ds-sm-0, .py-ds-sm-0 { padding-top: 0 !important; } .pr-ds-sm-0, .px-ds-sm-0 { padding-right: 0 !important; } .pb-ds-sm-0, .py-ds-sm-0 { padding-bottom: 0 !important; } .pl-ds-sm-0, .px-ds-sm-0 { padding-left: 0 !important; } .p-ds-sm-1 { padding: 0.25rem !important; } .pt-ds-sm-1, .py-ds-sm-1 { padding-top: 0.25rem !important; } .pr-ds-sm-1, .px-ds-sm-1 { padding-right: 0.25rem !important; } .pb-ds-sm-1, .py-ds-sm-1 { padding-bottom: 0.25rem !important; } .pl-ds-sm-1, .px-ds-sm-1 { padding-left: 0.25rem !important; } .p-ds-sm-2 { padding: 0.5rem !important; } .pt-ds-sm-2, .py-ds-sm-2 { padding-top: 0.5rem !important; } .pr-ds-sm-2, .px-ds-sm-2 { padding-right: 0.5rem !important; } .pb-ds-sm-2, .py-ds-sm-2 { padding-bottom: 0.5rem !important; } .pl-ds-sm-2, .px-ds-sm-2 { padding-left: 0.5rem !important; } .p-ds-sm-3 { padding: 1rem !important; } .pt-ds-sm-3, .py-ds-sm-3 { padding-top: 1rem !important; } .pr-ds-sm-3, .px-ds-sm-3 { padding-right: 1rem !important; } .pb-ds-sm-3, .py-ds-sm-3 { padding-bottom: 1rem !important; } .pl-ds-sm-3, .px-ds-sm-3 { padding-left: 1rem !important; } .p-ds-sm-4 { padding: 1.5rem !important; } .pt-ds-sm-4, .py-ds-sm-4 { padding-top: 1.5rem !important; } .pr-ds-sm-4, .px-ds-sm-4 { padding-right: 1.5rem !important; } .pb-ds-sm-4, .py-ds-sm-4 { padding-bottom: 1.5rem !important; } .pl-ds-sm-4, .px-ds-sm-4 { padding-left: 1.5rem !important; } .p-ds-sm-5 { padding: 3rem !important; } .pt-ds-sm-5, .py-ds-sm-5 { padding-top: 3rem !important; } .pr-ds-sm-5, .px-ds-sm-5 { padding-right: 3rem !important; } .pb-ds-sm-5, .py-ds-sm-5 { padding-bottom: 3rem !important; } .pl-ds-sm-5, .px-ds-sm-5 { padding-left: 3rem !important; } .m-ds-sm-auto { margin: auto !important; } .mt-ds-sm-auto, .my-ds-sm-auto { margin-top: auto !important; } .mr-ds-sm-auto, .mx-ds-sm-auto { margin-right: auto !important; } .mb-ds-sm-auto, .my-ds-sm-auto { margin-bottom: auto !important; } .ml-ds-sm-auto, .mx-ds-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-ds-md-0 { margin: 0 !important; } .mt-ds-md-0, .my-ds-md-0 { margin-top: 0 !important; } .mr-ds-md-0, .mx-ds-md-0 { margin-right: 0 !important; } .mb-ds-md-0, .my-ds-md-0 { margin-bottom: 0 !important; } .ml-ds-md-0, .mx-ds-md-0 { margin-left: 0 !important; } .m-ds-md-1 { margin: 0.25rem !important; } .mt-ds-md-1, .my-ds-md-1 { margin-top: 0.25rem !important; } .mr-ds-md-1, .mx-ds-md-1 { margin-right: 0.25rem !important; } .mb-ds-md-1, .my-ds-md-1 { margin-bottom: 0.25rem !important; } .ml-ds-md-1, .mx-ds-md-1 { margin-left: 0.25rem !important; } .m-ds-md-2 { margin: 0.5rem !important; } .mt-ds-md-2, .my-ds-md-2 { margin-top: 0.5rem !important; } .mr-ds-md-2, .mx-ds-md-2 { margin-right: 0.5rem !important; } .mb-ds-md-2, .my-ds-md-2 { margin-bottom: 0.5rem !important; } .ml-ds-md-2, .mx-ds-md-2 { margin-left: 0.5rem !important; } .m-ds-md-3 { margin: 1rem !important; } .mt-ds-md-3, .my-ds-md-3 { margin-top: 1rem !important; } .mr-ds-md-3, .mx-ds-md-3 { margin-right: 1rem !important; } .mb-ds-md-3, .my-ds-md-3 { margin-bottom: 1rem !important; } .ml-ds-md-3, .mx-ds-md-3 { margin-left: 1rem !important; } .m-ds-md-4 { margin: 1.5rem !important; } .mt-ds-md-4, .my-ds-md-4 { margin-top: 1.5rem !important; } .mr-ds-md-4, .mx-ds-md-4 { margin-right: 1.5rem !important; } .mb-ds-md-4, .my-ds-md-4 { margin-bottom: 1.5rem !important; } .ml-ds-md-4, .mx-ds-md-4 { margin-left: 1.5rem !important; } .m-ds-md-5 { margin: 3rem !important; } .mt-ds-md-5, .my-ds-md-5 { margin-top: 3rem !important; } .mr-ds-md-5, .mx-ds-md-5 { margin-right: 3rem !important; } .mb-ds-md-5, .my-ds-md-5 { margin-bottom: 3rem !important; } .ml-ds-md-5, .mx-ds-md-5 { margin-left: 3rem !important; } .p-ds-md-0 { padding: 0 !important; } .pt-ds-md-0, .py-ds-md-0 { padding-top: 0 !important; } .pr-ds-md-0, .px-ds-md-0 { padding-right: 0 !important; } .pb-ds-md-0, .py-ds-md-0 { padding-bottom: 0 !important; } .pl-ds-md-0, .px-ds-md-0 { padding-left: 0 !important; } .p-ds-md-1 { padding: 0.25rem !important; } .pt-ds-md-1, .py-ds-md-1 { padding-top: 0.25rem !important; } .pr-ds-md-1, .px-ds-md-1 { padding-right: 0.25rem !important; } .pb-ds-md-1, .py-ds-md-1 { padding-bottom: 0.25rem !important; } .pl-ds-md-1, .px-ds-md-1 { padding-left: 0.25rem !important; } .p-ds-md-2 { padding: 0.5rem !important; } .pt-ds-md-2, .py-ds-md-2 { padding-top: 0.5rem !important; } .pr-ds-md-2, .px-ds-md-2 { padding-right: 0.5rem !important; } .pb-ds-md-2, .py-ds-md-2 { padding-bottom: 0.5rem !important; } .pl-ds-md-2, .px-ds-md-2 { padding-left: 0.5rem !important; } .p-ds-md-3 { padding: 1rem !important; } .pt-ds-md-3, .py-ds-md-3 { padding-top: 1rem !important; } .pr-ds-md-3, .px-ds-md-3 { padding-right: 1rem !important; } .pb-ds-md-3, .py-ds-md-3 { padding-bottom: 1rem !important; } .pl-ds-md-3, .px-ds-md-3 { padding-left: 1rem !important; } .p-ds-md-4 { padding: 1.5rem !important; } .pt-ds-md-4, .py-ds-md-4 { padding-top: 1.5rem !important; } .pr-ds-md-4, .px-ds-md-4 { padding-right: 1.5rem !important; } .pb-ds-md-4, .py-ds-md-4 { padding-bottom: 1.5rem !important; } .pl-ds-md-4, .px-ds-md-4 { padding-left: 1.5rem !important; } .p-ds-md-5 { padding: 3rem !important; } .pt-ds-md-5, .py-ds-md-5 { padding-top: 3rem !important; } .pr-ds-md-5, .px-ds-md-5 { padding-right: 3rem !important; } .pb-ds-md-5, .py-ds-md-5 { padding-bottom: 3rem !important; } .pl-ds-md-5, .px-ds-md-5 { padding-left: 3rem !important; } .m-ds-md-auto { margin: auto !important; } .mt-ds-md-auto, .my-ds-md-auto { margin-top: auto !important; } .mr-ds-md-auto, .mx-ds-md-auto { margin-right: auto !important; } .mb-ds-md-auto, .my-ds-md-auto { margin-bottom: auto !important; } .ml-ds-md-auto, .mx-ds-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-ds-lg-0 { margin: 0 !important; } .mt-ds-lg-0, .my-ds-lg-0 { margin-top: 0 !important; } .mr-ds-lg-0, .mx-ds-lg-0 { margin-right: 0 !important; } .mb-ds-lg-0, .my-ds-lg-0 { margin-bottom: 0 !important; } .ml-ds-lg-0, .mx-ds-lg-0 { margin-left: 0 !important; } .m-ds-lg-1 { margin: 0.25rem !important; } .mt-ds-lg-1, .my-ds-lg-1 { margin-top: 0.25rem !important; } .mr-ds-lg-1, .mx-ds-lg-1 { margin-right: 0.25rem !important; } .mb-ds-lg-1, .my-ds-lg-1 { margin-bottom: 0.25rem !important; } .ml-ds-lg-1, .mx-ds-lg-1 { margin-left: 0.25rem !important; } .m-ds-lg-2 { margin: 0.5rem !important; } .mt-ds-lg-2, .my-ds-lg-2 { margin-top: 0.5rem !important; } .mr-ds-lg-2, .mx-ds-lg-2 { margin-right: 0.5rem !important; } .mb-ds-lg-2, .my-ds-lg-2 { margin-bottom: 0.5rem !important; } .ml-ds-lg-2, .mx-ds-lg-2 { margin-left: 0.5rem !important; } .m-ds-lg-3 { margin: 1rem !important; } .mt-ds-lg-3, .my-ds-lg-3 { margin-top: 1rem !important; } .mr-ds-lg-3, .mx-ds-lg-3 { margin-right: 1rem !important; } .mb-ds-lg-3, .my-ds-lg-3 { margin-bottom: 1rem !important; } .ml-ds-lg-3, .mx-ds-lg-3 { margin-left: 1rem !important; } .m-ds-lg-4 { margin: 1.5rem !important; } .mt-ds-lg-4, .my-ds-lg-4 { margin-top: 1.5rem !important; } .mr-ds-lg-4, .mx-ds-lg-4 { margin-right: 1.5rem !important; } .mb-ds-lg-4, .my-ds-lg-4 { margin-bottom: 1.5rem !important; } .ml-ds-lg-4, .mx-ds-lg-4 { margin-left: 1.5rem !important; } .m-ds-lg-5 { margin: 3rem !important; } .mt-ds-lg-5, .my-ds-lg-5 { margin-top: 3rem !important; } .mr-ds-lg-5, .mx-ds-lg-5 { margin-right: 3rem !important; } .mb-ds-lg-5, .my-ds-lg-5 { margin-bottom: 3rem !important; } .ml-ds-lg-5, .mx-ds-lg-5 { margin-left: 3rem !important; } .p-ds-lg-0 { padding: 0 !important; } .pt-ds-lg-0, .py-ds-lg-0 { padding-top: 0 !important; } .pr-ds-lg-0, .px-ds-lg-0 { padding-right: 0 !important; } .pb-ds-lg-0, .py-ds-lg-0 { padding-bottom: 0 !important; } .pl-ds-lg-0, .px-ds-lg-0 { padding-left: 0 !important; } .p-ds-lg-1 { padding: 0.25rem !important; } .pt-ds-lg-1, .py-ds-lg-1 { padding-top: 0.25rem !important; } .pr-ds-lg-1, .px-ds-lg-1 { padding-right: 0.25rem !important; } .pb-ds-lg-1, .py-ds-lg-1 { padding-bottom: 0.25rem !important; } .pl-ds-lg-1, .px-ds-lg-1 { padding-left: 0.25rem !important; } .p-ds-lg-2 { padding: 0.5rem !important; } .pt-ds-lg-2, .py-ds-lg-2 { padding-top: 0.5rem !important; } .pr-ds-lg-2, .px-ds-lg-2 { padding-right: 0.5rem !important; } .pb-ds-lg-2, .py-ds-lg-2 { padding-bottom: 0.5rem !important; } .pl-ds-lg-2, .px-ds-lg-2 { padding-left: 0.5rem !important; } .p-ds-lg-3 { padding: 1rem !important; } .pt-ds-lg-3, .py-ds-lg-3 { padding-top: 1rem !important; } .pr-ds-lg-3, .px-ds-lg-3 { padding-right: 1rem !important; } .pb-ds-lg-3, .py-ds-lg-3 { padding-bottom: 1rem !important; } .pl-ds-lg-3, .px-ds-lg-3 { padding-left: 1rem !important; } .p-ds-lg-4 { padding: 1.5rem !important; } .pt-ds-lg-4, .py-ds-lg-4 { padding-top: 1.5rem !important; } .pr-ds-lg-4, .px-ds-lg-4 { padding-right: 1.5rem !important; } .pb-ds-lg-4, .py-ds-lg-4 { padding-bottom: 1.5rem !important; } .pl-ds-lg-4, .px-ds-lg-4 { padding-left: 1.5rem !important; } .p-ds-lg-5 { padding: 3rem !important; } .pt-ds-lg-5, .py-ds-lg-5 { padding-top: 3rem !important; } .pr-ds-lg-5, .px-ds-lg-5 { padding-right: 3rem !important; } .pb-ds-lg-5, .py-ds-lg-5 { padding-bottom: 3rem !important; } .pl-ds-lg-5, .px-ds-lg-5 { padding-left: 3rem !important; } .m-ds-lg-auto { margin: auto !important; } .mt-ds-lg-auto, .my-ds-lg-auto { margin-top: auto !important; } .mr-ds-lg-auto, .mx-ds-lg-auto { margin-right: auto !important; } .mb-ds-lg-auto, .my-ds-lg-auto { margin-bottom: auto !important; } .ml-ds-lg-auto, .mx-ds-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-ds-xl-0 { margin: 0 !important; } .mt-ds-xl-0, .my-ds-xl-0 { margin-top: 0 !important; } .mr-ds-xl-0, .mx-ds-xl-0 { margin-right: 0 !important; } .mb-ds-xl-0, .my-ds-xl-0 { margin-bottom: 0 !important; } .ml-ds-xl-0, .mx-ds-xl-0 { margin-left: 0 !important; } .m-ds-xl-1 { margin: 0.25rem !important; } .mt-ds-xl-1, .my-ds-xl-1 { margin-top: 0.25rem !important; } .mr-ds-xl-1, .mx-ds-xl-1 { margin-right: 0.25rem !important; } .mb-ds-xl-1, .my-ds-xl-1 { margin-bottom: 0.25rem !important; } .ml-ds-xl-1, .mx-ds-xl-1 { margin-left: 0.25rem !important; } .m-ds-xl-2 { margin: 0.5rem !important; } .mt-ds-xl-2, .my-ds-xl-2 { margin-top: 0.5rem !important; } .mr-ds-xl-2, .mx-ds-xl-2 { margin-right: 0.5rem !important; } .mb-ds-xl-2, .my-ds-xl-2 { margin-bottom: 0.5rem !important; } .ml-ds-xl-2, .mx-ds-xl-2 { margin-left: 0.5rem !important; } .m-ds-xl-3 { margin: 1rem !important; } .mt-ds-xl-3, .my-ds-xl-3 { margin-top: 1rem !important; } .mr-ds-xl-3, .mx-ds-xl-3 { margin-right: 1rem !important; } .mb-ds-xl-3, .my-ds-xl-3 { margin-bottom: 1rem !important; } .ml-ds-xl-3, .mx-ds-xl-3 { margin-left: 1rem !important; } .m-ds-xl-4 { margin: 1.5rem !important; } .mt-ds-xl-4, .my-ds-xl-4 { margin-top: 1.5rem !important; } .mr-ds-xl-4, .mx-ds-xl-4 { margin-right: 1.5rem !important; } .mb-ds-xl-4, .my-ds-xl-4 { margin-bottom: 1.5rem !important; } .ml-ds-xl-4, .mx-ds-xl-4 { margin-left: 1.5rem !important; } .m-ds-xl-5 { margin: 3rem !important; } .mt-ds-xl-5, .my-ds-xl-5 { margin-top: 3rem !important; } .mr-ds-xl-5, .mx-ds-xl-5 { margin-right: 3rem !important; } .mb-ds-xl-5, .my-ds-xl-5 { margin-bottom: 3rem !important; } .ml-ds-xl-5, .mx-ds-xl-5 { margin-left: 3rem !important; } .p-ds-xl-0 { padding: 0 !important; } .pt-ds-xl-0, .py-ds-xl-0 { padding-top: 0 !important; } .pr-ds-xl-0, .px-ds-xl-0 { padding-right: 0 !important; } .pb-ds-xl-0, .py-ds-xl-0 { padding-bottom: 0 !important; } .pl-ds-xl-0, .px-ds-xl-0 { padding-left: 0 !important; } .p-ds-xl-1 { padding: 0.25rem !important; } .pt-ds-xl-1, .py-ds-xl-1 { padding-top: 0.25rem !important; } .pr-ds-xl-1, .px-ds-xl-1 { padding-right: 0.25rem !important; } .pb-ds-xl-1, .py-ds-xl-1 { padding-bottom: 0.25rem !important; } .pl-ds-xl-1, .px-ds-xl-1 { padding-left: 0.25rem !important; } .p-ds-xl-2 { padding: 0.5rem !important; } .pt-ds-xl-2, .py-ds-xl-2 { padding-top: 0.5rem !important; } .pr-ds-xl-2, .px-ds-xl-2 { padding-right: 0.5rem !important; } .pb-ds-xl-2, .py-ds-xl-2 { padding-bottom: 0.5rem !important; } .pl-ds-xl-2, .px-ds-xl-2 { padding-left: 0.5rem !important; } .p-ds-xl-3 { padding: 1rem !important; } .pt-ds-xl-3, .py-ds-xl-3 { padding-top: 1rem !important; } .pr-ds-xl-3, .px-ds-xl-3 { padding-right: 1rem !important; } .pb-ds-xl-3, .py-ds-xl-3 { padding-bottom: 1rem !important; } .pl-ds-xl-3, .px-ds-xl-3 { padding-left: 1rem !important; } .p-ds-xl-4 { padding: 1.5rem !important; } .pt-ds-xl-4, .py-ds-xl-4 { padding-top: 1.5rem !important; } .pr-ds-xl-4, .px-ds-xl-4 { padding-right: 1.5rem !important; } .pb-ds-xl-4, .py-ds-xl-4 { padding-bottom: 1.5rem !important; } .pl-ds-xl-4, .px-ds-xl-4 { padding-left: 1.5rem !important; } .p-ds-xl-5 { padding: 3rem !important; } .pt-ds-xl-5, .py-ds-xl-5 { padding-top: 3rem !important; } .pr-ds-xl-5, .px-ds-xl-5 { padding-right: 3rem !important; } .pb-ds-xl-5, .py-ds-xl-5 { padding-bottom: 3rem !important; } .pl-ds-xl-5, .px-ds-xl-5 { padding-left: 3rem !important; } .m-ds-xl-auto { margin: auto !important; } .mt-ds-xl-auto, .my-ds-xl-auto { margin-top: auto !important; } .mr-ds-xl-auto, .mx-ds-xl-auto { margin-right: auto !important; } .mb-ds-xl-auto, .my-ds-xl-auto { margin-bottom: auto !important; } .ml-ds-xl-auto, .mx-ds-xl-auto { margin-left: auto !important; } } .text-ds-justify { text-align: justify !important; } .text-ds-nowrap { white-space: nowrap !important; } .text-ds-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-ds-left { text-align: left !important; } .text-ds-right { text-align: right !important; } .text-ds-center { text-align: center !important; } @media (min-width: 576px) { .text-ds-sm-left { text-align: left !important; } .text-ds-sm-right { text-align: right !important; } .text-ds-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-ds-md-left { text-align: left !important; } .text-ds-md-right { text-align: right !important; } .text-ds-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-ds-lg-left { text-align: left !important; } .text-ds-lg-right { text-align: right !important; } .text-ds-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-ds-xl-left { text-align: left !important; } .text-ds-xl-right { text-align: right !important; } .text-ds-xl-center { text-align: center !important; } } .text-ds-lowercase { text-transform: lowercase !important; } .text-ds-uppercase { text-transform: uppercase !important; } .text-ds-capitalize { text-transform: capitalize !important; } .font-ds-weight-light { font-weight: 300 !important; } .font-ds-weight-normal { font-weight: 400 !important; } .font-ds-weight-bold { font-weight: 700 !important; } .font-ds-italic { font-style: italic !important; } .text-ds-white { color: #fff !important; } .ds-text-left { text-align: left !important; } .ds-text-right { text-align: right !important; } .ds-text-center { text-align: center !important; } @media (min-width: 576px) { .ds-text-sm-left { text-align: left !important; } .ds-text-sm-right { text-align: right !important; } .ds-text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .ds-text-md-left { text-align: left !important; } .ds-text-md-right { text-align: right !important; } .ds-text-md-center { text-align: center !important; } } @media (min-width: 992px) { .ds-text-lg-left { text-align: left !important; } .ds-text-lg-right { text-align: right !important; } .ds-text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .ds-text-xl-left { text-align: left !important; } .ds-text-xl-right { text-align: right !important; } .ds-text-xl-center { text-align: center !important; } } .ds-text-lowercase { text-transform: lowercase !important; } .ds-text-uppercase { text-transform: uppercase !important; } .ds-text-capitalize { text-transform: capitalize !important; } /* End */ /* Start:/local/templates/gmt/template_styles.css?17246726861910*/ .footer-before__left > *{ background-color: #fff; border-radius: 10px; } .footer-before .w3c.sub_h2, .footer-before .for_subImg { display: none; } .footer-before .subscrition { border-radius: 10px; padding: 20px; display: flex; align-items: center; justify-content: center; } .footer-before .subscrition > .sub { max-width: 300px; } .sotbit-seometa-tags-section { display: flex; gap: 10px; align-items: center; margin: 15px 0; margin-top: 20px; } .sotbit-seometa-tags-wrapper { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; width: calc(100% - 102px); } @media screen and (max-width: 991.98px) { .footer-before__wrap { padding: 8px; } .footer-before__wrap > * { padding: 8px; } } @media screen and (min-width: 992px) { .footer-before__wrap { display: flex; padding: 24px; } .footer-before__wrap > * { padding: 16px; flex-grow: 1; } .footer-before__left { width: 60%; } .footer-before__right > *, .footer-before .subscrition, .footer-before .sect__subscribe { height: 100%; } } .catalog_category-block_items { width: 75%; } .catalog_category-block { width: 100%; } .catalog_category-block_items .brandPage_right { width: 100%; } .catalog_category-block_items .brandPage { padding: 50px 0 0 0; } .show_flex{ display: flex; } @media screen and (max-width:1200px){ .categories_brandPage .brandPage-left{ display: none; } .categories_brandPage .brandPage_right{ width: 100%; } } .sotbit-seometa-tag-link { display: block; font-size: 14px; font-weight: 400; line-height: 16.94px; text-align: center; color: rgb(111, 111, 111); border: 1px solid rgba(111, 111, 111, 1); padding: 7px 15px 7px 15px; border-radius: 69px; } @media screen and (max-width:767px){ .sotbit-seometa-tag-link { font-size: 12px; line-height: 14.52px; } .sotbit-seometa-tags-section { align-items: flex-start; } } /* End */ /* /local/templates/gmt/styles/swiper-bundle.min.css?171463111018413 */ /* /local/templates/gmt/style.css?1761661484202921 */ /* /local/templates/gmt/custom.css?1783694970147381 */ /* /local/templates/gmt/bootstrap-grid-ds.css?170602544763229 */ /* /local/templates/gmt/template_styles.css?17246726861910 */