@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}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,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,.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{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.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-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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,swiper-container: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: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,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-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,:host(.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,swiper-container .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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-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}@font-face {
font-family: 'Roboto';
src: url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Light.woff2) format('woff2'),
url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
unicode-range: U+0100-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01F0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+02BC, U+02C6-02C7, U+02C9, U+02D8-02DD, U+02F3, U+0300-0301, U+0303, U+0309, U+030F, U+0323, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D1-03D2, U+03D6, U+0460-0486, U+0488-0513, U+1E00-1E01, U+1E3E-1E3F, U+1E80-1E85, U+1EA0-1EF9, U+1F4D, U+2070, U+2074-208E, U+2105, U+2113, U+2122, U+2126, U+212E, U+215B-215E, U+2202, U+2206, U+220F, U+2211-2212, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+EE01-EE02, U+F6C3, U+FB01-FB04, U+FEFF, U+FFFC-FFFD;
}
@font-face {
font-family: 'Roboto';
src: url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Bold.woff2) format('woff2'),
url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
unicode-range: U+0100-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01F0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+02BC, U+02C6-02C7, U+02C9, U+02D8-02DD, U+02F3, U+0300-0301, U+0303, U+0309, U+030F, U+0323, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D1-03D2, U+03D6, U+0460-0486, U+0488-0513, U+1E00-1E01, U+1E3E-1E3F, U+1E80-1E85, U+1EA0-1EF9, U+1F4D, U+2070, U+2074-208E, U+2105, U+2113, U+2122, U+2126, U+212E, U+215B-215E, U+2202, U+2206, U+220F, U+2211-2212, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+EE01-EE02, U+F6C3, U+FB01-FB04, U+FEFF, U+FFFC-FFFD;
}
@font-face {
font-family: 'Roboto';
src: url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Medium.woff2) format('woff2'),
url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0100-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01F0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+02BC, U+02C6-02C7, U+02C9, U+02D8-02DD, U+02F3, U+0300-0301, U+0303, U+0309, U+030F, U+0323, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D1-03D2, U+03D6, U+0460-0486, U+0488-0513, U+1E00-1E01, U+1E3E-1E3F, U+1E80-1E85, U+1EA0-1EF9, U+1F4D, U+2070, U+2074-208E, U+2105, U+2113, U+2122, U+2126, U+212E, U+215B-215E, U+2202, U+2206, U+220F, U+2211-2212, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+EE01-EE02, U+F6C3, U+FB01-FB04, U+FEFF, U+FFFC-FFFD;
}
@font-face {
font-family: 'Roboto';
src: url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Regular.woff2) format('woff2'),
url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
unicode-range: U+0100-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01F0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+02BC, U+02C6-02C7, U+02C9, U+02D8-02DD, U+02F3, U+0300-0301, U+0303, U+0309, U+030F, U+0323, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D1-03D2, U+03D6, U+0460-0486, U+0488-0513, U+1E00-1E01, U+1E3E-1E3F, U+1E80-1E85, U+1EA0-1EF9, U+1F4D, U+2070, U+2074-208E, U+2105, U+2113, U+2122, U+2126, U+212E, U+215B-215E, U+2202, U+2206, U+220F, U+2211-2212, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+EE01-EE02, U+F6C3, U+FB01-FB04, U+FEFF, U+FFFC-FFFD;
}
@font-face {
font-family: 'Roboto';
src: url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Black.woff2) format('woff2'),
url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
unicode-range: U+0100-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01F0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+02BC, U+02C6-02C7, U+02C9, U+02D8-02DD, U+02F3, U+0300-0301, U+0303, U+0309, U+030F, U+0323, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D1-03D2, U+03D6, U+0460-0486, U+0488-0513, U+1E00-1E01, U+1E3E-1E3F, U+1E80-1E85, U+1EA0-1EF9, U+1F4D, U+2070, U+2074-208E, U+2105, U+2113, U+2122, U+2126, U+212E, U+215B-215E, U+2202, U+2206, U+220F, U+2211-2212, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+EE01-EE02, U+F6C3, U+FB01-FB04, U+FEFF, U+FFFC-FFFD;
}
@font-face {
font-family: 'Roboto';
src: url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Light-latin-cyrillic-v2.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0400-045F, U+2000-206F, U+20A0-20CF, U+2116, U+2190-2193;
}
@font-face {
font-family: 'Roboto';
src: url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Bold-latin-cyrillic-v2.woff2) format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0400-045F, U+2000-206F, U+20A0-20CF, U+2116, U+2190-2193;
}
@font-face {
font-family: 'Roboto';
src: url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Medium-latin-cyrillic-v2.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0400-045F, U+2000-206F, U+20A0-20CF, U+2116, U+2190-2193;
}
@font-face {
font-family: 'Roboto';
src: url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Regular-latin-cyrillic-v2.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0400-045F, U+2000-206F, U+20A0-20CF, U+2116, U+2190-2193;
}
@font-face {
font-family: 'Roboto';
src: url(//cdekvip.ru/wp-content/themes/thememaxi/fonts/Roboto-Black-latin-cyrillic-v2.woff2) format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0400-045F, U+2000-206F, U+20A0-20CF, U+2116, U+2190-2193;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%; }
body {
margin: 0;
}
main {
display: block; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
pre {
font-family: monospace, monospace;
font-size: 1em; }
a {
background-color: transparent; }
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted; }
b,
strong {
font-weight: bolder; }
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
img {
border-style: none; }
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0; }
button,
input {
overflow: visible; }
button,
select {
text-transform: none; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
fieldset {
padding: 0.35em 0.75em 0.625em; }
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal; }
progress {
vertical-align: baseline; }
textarea {
overflow: auto; }
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }
details {
display: block; }
summary {
display: list-item; }
template {
display: none; }
[hidden] {
display: none; }
body {
font-family: "Roboto", sans-serif;
background: #fff;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #1d1d1b; }
a {
text-decoration: none;
box-sizing: border-box;
transition: 0.5s !important; }
a:hover {
color: #00853B; }
.green {
color: #00853B; }
.container {
padding: 0 15px;
max-width: 1628px;
margin: 0 auto; }
@media (max-width: 1199px) {
.container {
max-width: 960px; } }
@media (max-width: 991px) {
.container {
max-width: 720px; } }
@media (max-width: 767px) {
.container {
max-width: 540px; } }
.d-flex, .q {
display: flex; }
.body-wrap {
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh; }
footer {
margin-top: auto; }
h1 {
color: white;
font-size: 70px;
font-weight: 900;
line-height: 82px;
margin: 0; }
h1 span {
display: inline-block;
box-sizing: border-box;
border: 2px solid white;
border-radius: 100px;
padding: 0px 23px 4px;
margin-left: -21px;
margin-right: -10px;
line-height: 103%; }
h2 {
margin: 0;
color: #1d1d1b;
font-size: 36px;
font-weight: 500;
line-height: 45px; }
.sub {
width: max-content;
display: flex;
align-items: center;
justify-content: center;
height: 35px;
box-sizing: border-box;
border: 1px solid #dfdfdf;
border-radius: 10px;
background: white;
padding: 0 18px;
color: #1d1d1b;
font-size: 12px;
font-weight: 400;
line-height: 14px;
text-align: center;
margin-bottom: 24px; }
.sub.none {
border: none; }
ul {
margin: 0;
padding: 0;
list-style-type: none; }
p {
margin: 0; }
.svg, rect, line, circle {
transition: 0.5s ease; }
a {
transition: color 0.5s ease;
box-sizing: border-box; }
li a {
transition: color 0.5s ease; }
button {
cursor: pointer;
box-sizing: border-box; }
textarea {
transition: border 0.5s;
box-sizing: border-box; }
textarea:focus {
transition: border 0.5s;
outline: none;
border: 1px solid #00853B; }
input {
transition: 0.5s;
box-sizing: border-box;
border: 1px solid #fff; }
input:disabled {
pointer-events: none;
opacity: 0.5; }
input:focus {
border: 1px solid #00853B;
transition: 0.5s; }
input:focus-visible {
outline: initial; }
path {
transition: fill 0.5s, stroke 0.5s; }
div {
box-sizing: border-box; }
.icon {
transition: fill 0.5s, stroke 0.5s; }
html * {
scrollbar-width: thin;
scrollbar-color: blue #00853B; }
.van__scroll, .calc-right {
scrollbar-width: thin;
scrollbar-color: transparent transparent; }
.pack__scroll {
scrollbar-width: thin;
scrollbar-color: #00853B transparent;
border-radius: 10px; }
*::-webkit-scrollbar,
html *::-webkit-scrollbar {
height: 7px;
width: 7px; }
*::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track {
background: #E7E7E7;
border-radius: 3px; }
*::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb {
background-color: #00853B;
border-radius: 6px; }
.pack__scroll::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
width: 1px; }
.btn {
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
box-sizing: border-box;
border: 1px solid #00853B;
background: #00853B;
width: 188px;
height: 46px;
border-radius: 10px;
color: white;
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-align: center; }
.btn .svg {
margin-left: 120px; width: auto; height: auto; position: relative; z-index: 1;}
.btn .svg path {
fill: white; }
.btn:hover {
color: #00853B;
background: white; }
.btn:hover .svg path {
fill: #00853B; }
.btn_2 {
border: 1px solid white;
background: white;
color: #1d1d1b; }
.btn_2 .svg {
margin-left: 76px; }
.btn_2 .svg path {
fill: #1d1d1b; }
.btn_2:hover {
background: #1d1d1b;
color: white;
border: 1px solid #1d1d1b; }
.btn_2:hover .svg path {
fill: white; }
.btn.mar .svg {
margin-left: 76px; }
input::-webkit-input-placeholder {
color: #c5c5c5 !important; }
input::-moz-placeholder {
color: #c5c5c5 !important; }
input:-ms-input-placeholder {
color: #c5c5c5 !important; }
input:-moz-placeholder {
color: #c5c5c5 !important; }
.menu-btn, .menu {
display: none; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
display: none; }
.custom-checkbox {
position: absolute;
z-index: -1;
opacity: 0; }
.custom-checkbox + label {
display: flex;
align-items: center;
user-select: none;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #494949;
cursor: pointer; }
.custom-checkbox + label:hover:before {
border: 1px solid #00853B; }
.custom-checkbox + label::before {
content: '';
display: inline-block;
flex-shrink: 0;
display: flex;
flex-grow: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: 8px;
background: #FFFFFF;
flex: 1 0 auto;
transition: 0.2s;
width: 20px;
height: 20px;
border-radius: 5px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
max-width: 20px;
margin-right: 11px; }
.custom-checkbox:checked + label::before {
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/check2.png) no-repeat center center;
background-size: 8px; }
.swiper-pagination {
display: flex;
justify-content: center;
bottom: 19px;
position: absolute;
z-index: 2; }
.swiper-pagination-bullet {
width: 52px;
height: 2px;
background-color: #ffffff;
opacity: 0.2; }
.swiper-pagination-bullet-active {
background-color: #00853B !important;
opacity: 1; }
.tabs__pane {
display: none; }
.tabs__pane_show {
display: block; }
.tabs__btn_active {
color: #20252d !important;
position: relative; }
.swiper-button-next, .swiper-button-prev {
z-index: 9; }
.swiper-button-disabled {
opacity: 0;
pointer-events: none; }
.bread {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 95px;
flex-wrap: wrap;
position: relative;
z-index: 2; }
.bread a {
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
font-weight: 400;
line-height: 14px; }
.bread a:after {
content: "/";
display: inline-block;
color: white !important;
font-size: 12px;
font-weight: 400;
line-height: 18px;
margin: 0 20px; }
.bread a:last-child {
color: white; }
.bread a:last-child:after {
display: none; }
.bread a:hover {
color: #00853B; }
.mob {
display: none; } .selectCF {
margin: 0;
padding: 0;
display: inline-block;
position: relative;
color: black;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
width: max-content;
height: auto;
background: transparent; }
.selectCF li {
list-style: none;
cursor: pointer;
perspective: 900px;
-webkit-perspective: 900px;
text-align: left;
width: 100%;
height: 100%;
max-height: 100%;
box-sizing: border-box; }
.selectCF > li {
position: relative;
border: none; }
.selectCF span {
display: flex;
height: auto;
line-height: 100%;
color: #888888;
z-index: 1;
align-items: center; }
.selectCF .arrowCF {
transition: .3s;
-webkit-transition: .3s;
width: 7px;
height: 5px;
text-align: center;
vertical-align: top;
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/down-arrow.png) no-repeat !important;
position: absolute;
right: -16px;
top: 8px; }
.selectCF .titleCF {
font-size: 16px;
font-weight: 400;
text-overflow: ellipsis;
color: #000000 !important;
white-space: nowrap;
width: max-content !important;
height: max-content !important;
box-sizing: border-box;
background: transparent !important; }
.selectCF .searchCF {
position: absolute;
top: 3px;
right: 0;
z-index: -1; }
@keyframes searchActive {
from {
transform: rotateY(180deg); }
to {
transform: rotateY(0deg); } }
@-moz-keyframes searchActive {
from {
transform: rotateY(180deg); }
to {
transform: rotateY(0deg); } }
@-webkit-keyframes searchActive {
from {
-webkit-transform: rotateY(180deg); }
to {
-webkit-transform: rotateY(0deg); } }
.searchActive .searchCF {
z-index: 1;
animation: searchActive 0.3s alternate 1;
-moz-animation: searchActive 0.3s alternate 1;
-webkit-animation: searchActive 0.3s alternate 1; }
.searchActive .titleCF {
opacity: 0; }
.selectCF .searchCF input {
border: none !important;
padding: 0;
margin: 0;
width: auto;
height: auto;
background: transparent; }
.selectCF .searchCF input:active, .selectCF .searchCF input:focus {
box-shadow: none !important;
border: none !important;
outline: none !important; }
.selectCF li ul {
display: none;
position: absolute;
top: 100%;
left: 1px;
width: 100%;
background: grey;
max-height: 255px;
overflow-y: auto;
transition: .2s;
-webkit-transition: .2s;
z-index: 2;
box-sizing: border-box;
padding-bottom: 10px;
border-top: none; }
.selectCF li ul li {
padding: 9px 0 9px 10px;
transition: .2s;
-webkit-transition: .2s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-top: none;
box-sizing: border-box;
height: 40px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #FAFAFF; }
.selectCF li ul li:last-child {
border-radius: 0px 0px 5px 5px;
padding-bottom: 10px; }
.selectCF li ul li:hover {
color: #00853B; }
.onCF .arrowCF {
transform: rotate(180deg);
-webkit-transform: rotate(180deg); }
@-moz-keyframes effect1 {
from {
transform: translateY(15px);
opacity: 0; }
to {
transform: translateY(0px);
opacity: s1; } }
@-webkit-keyframes effect1 {
from {
-webkit-transform: translateY(15px);
opacity: 0; }
to {
-webkit-transform: translateY(0px);
opacity: 1; } }
.onCF li ul {
display: block;
position: absolute;
-moz-animation: effect1 0.3s alternate 1;
-webkit-animation: effect1 0.3s alternate 1;
left: -6.55px;
top: 22px;
border-radius: 0 0 4px 4px;
width: 100%;
min-width: max-content;
padding-right: 10px; }
ul.info li, #event-change {
color: #FFF; }
ul.info {
padding: 0;
display: none; }
ul.info li {
display: inline-block;
border-radius: 5px;
padding: 0 5px; }
.accordeon {
padding: 5px 0 30px;
border-bottom: 1px solid #ececec;
margin-bottom: 26px;
width: 100%; }
.accordeon__item {
width: 100%;
list-style-type: none; }
.accordeon__item:first-child .accordeon__button {
margin-top: 0; }
.accordeon__button {
width: 100%;
text-align: left;
border: none;
cursor: pointer;
position: relative;
transition: all 0.5s ease;
font-size: 17px;
font-weight: 700;
color: #282828;
display: flex;
justify-content: space-between; }
.accordeon__button:hover {
color: #00853B; }
.accordeon__button:after {
content: "";
position: absolute;
right: 0px;
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/down-arrow.png) no-repeat !important;
width: 7px;
left: inherit;
height: 5px;
top: 8px;
bottom: inherit;
margin-bottom: -20px;
transition: all 0.5s ease; }
.accordeon__button.active:after {
content: "";
position: absolute;
right: 0px;
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/down-arrow.png) no-repeat !important;
width: 7px;
left: inherit;
height: 5px;
bottom: 30%;
margin-bottom: -20px;
transition: all 0.5s ease;
transform: rotate(180deg);
-webkit-transform: rotate(180deg); }
.accordeon__panel {
max-height: 0;
overflow: hidden;
margin-left: 0;
transition: all 0.5s ease; }
.panel__text {
list-style-type: none;
padding-top: 0px;
max-width: 688px;
margin-top: 30px; }
.panel__info {
font-weight: 300;
font-size: 16px;
line-height: 140%;
margin-bottom: 20px; }
.panel__info:last-child {
margin-bottom: 0; }
.pag {
display: none;
width: max-content;
justify-content: center;
margin: 25px auto 0;
position: relative;
bottom: 0 !important;
top: 0 !important;
left: 0 !important;
right: 0 !important; }
.pag .swiper-pagination-bullet {
width: 11px;
height: 11px;
background: #e6e6e6;
opacity: 1;
margin-right: 10px !important; }
.pag .swiper-pagination-bullet:last-child {
margin-right: 0 !important; }
.nav {
padding: 10px 0; }
.nav__box {
padding: 18px 0;
align-items: center;
justify-content: space-between; }
.nav__logo {
display: block;
width: 226px;z-index: 9; }
.nav__logo img {
width: 100%;
height: auto;
object-fit: contain; }
.nav__list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap; }
.nav__list li {
margin-right: 28px; }
.nav__list li:last-child {
margin-right: 0; }
.nav__list li a {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 18px; }
.nav__list li a:hover {
color: #00853B; }
.nav__info {
display: flex; }
.nav__enter {
align-items: center;
justify-content: center;
margin-right: 14px;
width: 123px;
height: 46px;
box-sizing: border-box;
border: 1px solid #dfdfdf;
border-radius: 10px;
background: white;
color: #1d1d1b;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding-top: 2px; }
.nav__enter .svg {
margin-right: 13px;
position: relative;
top: -2px; }
.nav__enter:hover {
background: #1d1d1b;
color: white; }
.nav__enter:hover .svg path {
fill: white; }
.nav__btn {
width: 188px;
height: 46px; }
.nav__local {
color: #bababa;
font-size: 9px;
font-weight: 400;
line-height: 11px;
margin-top: -8px; }
.header__wrap {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 100px 94px 57px; }
.header__wrap img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover; }
.header__wrap h1 {
margin-bottom: 35px; }
.header__text {
color: white;
font-size: 20px;
font-weight: 400;
line-height: 23px;
margin-bottom: 99px; }
.header__btn {
display: inline-flex;
width: auto;
padding: 1.2em 1.4em;
font-size: 16px;
margin-bottom: 98px; }
.header__btn .svg {
margin-left: 1em; }
.header__sub {
color: white;
font-size: 18px;
font-weight: 400;
line-height: 21px; }
.about {
padding: 35px 0; }
.about__wrap {
border-radius: 10px;
background: #f3f3f3;
padding: 75px 62px 103px; }
.about__row {
justify-content: space-between;
flex-wrap: wrap;
margin-top: -60px; }
.about__item {
align-items: center;
height: 118px;
width: 100%;
border-radius: 10px;
background: white; }
.about__item span {
padding: 34px 0 0 23px;
color: #1d1d1b;
font-size: 24px;
font-weight: 400;
line-height: 28px;
display: block;
height: 100%;
padding-right: 32.5px;
border-right: 1px solid #f3f3f3; }
.about__item p {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-left: 36px; }
.about__block {
width: 32.25%;
margin-bottom: 30px; }
.about__block:first-child {
width: 100%; }
.about__block:first-child .about__item {
width: 32.25%;
margin-left: auto; }
.about__block:last-child {
width: 100%;
margin-bottom: 0; }
.about__block:last-child .about__item {
width: 66.3%; }
.area {
padding: 45px 0; }
.area__info {
padding: 0 63px; }
.area__wrap {
position: relative;
overflow: hidden;
border-radius: 10px;
background: #00853B;
padding: 72px 0px 80px; }
.area__wrap h2 {
color: white;
margin-bottom: 24px; }
.area__text {
color: white;
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 305px; }
.area__pic {
position: absolute;
top: 107px;
z-index: 1;
right: 370px; }
.area__fig {
position: absolute;
top: 0;
right: 0;
z-index: 1; }
.area__bottom {
align-items: flex-end;
justify-content: space-between;
padding: 63.5px 63px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.area__bottom p {
color: white;
font-size: 16px;
font-weight: 400;
line-height: 26px;
width: 100%;
max-width: 61.3%; }
.area__btn {
position: relative;
z-index: 3;
width: 283px;
height: 56px;
font-size: 16px; }
.area__btn .svg {
margin-left: 76px; }
.step {
padding: 47px 0 77px; }
.step__row {
justify-content: space-between;
flex-wrap: wrap;
margin-top: 50px; }
.step__item {
width: 32.3%;
overflow: hidden;
position: relative;
margin-bottom: 30px;
border-radius: 10px;
background: #f3f3f3;
padding: 40px 0 44px; }
.step__item h3 {
margin-top: 0;
color: #1d1d1b;
font-size: 26px;
font-weight: 400;
line-height: 30px;
margin-bottom: 48px; }
.step__item p {
width: 100%;
padding: 32.5px 59px 0;
border-top: 1px solid #e9e9e9; }
.step__item:last-child {
background: #00853B;
padding: 54px 0 30px; }
.step__item:last-child h3 {
color: white;
margin-bottom: 111px; }
.step__area {
padding: 0 58px; }
.step__btn {
margin-left: 59px;
font-size: 16px;
width: 258px;
height: 56px; }
.step__bg {
position: absolute;
top: 0;
right: 0; }
.step__top {
align-items: flex-start;
margin-bottom: 24px;
justify-content: space-between; }
.step__top span {
color: #1d1d1b;
font-size: 20px;
font-weight: 400;
line-height: 23px;
margin-bottom: 30px; }
.info {
padding: 87px 0 208px;
position: relative; }
.info__bg {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
z-index: -1; }
.info__box {
align-items: flex-start; }
.info__text {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-top: 24px; }
.info__sub {
margin-top: 204px;
color: #1d1d1b;
font-size: 24px;
font-weight: 500;
line-height: 28px; }
.info__area {
width: 100%;
max-width: 415px;
margin: 111px 168px 0 auto; }
.info__item {
width: 100%;
height: 119px;
padding-left: 40px;
border-radius: 10px;
background: white;
margin-bottom: 16px;
align-items: center; }
.info__item:last-child {
margin-bottom: 0; }
.info__item p {
height: 100%;
padding-left: 38px;
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 26px;
border-left: 1px solid #f3f3f3;
margin-left: 38px;
display: flex;
align-items: center; }
.faq {
padding: 40px 0 50px; }
.faq__box {
justify-content: space-between;
align-items: flex-start;
margin-top: 60px; }
.faq__pic {
object-fit: cover;
width: 27.35%;
height: 622px;
border-radius: 10px;
overflow: hidden; }
.faq .accordeon {
padding: 0;
margin: 0;
width: 100%;
border-bottom: none; }
.faq .accordeon__item {
padding: 30px 0 34px;
border-bottom: 1px solid #e9e9e9; }
.faq .accordeon__item:first-child {
padding-top: 12px; }
.faq .accordeon__button {
color: #1d1d1b;
font-size: 22px;
font-weight: 400;
line-height: 26px; }
.faq .panel__text {
max-width: 886px; }
.faq .panel__info {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 26px; }
.faq__content {
width: 100%;
max-width: 67.5%; }
.faq__btn {
margin-top: 47px;
width: 330px;
height: 60px;
box-sizing: border-box;
border: 1px solid #00853B;
border-radius: 5px;
background: white;
color: #1d1d1b;
font-size: 18px;
font-weight: 400;
line-height: 21px;
text-align: center; }
.faq__btn:hover {
background: #00853B;
color: white; }
.faq .accordeon__button:after {
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/plus.svg) no-repeat !important;
width: 18px;
left: inherit;
height: 17px;
top: 0; }
.faq .accordeon__button.active:after {
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/min.svg) no-repeat !important; }
.service {
padding: 50px 0 45px; }
.service__wrap {
overflow: hidden;
border-radius: 10px;
background: #f3f3f3;
padding: 78px 83px 80px; }
.service__wrap h2 {
margin-bottom: 37px; }
.service__text {
width: 100%;
max-width: 1412px; }
.service__text p {
margin-bottom: 25px;
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 26px; }
.service__text p:last-child {
margin-bottom: 0; }
.service ul li {
padding-left: 10px;
display: flex; }
.service ul li span {
margin-right: 5px; }
.call {
padding: 45px 0 90px; }
.call__wrap {
overflow: hidden;
position: relative;
width: 100%;
border-radius: 10px;
background: #00853B;
display: flex;
align-items: center;
justify-content: center;
padding: 79px 0 86px; }
.call__wrap p {
margin-right: 65px;
color: white;
font-size: 36px;
font-weight: 500;
line-height: 46px; }
.call__btn {
width: 420px;
height: 66px;
font-size: 20px; }
.call__btn .svg {
margin-left: 125px; }
.call__bg {
position: absolute;
right: 0;
top: 0; }
.footer {
padding-top: 71.5px;
border-top: 1px solid #e9e9e9; }
.footer__logo {
margin-bottom: 48px; }
.footer__box {
align-items: flex-start;
justify-content: space-between;
margin-bottom: 60px; }
.footer__content {
align-items: flex-start; }
.footer__content p {
color: #a6a9ab;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-right: 145px; }
.footer__content ul {
flex-wrap: wrap;
width: 100%;
max-width: 530px; }
.footer__content ul li {
margin-bottom: 11px;
min-width: 261px; }
.footer__content ul li:last-child {
margin-bottom: 0; }
.footer__content ul li a {
color: #1d1d1b;
font-size: 15px;
font-weight: 400;
line-height: 18px; }
.footer__content ul li a:hover {
color: #00853B; }
.footer__info p {
color: #1d1d1b;
font-size: 15px;
font-weight: 400;
line-height: 18px;
margin-bottom: 24px; }
.footer__tel {
margin-bottom: 22px;
font-size: 32px;
font-weight: 900;
display: block;
color: #a6a9ab;
line-height: 42px; }
.footer__tel span {
color: #1d1d1b;
transition: 0.5s; }
.footer__tel:hover {
color: #00853B; }
.footer__tel:hover span {
color: #00853B; }
.footer__mail {
color: #1d1d1b;
font-size: 20px;
font-weight: 400;
line-height: 23px; }
.footer__mail:hover {
color: #00853B; }
.footer__wrap {
padding-top: 32.5px;
border-top: 1px solid #e9e9e9;
margin-bottom: 32px; }
.footer__row {
align-items: center;
justify-content: space-between; }
.footer__row ul {
display: flex; }
.footer__row ul li {
margin-right: 38px; }
.footer__row ul li:last-child {
margin-right: 0; }
.footer__row ul li a {
color: #1d1d1b;
font-size: 15px;
font-weight: 400;
line-height: 18px; }
.footer__row ul li a:hover {
color: #00853B; }
.footer__btn {
font-size: 14px;
width: 188px;
height: 46px;
margin-right: 72px; }
.footer__bottom {
background: #f3f3f3;
padding: 51px 0 53px; }
.footer__flex {
align-items: center;
justify-content: space-between; }
.footer__flex p, .footer__flex a {
color: #a6a9ab;
font-size: 15px;
font-weight: 400;
line-height: 18px; }
.footer__flex a:hover {
color: #00853B; }
.van {
padding: 45px 0; }
.van__wrap {
position: relative;
overflow: hidden;
padding: 72px 62px 120px;
border-radius: 10px;
background: #00853B; }
.van h2 {
color: white;
margin-bottom: 76px;
line-height: 41px; }
.van__box {
position: relative;
width: 100%; }
.van__row {
align-items: center;
justify-content: space-between;
margin-bottom: 1px;
border-radius: 5px;
background: #00843e;
overflow: hidden;
padding: 19.5px 34px; }
.van__row p {
color: white;
font-size: 18px;
font-weight: 500;
line-height: 21px; }
.van__row p:nth-child(2) {
margin-top: 9px;
color: #FAFAFA;
font-size: 12px;
font-weight: 400;
line-height: 14px; }
.van__item:nth-child(1) {
width: 370px; }
.van__item:nth-child(2) {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 296px; }
.van__item:nth-child(3) {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 210px; }
.van__item:nth-child(4) {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 294px; }
.van__el {
position: absolute;
width: 311px;
height: 928px;
border-radius: 20px;
overflow: hidden;
padding-top: 28px;
top: -100px; }
.van__el p {
text-align: center;
color: white;
font-size: 18px;
font-weight: 500;
line-height: 21px; }
.van__el_1 {
border: 4px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.025);
left: 474px; }
.van__el_2 {
right: 358px;
border: 1px solid rgba(255, 255, 255, 0.4); }
.van__el_3 {
right: 29px;
border: 1px solid rgba(255, 255, 255, 0.4); }
.order {
padding: 84px 0 43px; }
.order h2 {
text-align: center; }
.order__sub {
color: #757575;
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-align: center;
margin: 20px 0 65px; }
.order__wrap {
width: 100%;
overflow: hidden;
border-radius: 5px;
background: #f3f3f3;
padding: 78px 130px 80px; }
.order__form {
width: 100%; }
.order__form input {
width: 100%;
height: 66px;
border-radius: 10px;
padding-left: 24px;
color: black;
font-size: 16px;
font-weight: 400;
background: white;
line-height: 19px; }
.order__form label {
display: block;
margin-bottom: 16px;
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 19px; }
.order__form button {
margin: 0 auto 40px;
color: #c5c5c5;
font-size: 12px;
font-weight: 400;
line-height: 14px;
text-align: left;
justify-content: center;
width: 420px;
height: 66px;
color: white;
font-size: 20px;
font-weight: 400;
line-height: 23px; }
.order__item {
margin-bottom: 48px; }
.order__item .selectCF .arrowCF {
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/vec.svg) no-repeat !important;
right: 20px;
top: 8px;
width: 11px;
height: 8px; }
.order__item .style1 {
width: 100%; }
.order__item .selectCF {
width: 100%;
height: 66px;
border-radius: 10px;
padding-left: 24px;
font-size: 16px;
font-weight: 400;
background: white;
line-height: 19px;
padding-top: 24px;
box-sizing: border-box; }
.order__item .selectCF .titleCF {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 19px; }
.order__item .onCF li ul {
border: 1px solid #000;
left: -12px;
top: 50px;
border-radius: 0 0 4px 4px;
width: 100%;
background: white;
min-width: max-content;
padding-right: 10px;
border-radius: 10px;
padding-top: 13px; }
.order__item .onCF li ul li {
color: #000;
font-weight: 400; }
.order__item .onCF li ul li:hover {
color: #00853B; }
.order__flex {
justify-content: space-between;
flex-wrap: wrap; }
.order__flex .order__item {
width: 31.4%; }
.order__row {
justify-content: space-between;
margin-bottom: 47px;
margin-top: 26px; }
.order__row .order__per label {
width: 100%;
height: 66px;
display: flex;
justify-content: center;
border-radius: 10px;
background: white; }
.order__per {
width: 48.6%; }
.order__per p {
color: #757575;
font-size: 16px;
font-weight: 400;
line-height: 19px; }
.order__per .custom-checkbox:checked + label {
border: 1px solid #1d1d1b;
border-radius: 10px;
background: tranparent; }
.order__per .custom-checkbox:checked + label p {
color: #1d1d1b; }
.order__per .custom-checkbox:checked + label::before {
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/vec2.svg) no-repeat center center;
background-size: inherit;
border: none;
margin-right: 15px; }
.order__per .custom-checkbox + label:before {
background: transparent;
border: none; }
.order__text {
color: #474747;
font-size: 13px;
font-weight: 400;
line-height: 1.25;
text-align: center; }
.order .sub {
margin: 49px 0 20px; }
.order__links {
flex-wrap: wrap;
justify-content: flex-start; }
.order__links a {
display: flex;
margin-right: 10px;
align-items: center;
justify-content: center;
width: max-content;
height: 35px;
padding: 0px 20px;
margin-bottom: 10px;
border-radius: 10px;
background: #f3f3f3; }
.order__links a p {
transition: 0.5s;
margin-left: 10px;
color: #111111;
font-size: 13px;
font-weight: 400;
line-height: 15px;
padding-top: 2px; }
.order__links a:hover p {
color: #00853B; }
.order__links a:hover .svg path {
fill: #00853B; }
.calc {
padding: 77px 0 35px; }
.calc__wrap {
justify-content: space-between;
align-items: flex-start;
overflow: hidden;
box-sizing: border-box;
border: 1px solid #dfdfdf;
border-radius: 10px;
background: white;
margin-top: 47px;
padding: 58px 63px 63px; }
.calc__left {
border-radius: 5px;
background: #f3f3f3;
overflow: hidden;
padding: 29px 40px 37px;
width: 27.9%; }
.calc__left .order__flex .order__item {
width: 100%;
margin-bottom: 18px; }
.calc__item {
width: 100%;
height: 51px;
border-radius: 5px;
align-items: center;
padding: 0 16px 0 19px;
background: white;
margin-bottom: 20px; }
.calc__item input {
width: 40px;
height: 35px;
border-radius: 5px;
background: #f3f3f3;
padding: 0;
text-align: center; }
.calc__item_per {
margin-bottom: 74px; }
.calc__item_per input {
margin-left: auto;
text-align: center; }
.calc__item_last .calc__area {
margin-right: 0;
margin-left: auto; }
.calc__text {
color: #1d1d1b;
font-size: 16px;
margin-right: 19px;
line-height: 100%;
min-width: 72px; }
.calc__text span {
display: block;
font-size: 11px;
color: #757575;
line-height: 100%; }
.calc__area {
align-items: center;
margin-right: 12px; }
.calc__area p {
margin-left: 9px;
color: #757575;
font-size: 16px;
font-weight: 400;
line-height: 19px; }
.calc__add {
margin-bottom: 20px;
width: 100%;
height: 51px;
box-sizing: border-box;
border: 1px solid #c8c9ca;
border-radius: 5px;
background: #f3f3f3;
color: #a6a9ab;
font-size: 16px;
font-weight: 400;
line-height: 19px;
text-align: center;
transition: 0.5s;
align-items: center;
justify-content: center; }
.calc__add:hover {
border: 1px solid #00853B;
background: #00853B;
color: white; }
.calc .calc__btn {
width: 100%;
height: 51px;
font-size: 16px;
margin-bottom: 20px; }
.calc__show {
align-items: center;
justify-content: center;
width: 100%;
height: 51px;
box-sizing: border-box;
border: 1px solid #c8c9ca;
border-radius: 5px;
background: #f3f3f3;
transition: 0.5s; }
.calc__show p {
transition: 0.5s;
color: #a6a9ab;
font-size: 16px;
font-weight: 400;
line-height: 19px;
margin: 0 12px; }
.calc__show:hover {
background: #00853B; }
.calc__show:hover p {
color: white; }
.calc__show:hover .svg path {
fill: white; }
.calc .custom-checkbox + label::before {
position: relative;
margin-right: 16px;
width: 40px;
height: 35px;
max-width: 40px;
border-radius: 5px;
box-sizing: border-box;
background: #00853B; }
.calc .custom-checkbox + label {
display: flex;
align-items: center;
margin-bottom: 0;
position: relative;
left: -11px; }
.calc .custom-checkbox:checked + label::before {
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/b1.svg) no-repeat center center;
background-color: #00853B; }
.calc-right {
width: 68.92%; }
.calc-right__top {
align-items: center;
justify-content: flex-start;
margin-bottom: 5px; }
.calc-right__block {
width: 197px;
height: 97px;
border-radius: 5px;
margin-right: 13px;
padding-top: 26px; }
.calc-right__block p {
color: white;
font-size: 16px;
font-weight: 500;
line-height: 19px;
text-align: center; }
.calc-right__block:nth-child(1) {
background: #f3f3f3; }
.calc-right__block:nth-child(2) {
background: #00853B; }
.calc-right__block:nth-child(3) {
background: #35bd73; }
.calc-right__block:nth-child(4) {
margin-right: 0;
background: #88d6ac; }
.calc-right__block:first-child {
margin-right: 24px;
width: 37%;
padding-left: 30px;
padding-top: 19px; }
.calc-right__block:first-child p {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left; }
.calc-right__flex {
justify-content: space-between;
margin-bottom: 23px; }
.calc-right__area {
height: 56px;
box-sizing: border-box;
border: 1px solid #f3f3f3;
border-radius: 5px;
padding: 13px 31px; }
.calc-right__area p {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 28px; }
.calc-right__area:first-child {
width: 37%; }
.calc-right__area:first-child p:first-child { }
.calc-right__area:nth-child(2) {
width: 61.5%; }
.calc-right__area:nth-child(2) p {
text-align: center;
width: 100%; }
.calc-right__row {
align-items: flex-start;
justify-content: space-between;
margin-bottom: 22px; }
.calc-right__row:last-child {
margin-bottom: 0; }
.calc-right__row:nth-child(3) {
margin-bottom: 36px; }
.calc-right__row:nth-child(3) .calc-right__item, .calc-right__row:nth-child(4) .calc-right__item {
height: 104px;
padding-top: 44px; }
.calc-right__row:nth-child(4) .svg path {
fill: #1d1d1b; }
.calc-right__info {
margin-top: 12px;
padding-left: 31px; }
.calc-right__info p {
color: #1d1d1b;
font-size: 18px;
font-weight: 700;
line-height: 21px;
margin-bottom: 24px; }
.calc-right__info span {
align-items: center;
color: #1d1d1b;
font-size: 14px;
font-weight: 400;
line-height: 16px; }
.calc-right__info span img {
margin-right: 7px; }
.calc-right__content {
width: 100%;
max-width: 79.56%; }
.calc-right__item {
height: 51px;
border-radius: 5px;
background: #f3f3f3;
width: 100%;
padding: 15px 32px; }
.calc-right__item:nth-child(2n) {
background: white; }
.calc-right__tr {
text-align: center; }
.calc-right__tr p {
color: #1d1d1b;
font-size: 16px;
font-weight: 300;
line-height: 19px; }
.calc-right__tr:first-child {
min-width: 130px;
text-align: left;
margin-right: 108px; }
.calc-right__tr:first-child p {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 19px; }
.calc-right__tr:nth-child(2) {
min-width: 60px;
margin-right: 146px; }
.calc-right__tr:nth-child(2) p {
text-align: left; }
.calc-right__tr:nth-child(3) {
min-width: 60px;
margin-right: 148px; }
.calc-right__tr:nth-child(3) p {
text-align: left; }
.calc-right__tr:nth-child(4) {
min-width: 60px; }
.calc-right__tr:nth-child(4) p {
text-align: center; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
input[type=number] {
-moz-appearance: textfield; }
.input {
height: 51px !important; }
#down, #up, #down2, #up2, #down3, #up3 {
width: 40px;
height: 35px;
border-radius: 5px;
background: #f3f3f3;
padding: 0;
border: 1px solid #f3f3f3;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s; }
#down:hover, #up:hover, #down2:hover, #up2:hover, #down3:hover, #up3:hover {
border: 1px solid #00853B; }
#down, #down2, #down3 {
margin-left: 9px;
cursor: pointer; }
#up, #up2, #up3 {
margin-left: auto;
cursor: pointer; }
#incdec, #incdec2, #incdec3 {
width: 100%; }
.order2 {
padding: 31px 0 40px; }
.order2 .sub {
margin-top: 0 !important; }
.order2 h2 {
text-align: left; }
.order2__sub {
margin: 30px 0 53px;
color: #a6a9ab;
font-size: 16px;
font-weight: 400;
line-height: 26px; }
.order2__wrap {
width: 100%;
max-width: 25.68%;
border-radius: 5px;
background: #f3f3f3;
padding: 35px 0 47px;
margin-left: 31px; }
.order2 .order2__wrap .order__flex .order__item {
width: 100%;
margin-bottom: 17px; }
.order2 .order2__wrap .order__flex .calc__item {
width: 100%;
padding-right: 16px;
margin-bottom: 20px; }
.order2 .order2__wrap .order__flex .calc__text {
margin-right: 19px; }
.order2__title {
color: #1d1d1b;
font-size: 24px;
font-weight: 500;
line-height: 28px;
margin-bottom: 30px; }
.order2 .order__wrap {
padding: 55px 85px 47.5px; }
.order2 .order__flex .order__item {
width: 48.3%;
margin-bottom: 28px; }
.order2 .order__flex .order__item input {
font-size: 16px;
border-radius: 5px;
padding-left: 19px; }
.order2 .calc__item {
width: 48.3%;
padding-right: 43px;
margin-bottom: 30px; }
.order2 .calc__item .calc__text {
margin-right: 141px; }
.order2 .calc__item_3 {
justify-content: space-between;
padding-right: 30px; }
.order2 .calc__item_3 .calc__text {
margin-right: 0px; }
.order2 .order__item .selectCF {
height: 51px;
border-radius: 5px;
padding-top: 16px; }
.order2 .order__item .selectCF .titleCF {
color: #c5c5c5 !important; }
.order2 .calc__pay {
margin-top: 15px;
margin-bottom: 25px; }
.order2 .calc__pay label {
display: flex;
align-items: center; }
.order2 .calc__pay .custom-checkbox + label::before {
width: 20px;
height: 20px;
border-radius: 5px;
background: white;
max-width: 20px; }
.order2 .calc__pay .custom-checkbox:checked + label::before {
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/b1.svg) no-repeat center center;
background-color: #00853B; }
.order2 .order__form button {
width: 476px;
height: 51px;
box-sizing: border-box;
border: 1px solid #00853B;
border-radius: 5px;
background: #f3f3f3;
font-size: 16px;
color: #00853B;
margin-left: 0;
margin-right: 0;
margin-bottom: 30px; }
.order2 .order__form button:hover {
background: #00853B;
color: white; }
.order2__text {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 19px;
margin-bottom: 21px; }
.order2__copy {
width: 100%;
height: 87px;
border-radius: 5px;
background: white;
padding: 33px; }
.order2__copy p {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 19px; }
.order2__logo {
margin: 0 auto 34.5px;
display: block; }
.order2__content {
padding: 30.5px 40px 0; }
.order2 .order2__wrap .order__form button {
width: 100%;
height: 51px;
border-radius: 5px;
background: #00853B;
font-size: 16px;
color: white;
margin-bottom: 0; }
.order2 .order2__wrap .order__form button:hover {
background: transparent;
color: #00853B; }
.st1 {
position: relative;
z-index: 5; }
.st2 {
position: relative;
z-index: 4; }
.st3 {
position: relative;
z-index: 3; }
.st4 {
position: relative;
z-index: 2; }
.selectCF .searchCF input {
display: none !important; }
.top__back {
align-items: center;
color: white !important;
font-size: 16px;
font-weight: 400;
line-height: 19px;
margin-bottom: 30px; }
.top__back .svg {
margin-right: 12px;
position: relative;
top: -1.5px; }
.top__back:hover {
opacity: 0.7; }
.top__wrap {
width: 100%;
overflow: hidden;
position: relative;
background: #00853B;
border-radius: 10px;
padding: 30px 93px 140px; }
.top__wrap img {
position: absolute;
right: -28px;
top: 0;
height: 100%;
z-index: 1; }
.top__wrap p {
position: relative;
z-index: 2;
color: white;
font-size: 16px;
font-weight: 400;
line-height: 26px; }
.page h1 {
color: white;
font-size: 40px;
font-weight: 900;
line-height: 47px;
text-transform: none;
margin-bottom: 22px;
position: relative;
z-index: 2; }
.page .nav__local {
display: none; }
.page .calc__wrap {
margin-top: 0; }
.page .calc2 .calc__wrap {
margin-top: 40px; }
.contract__btn {
width: 420px;
height: 66px;
font-size: 20px;
margin-top: 50px; }
.contract__btn .svg {
margin-left: 95px; }
.map {
padding: 90px 0 60px; }
.map #map {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.map__wrap {
position: relative;
height: 743px; }
.map__wrap .container {
position: relative; }
.map__block {
align-items: center;
justify-content: space-between;
padding: 0px 30px 10px 25px;
width: 453px;
height: 75px;
border-radius: 10px;
background: white;
z-index: 2;
top: 58px;
position: relative; }
.map__content span {
color: #1d1d1b;
font-size: 12px;
font-weight: 400;
line-height: 14px;
display: block;
margin-bottom: 6px; }
.map__content p {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 19px; }
.contacts {
padding: 84px 0 60px; }
.contacts__box {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 60px; }
.contacts__content {
width: 100%;
max-width: 436px; }
.contacts__item {
align-items: center;
margin-bottom: 37.8px; }
.contacts__item img {
margin-right: 14px; }
.contacts__item span {
display: block;
margin-bottom: 7px;
color: #1d1d1b;
font-size: 14px;
font-weight: 400;
line-height: 18px; }
.contacts__item p {
color: #1d1d1b;
font-size: 18px;
font-weight: 400;
line-height: 18px; }
.contacts__mail {
color: #1d1d1b;
font-size: 18px;
font-weight: 400;
line-height: 18px; }
.contacts__mail:hover {
color: #00853B; }
.contacts__tel {
color: #1d1d1b;
font-size: 24px;
font-weight: 400;
line-height: 18px; }
.contacts__tel:hover {
color: #00853B; }
.contacts__flex {
margin-bottom: 20px;
justify-content: space-between; }
.contacts__flex a {
width: 47.8%;
height: 69px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 18px;
font-weight: 400;
line-height: 21px; }
.contacts__flex a .svg {
margin-right: 17px; }
.contacts__flex a:hover {
opacity: 0.7; }
.contacts__telegram {
background: #259cf2; }
.contacts__whats {
background: #00853B; }
.contacts__btn {
width: 100%;
height: 66px;
color: white;
font-size: 20px;
font-weight: 400;
background: #00843e;
line-height: 23px; }
.contacts__btn .svg {
margin-left: 95px; }
.contacts #map {
width: 100%;
max-width: 68.65%;
height: 413px;
border-radius: 10px;
overflow: hidden; }
.contacts__row {
justify-content: space-between;
align-items: flex-start; }
.contacts__row img {
max-width: 436px;
width: 100%;
height: 600px;
border-radius: 10px;
overflow: hidden;
object-fit: cover; }
.contacts__info {
overflow: hidden;
width: 100%;
max-width: 68.65%;
border-radius: 10px;
background: #f3f3f3;
padding: 48px 65px; }
.contacts__el {
align-items: center;
padding-bottom: 19px;
border-bottom: 1px solid #dedede;
margin-bottom: 19.5px;
justify-content: space-between; }
.contacts__el p:first-child {
color: #a6a9ab;
font-size: 18px;
font-weight: 400;
line-height: 21px; }
.contacts__el p:nth-child(2) {
color: #1d1d1b;
font-size: 18px;
font-weight: 400;
line-height: 21px; }
.contacts__el:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0; }
.contacts__el:first-child {
}
.rev {
padding: 40px 0 50px; }
.rev .selectCF .arrowCF {
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/vec.svg) no-repeat !important;
right: 20px;
top: 8px;
width: 11px;
height: 8px; }
.rev .style1 {
width: 271px; }
.rev .selectCF {
width: 100%;
height: 50px;
border-radius: 5px;
padding-left: 24px;
font-size: 16px;
font-weight: 400;
background: #f3f3f3;
line-height: 19px;
padding-top: 15px;
box-sizing: border-box; }
.rev .selectCF .titleCF {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 19px; }
.rev .onCF li ul {
border: 1px solid #000;
left: -12px;
top: 45px;
border-radius: 0 0 4px 4px;
width: 100%;
background: white;
min-width: max-content;
padding-right: 10px;
border-radius: 10px;
padding-top: 13px; }
.rev .onCF li ul li {
color: #000;
font-weight: 400; }
.rev .onCF li ul li:hover {
color: #00853B; }
.rev__box {
margin-top: 42px;
justify-content: space-between;
flex-wrap: wrap; }
.rev__item {
width: 48.25%;
overflow: hidden;
margin-bottom: 58px;
height: auto;
padding: 30px;
box-sizing: border-box;
border: 1px solid #dfdfdf;
border-radius: 10px;
background: white;
transition: 0.5s; }
.rev__item:hover {
border: 1px solid #00853B; }
.rev__text {
width: 100%;
margin-top: 30px;
max-width: 671px; }
.rev__text p {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 26px; }
.rev__top {
align-items: center; }
.rev__top img {
object-fit: contain;
margin-right: 30px;
width: 70px;
height: 64px;
border-radius: 10px;
overflow: hidden; }
.rev__top p {
margin-right: 25px;
color: #1d1d1b;
font-size: 22px;
font-weight: 400;
line-height: 26px; }
.rev__top span {
color: #a6a9ab;
font-size: 16px;
font-weight: 400;
line-height: 26px; }
.rev__nav {
width: max-content;
justify-content: center;
align-items: flex-end;
margin: 30px auto 0; }
.rev__nav li {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
overflow: hidden;
margin-right: 4px; }
.rev__nav li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: transparent;
color: #1d1d1b;
font-size: 18px;
font-weight: 400;
line-height: 32px; }
.rev__nav li.active {
margin-right: 10px; }
.rev__nav li.active a {
background: #00853B;
color: white !important; }
.rev__nav li:hover a {
color: #00853B; }
.art {
padding: 69px 0 40px; }
.art__box {
justify-content: flex-start;
flex-wrap: wrap; }
.art__item {
display: flex;
flex-direction: column;
align-items: flex-start;
overflow: hidden;
width: 32.37%;
margin-bottom: 23px;
height: auto;
border-radius: 10px;
padding: 28px 39px 38px;
border: 1px solid #f3f3f3;
background: #f3f3f3;
margin-right: 23px; }
.art__item img {
width: 100%;
height: 273px;
margin-bottom: 25px;
object-fit: cover;
border-radius: 10px;
overflow: hidden; }
.art__item span {
color: #a6a9ab !important;
font-size: 13px;
font-weight: 400;
line-height: 15px; }
.art__item p {
margin-top: 16px;
color: #1d1d1b;
font-size: 22px;
font-weight: 400;
line-height: 32px; }
.art__item:nth-child(3n) {
margin-right: 0; }
.art__item:hover {
border: 1px solid #00853B; }
.art-item {
padding: 69px 0 40px; }
.art-item__box {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 100px; }
.art-item article {
box-sizing: border-box;
width: 100%;
max-width: 71%; }
.art-item article p {
color: #1d1d1b;
font-size: 20px;
font-weight: 400;
line-height: 30px;
margin-bottom: 40px; }
.art-item article h2 {
color: #1d1d1b;
font-size: 30px;
font-weight: 400;
line-height: 30px;
margin-bottom: 28px; }
.art-item article h3 {
margin-bottom: 30px;
color: #1d1d1b;
font-size: 26px;
font-weight: 400;
line-height: 30px; }
.art-item__block {
width: 100%;
max-width: 25.55%;
padding: 47px 42px;
border-radius: 5px;
background: #f3f3f3;
overflow: hidden; }
.art-item__block .order__flex .order__item {
width: 100%;
margin-bottom: 29px; }
.art-item__block .order__form button {
width: 100%;
margin-bottom: 22px; }
.art-item__block .order__form button .svg {
margin-left: 30px; }
.art-item__block .order__item .onCF li ul li:first-child {
display: none !important; }
.art-item__name {
margin-bottom: 13px;
color: #1d1d1b;
font-size: 26px;
font-weight: 500;
line-height: 30px; }
.art-item__txt {
margin-bottom: 30px;
color: #a6a9ab;
font-size: 16px;
font-weight: 400;
line-height: 19px; }
.art-item__row {
justify-content: space-between; }
.art-item__row a {
overflow: hidden;
width: 48.25%;
height: 229px;
border-radius: 10px;
background: #f3f3f3;
padding: 57px 72px;
border: 1px solid #f3f3f3; }
.art-item__row a:hover {
border: 1px solid #00853B; }
.art-item__top {
align-items: center;
margin-bottom: 22px; }
.art-item__top p {
color: #1d1d1b;
font-size: 22px;
font-weight: 400;
line-height: 26px;
transition: 0.5s; }
.art-item__text {
color: #a6a9ab;
font-size: 18px;
font-weight: 400;
line-height: 28px;
width: 100%;
max-width: 363px; }
.art-item__prev .svg {
margin-right: 48px; }
.art-item__prev .art-item__text {
padding-left: 55px; }
.art-item__next .svg {
margin-left: 48px; }
.art-item__next .art-item__top {
justify-content: flex-end;
margin-right: 110px; }
.art-item__next .art-item__text {
margin-left: auto; }
.art-item .art-item__next {
padding-right: 88px; }
.pack {
padding: 22px 0 0px; }
.pack__row {
justify-content: space-between;
margin-bottom: 78px; }
.pack__block {
width: 19%;
overflow: hidden;
height: 407px;
border-radius: 10px;
background: #f3f3f3;
padding: 30px 18px 19px; }
.pack__image {
display: flex;
align-items: center;
justify-content: center;
height: 171px;
margin-bottom: 33px; }
.pack__info {
width: 100%;
height: auto;
border-radius: 10px;
background: white;
overflow: hidden;
padding: 18px 26px 20px; }
.pack__title {
margin-bottom: 4px;
color: #1d1d1b;
font-size: 22px;
font-weight: 400;
line-height: 26px; }
.pack__name {
margin-bottom: 12px;
color: #1d1d1b;
font-size: 14px;
font-weight: 400;
line-height: 16px; }
.pack__area {
justify-content: space-between;
padding-top: 9.5px;
margin-top: 8.5px;
border-top: 1px solid #ececec; }
.pack__area p {
font-size: 14px;
font-weight: 400;
line-height: 16px; }
.pack__area p:first-child {
color: #a6a9ab; }
.pack__area p:nth-child(2) {
color: #1d1d1b; }
.pack__rules {
width: 100%;
margin-bottom: 70px;
align-items: center;
justify-content: center;
height: 81px;
box-sizing: border-box;
border: 1px solid #dfdfdf;
border-radius: 10px;
background: white;
color: #1d1d1b;
font-size: 22px;
font-weight: 400;
line-height: 26px; }
.pack__rules img {
margin-left: 23px; }
.pack__box {
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start; }
.pack__item {
width: 48.25%;
overflow: hidden;
border-radius: 10px;
background: #f3f3f3;
margin-bottom: 56px;
padding: 13px 24px 27px; }
.pack__item:last-child {
margin-bottom: 30px; }
.pack__flex {
align-items: flex-start;
margin-bottom: 24px; }
.pack__flex img {
width: 100%;
height: 247px;
max-width: 37.4%;
border-radius: 10px;
overflow: hidden;
object-fit: cover;
margin-right: 37px; }
.pack__content {
padding-top: 26px; }
.pack__content h3 {
margin-top: 0;
margin-bottom: 12px;
color: #1d1d1b;
font-size: 22px;
font-weight: 400;
line-height: 26px; }
.pack__text {
color: #a6a9ab;
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 22px; }
.pack__text span {
padding-left: 5px; }
.pack__scroll {
overflow-x: auto;
padding-top: 15px;
border-top: 1px solid #dedede;
max-height: 125px;
min-height: 91px; }
.pack__per {
display: flex;
align-items: center;
margin-bottom: 9px; }
.pack__per p {
color: #1d1d1b;
font-size: 14px;
font-weight: 400;
line-height: 16px; }
.pack__per p:first-child {
min-width: 124px;
margin-right: 37px; }
.pack__per p:nth-child(2) {
min-width: 45px;
margin-right: 22px; }
.pack__per:first-child p {
color: #a6a9ab;
font-size: 14px;
font-weight: 400;
line-height: 16px; }
.pack .accordeon {
padding: 0;
margin: 0;
border-bottom: none; }
.pack .accordeon .accordeon__item {
width: 100%;
height: auto;
border-radius: 10px;
background: white;
padding: 13px 22px;
box-sizing: border-box; }
.pack .accordeon .accordeon__button {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 19px; }
.pack .accordeon .accordeon__button:after {
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/tt2.svg) no-repeat !important;
width: 10px;
height: 7px; }
.pack .accordeon .accordeon__button.active:after {
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/tt2.svg) no-repeat !important;
width: 10px;
height: 7px; }
.pack .accordeon .panel__info {
font-size: 13px;
line-height: 20px; }
.pack .accordeon .panel__text, .pack .accordeon .panel__text2 {
margin-top: 10px; }
.top2 img {
width: 100% !important;
height: 100% !important;
right: 0 !important;
top: 0 !important;
object-fit: cover; }
.top2 .top2__text {
margin-bottom: 104px;
width: 100%;
max-width: 400px; }
.top2__btn {
position: relative;
z-index: 2;
width: 280px;
height: 56px;
font-size: 16px;
margin-bottom: 49px; }
.top2__btn .svg {
margin-left: 40px; }
.top2__sub {
color: white;
font-size: 18px;
font-weight: 400;
line-height: 28px;
padding-top: 30px;
position: relative; }
.top2__sub:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -127px;
width: 2000px;
height: 1px;
background: rgba(255, 255, 255, 0.1); }
.top2 .top__wrap {
padding-bottom: 40px; }
.service2__text {
color: #1d1d1b;
font-size: 20px;
font-weight: 500;
line-height: 23px;
margin-bottom: 44px; }
.service2__row {
justify-content: space-between;
flex-wrap: wrap; }
.service2__block {
width: 16.06%;
overflow: hidden;
height: 195px;
border-radius: 10px;
background: white;
padding: 27px 23px; }
.service2__block span {
width: 40px;
height: 40px;
background: #00853B;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 16px;
font-weight: 400;
margin-bottom: 13px;
line-height: 19px; }
.service2__block p {
color: #1d1d1b;
font-size: 18px;
font-weight: 400;
line-height: 28px; }
.service2 .service__wrap {
padding: 75px 64px; }
.who {
padding: 40px 0 20px; }
.who__wrap {
overflow: hidden;
border-radius: 10px;
background: #00853B;
padding: 72px 65px 50px; }
.who h2 {
color: white;
margin-bottom: 56px; }
.who__box {
justify-content: space-between;
flex-wrap: wrap; }
.who__item {
width: 49.3%;
overflow: hidden;
padding: 40px 54px 49px;
border-radius: 10px;
background: #f3f3f3;
margin-bottom: 22px; }
.who__item h3 {
margin-top: 0;
margin-bottom: 48px;
color: #000;
font-size: 26px;
font-weight: 400;
line-height: 30px; }
.who__item p {
padding-top: 41px;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 26px;
position: relative; }
.who__item p:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -127px;
width: 2000px;
height: 1px;
background: rgba(29, 29, 27, 0.1); }
.who__item:last-child {
background: white; }
.who__item:last-child h3 {
color: #1d1d1b; }
.who__item:last-child p {
color: rgba(29, 29, 27, 0.7); }
.who__item:last-child p::before {
background: rgba(29, 29, 27, 0.1); }
.who__btn {
margin-top: 36px;
width: 397px;
height: 66px;
font-size: 20px; }
.who__btn .svg {
margin-left: 90px; }
.step2 .step__item {
padding: 46px 0 55px; }
.step2 .step__item:last-child {
background: #f3f3f3; }
.step2 .step__item:last-child h3 {
color: #1d1d1b;
margin-bottom: 48px; }
.step2 .step__item p {
padding: 39.5px 59px 0; }
.how {
padding: 25px 0; }
.how__box {
margin-top: 60px;
justify-content: space-between; }
.how__item {
overflow: hidden;
position: relative;
width: 32.25%;
height: 554px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 52px 50px; }
.how__item p {
color: white;
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin-top: auto; }
.how__item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1; }
.service3 .service2__block {
width: 24.23%;
height: 240px;
margin-bottom: 18px;
padding: 27px 32px; }
.service3 .service2__block .service3__text {
padding-top: 25px;
position: relative;
color: gray;
font-size: 16px;
font-weight: 400;
line-height: 26px; }
.service3 .service2__block .service3__text:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -127px;
width: 2000px;
height: 1px;
background: #f3f3f3; }
.service3 .service2__block span {
width: 50px;
height: 50px;
font-size: 18px;
margin-right: 20px;
margin-bottom: 0; }
.service3__top {
margin-bottom: 20px;
align-items: center; }
.service3__top img {
margin-right: 20px; }
.area3 .area__pic {
z-index: 2;
top: 117px;
right: 90px; }
.area3__list li {
margin-bottom: 30px;
align-items: center; }
.area3__list li p {
margin-left: 13px;
color: white;
font-size: 16px;
font-weight: 400;
line-height: 120%; }
.area3__list li:last-child {
margin-bottom: 0; }
.area3 .area__wrap {
padding: 67px 0; }
.work {
padding: 87px 0 124px;
position: relative; }
.work__bg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
object-fit: cover; }
.work__content h2 {
margin-bottom: 24px; }
.work__content p {
width: 100%;
max-width: 641px;
margin-bottom: 25px;
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 26px; }
.work__content p:last-child {
margin-bottom: 0; }
.work__text {
margin: 214px 0 50px;
color: #1d1d1b;
font-size: 24px;
font-weight: 400;
line-height: 26px;
position: relative; }
.work__text:before {
content: "";
display: block;
position: absolute;
top: -84px;
left: 0px;
width: 1020px;
height: 1px;
background: rgba(217, 217, 217, 0.4); }
.work .info__area {
margin: 0;
display: flex;
justify-content: flex-start;
max-width: 100%; }
.work .info__area .info__item {
width: max-content;
margin-right: 20px;
padding-right: 40px;
height: 71px; }
.work .info__area .info__item:last-child {
margin-right: 0; }
.area4__row {
justify-content: space-between;
margin-top: 60px;
position: relative;
z-index: 2; }
.area4__item {
width: 33%;
overflow: hidden;
height: 214.52px;
border-radius: 10px;
background: white;
padding: 36px 24px;
align-items: flex-start; }
.area4__item span {
display: flex;
align-items: center;
justify-content: center;
width: 54.85px;
height: 26.45px;
border-radius: 10px;
background: #00853B;
color: white;
font-size: 14px;
font-weight: 400;
line-height: 16px;
margin-right: 25px;
flex: 1 0 auto;
max-width: 55px; } .area4__content {
position: relative;
padding-left: 28px; }
.area4__content h3 {
margin-top: 0;
margin-bottom: 20px;
color: #1d1d1b;
font-size: 26px;
font-weight: 400;
line-height: 30px; }
.area4__content p {
color: #1d1d1b;
font-size: 16px;
font-weight: 400;
line-height: 26px; }
.area4__content:before {
content: "";
display: block;
position: absolute;
top: -66px;
left: 0px;
width: 1px;
height: 300px;
background: #f3f3f3; }
.step3 .step__item {
height: 201px;
width: 24%;
padding: 30px 0 25px; }
.step3 .step__item h3 {
color: #00853B !important;
font-size: 40px;
margin-bottom: 22px !important;
font-weight: 700;
line-height: 47px; }
.step3 .step__item p {
padding: 24px 40px 0; }
.step3 .step__item .step__area {
padding: 0 40px; }
.how2__sub {
margin-bottom: 48px;
margin-top: 25px;
color: #a6a9ab;
font-size: 16px;
font-weight: 400;
line-height: 26px; }
.how2__content {
margin-top: auto; }
.how2__content p {
margin-top: 0;
color: white;
font-size: 24px;
font-weight: 700;
line-height: 28px;
margin-bottom: 10px; }
.how2__content span {
color: white;
font-size: 16px;
font-weight: 400;
line-height: 19px;
display: block;
margin-bottom: 22px; }
.how2__info {
padding-top: 21px;
position: relative;
align-items: center; }
.how2__info:before {
content: "";
display: block;
position: absolute;
top: 0px;
left: -72px;
width: 700px;
height: 1px;
background: rgba(255, 255, 255, 0.2); }
.how2__info span {
display: flex;
border-radius: 50%;
flex: 1 0 auto;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
background: #00853B;
max-width: 45px;
color: white;
font-size: 16px;
font-weight: 500;
line-height: 19px; }
.how2__info p {
margin-left: 16px;
margin-top: 0;
color: white;
font-size: 18px;
font-weight: 400;
line-height: 21px; }
.how2 .how__item {
padding: 25px 50px; }
@media screen and (max-width: 1620px) {
.container {
max-width: 1350px !important; }
.nav__list li a {
font-size: 16px; }
.nav__enter {
width: 94px;
font-size: 13px;
margin-right: 10px; }
.nav__btn {
font-size: 13px;
width: 145px; }
.nav__logo {
width: 190px; }
.nav__list li {
margin-right: 20px; }
.nav__enter .svg {
margin-right: 8px; }
.calc__wrap {
padding: 30px; }
.calc__left {
padding: 30px; }
.calc-right__block:first-child p, .calc-right__block p {
font-size: 15px; }
.calc-right__tr:first-child {
margin-right: 44px; }
.calc-right__tr:nth-child(2) {
margin-right: 126px; }
.calc-right__tr:nth-child(3) {
margin-right: 125px; }
.calc-right__info p {
font-size: 16px; }
.calc__item input, #up, #up2, #up3, #down, #up, #down2, #up2, #down3, #up3 {
width: 35px; }
.calc__text {
font-size: 14px;
min-width: 55px; }
.calc-right__area:first-child p:first-child {
margin-right: 131px; }
.calc-right__area:first-child {
width: 33.5%; }
.calc-right__area:nth-child(2) {
width: 63.5%; }
.about__item p {
margin-left: 20px; }
.about__item span {
padding-right: 20px; }
.area__pic {
top: 107px;
right: 169px;
z-index: 2; }
.step__btn {
position: relative;
z-index: 2; }
.info {
padding: 57px 0 136px; }
.order__sub {
margin-bottom: 40px; }
.order__wrap {
padding: 60px 100px; }
.van__el {
width: 229px;
height: 928px;
top: -91px; }
.van__el_3 {
right: 60px; }
.van__el_2 {
right: 302px; }
.van__el_1 {
left: 423px; }
.order2 .order__wrap {
padding: 30px; }
.order2__copy p {
font-size: 14px; }
.order2__content {
padding: 30px 20px; }
.faq .accordeon__button {
font-size: 20px; }
.faq .panel__info {
font-size: 14px; }
.faq__pic {
width: 30%; }
.call__btn {
z-index: 2; }
.call__wrap p {
font-size: 30px; }
.contacts__content, .contacts__row img {
max-width: 30%; }
.contacts #map, .contacts__info {
max-width: 65%; }
.contacts__el p {
font-size: 14px !important; }
.contacts__el:first-child {
}
.art__item {
width: 32.17%; }
.art__item p br {
display: none; }
.art-item article {
max-width: 63%; }
.art-item__block {
max-width: 32%; }
.pack__block {
height: auto; }
.pack__info {
padding: 15px; }
.pack__name, .pack__area p {
font-size: 12px; }
.pack__text {
font-size: 14px; }
.pack__text br {
display: none; }
.pack__item:last-child .pack__text br {
display: block; }
.service2__block p {
font-size: 16px;
line-height: 24px; }
.who__item p br {
display: none; }
.step2 .step__item p br {
display: none; }
.step2 .step__item p {
padding: 39px 0 0; }
.step2 .step__item {
padding: 40px 20px; }
.step2 .step__area {
padding: 0; }
.how__box {
margin-top: 40px; }
.service3 .service2__block .service3__text br {
display: none; }
.service3 .service2__block .service3__text {
font-size: 14px;
line-height: 24px; }
.work .info__area .info__item {
padding-right: 20px;
padding-left: 20px; }
.work .info__area .info__item p {
padding-left: 25px;
margin-left: 25px; }
.service4 .service2__block {
height: auto; }
.service4 .service2__block p {
font-size: 14px; }
.area4__content p br {
display: none; }
.area4__content h3 {
margin-top: 0;
margin-bottom: 10px;
font-size: 21px;
line-height: 27px; }
.step3 .step__item p {
padding-top: 20px; }
.step3 .step__item .step__area {
padding: 0; } }
.nav__info.nav__info_mobile {
display: none;
}
@media screen and (max-width: 1350px) {
.container {
max-width: 960px !important; }
.menu-btn {
width: 49px;
height: 49px;
position: absolute;
right: 0px;
top: 9px;
z-index: 11;
overflow: hidden;
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/bur1.svg) no-repeat center center; }
.menu-btn span {
width: 38px;
display: none;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #00853B;
transition: all 0.5s; }
.menu-btn span:nth-of-type(2) {
top: calc(50% - 8.5px);
width: 38px;
height: 2px; }
.menu-btn span:nth-of-type(3) {
top: calc(50% + 9.4px);
width: 38px;
height: 2px; }
.menu-wrapper {
position: fixed;
top: 84px;
right: 0;
width: 100%;
height: 100%;
padding: 40px 40px 40px;
background: white;
transform: translateX(500%);
transition: transform 0.5s;
z-index: 7;
overflow: hidden; }
.menu-wrapper li {
margin-bottom: 20px; }
.menu-wrapper li a,
.nav__list-parent__txt {
font-size: 18px;
color: #000; }
.menu-wrapper .nav__info.nav__info_mobile {
margin-bottom: 30px;
display: block; }
.menu-wrapper .nav__info.nav__info_mobile .nav__btn {
width: 100%;
}
.menu-wrapper .nav__enter {
margin-right: 0;
margin-bottom: 15px;
width: 123px;
font-size: 14px; }
.menu-wrapper .nav__btn {
width: 188px;
font-size: 14px; }
.menu-wrapper.active {
transform: translateX(0); }
.menu-btn.active {
overflow: visible;
position: fixed;
right: 30px;
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/bur2.svg) no-repeat center center;
top: 20px; }
.menu-btn.active span:nth-of-type(1) {
display: none; }
.menu-btn.active span:nth-of-type(2) {
top: 50%;
width: 24px;
transform: translate(-50%, 0%) rotate(45deg);
margin-left: 0; }
.menu-btn.active span:nth-of-type(3) {
width: 24px;
top: 50%;
transform: translate(-50%, 0%) rotate(-44deg);
margin-left: 0; }
.menu-btn, .menu {
display: block; }
.nav__box {
position: relative; }
.nav__list, .nav__local, .nav__info {
display: none; }
h1 {
font-size: 59px;
line-height: 120%; }
.header__wrap {
padding: 60px 40px; }
.header__text {
font-size: 18px;
margin-bottom: 60px; }
.calc__wrap {
flex-direction: column;
align-items: center;
margin-top: 20px; }
.calc__left {
width: 45%;
margin-bottom: 30px; }
.calc-right {
width: 100%; }
.about__row {
margin-top: 20px; }
.about__block:first-child .about__item {
margin-left: 0;
width: 100%; }
.about__block:first-child {
width: 32.25%; }
.about__item span {
font-size: 18px;
padding-right: 10px;
padding-left: 15px; }
.about__item p {
margin-left: 10px;
font-size: 14px;
line-height: 23px; }
.about__item p br {
display: none; }
.about__item {
padding-right: 10px; }
.about__block:last-child {
width: 66.3%; }
.about__block:last-child .about__item {
width: 100%; }
.about__block {
margin-bottom: 20px; }
.calc {
padding: 40px 0 30px; }
.sub {
margin-bottom: 15px; }
h2 {
font-size: 32px;
line-height: 120%; }
.about {
padding: 15px 0; }
.about__wrap {
padding: 40px; }
.area__fig {
top: inherit;
bottom: 0;
width: 43%; }
.area__bottom p {
position: relative;
z-index: 2; }
.area__info {
padding: 0 30px;
position: relative;
z-index: 3; }
.area__bottom {
padding: 30px; }
.area__pic {
top: 197px;
right: 115px;
z-index: 2;
width: 43%; }
.area__wrap {
padding: 40px 0; }
.area {
padding-bottom: 15px; }
.step__row {
margin-top: 20px; }
.step__item {
padding: 30px 0; }
.step__area {
padding: 0 20px; }
.step__item p {
padding: 20px 20px 0;
width: auto;
font-size: 14px;
line-height: 23px; }
.step__item p br {
display: none; }
.step__item h3 {
font-size: 21px;
line-height: 120%; }
.step__btn {
margin-left: 20px;
width: 87%; }
.step {
padding: 40px 0 30px; }
.info__box {
flex-direction: column; }
.info__sub {
font-size: 21px;
margin-top: 40px;
text-align: center; }
.info__area {
margin: 20px auto 0; }
.info__content {
width: 100%; }
.info__item p {
font-size: 14px;
line-height: 23px;
padding-left: 20px;
margin-left: 20px; }
.info__item {
height: 90px; }
.info {
padding: 40px 0 60px; }
.info__bg {
opacity: 0.75;
object-position: -81px 0px; }
.order {
padding: 40px 0 20px; }
.order__sub {
margin: 15px auto 20px;
font-size: 16px; }
.order__wrap {
padding: 40px; }
.order__form label {
font-size: 14px; }
.order__flex .order__item {
margin-bottom: 20px; }
.order__row {
margin-bottom: 15px;
margin-top: 0; }
.order__form button {
margin: 0 auto 20px; }
.order .sub {
margin-top: 30px; }
.van {
padding: 30px 0; }
.van__wrap {
padding: 40px; }
.van__scroll {
overflow-x: auto;
overflow-y: inherit;
padding: 92px 0 24px; }
.van__box {
width: 1200px; }
.van h2 {
margin-bottom: 10px; }
.order2__sub {
margin: 25px 0 20px;
font-size: 14px;
line-height: 23px; }
.order2__flex {
flex-direction: column;
align-items: center; }
.order2__wrap {
width: 100%;
max-width: 410px;
padding: 35px 0 20px;
margin-left: 0;
margin-top: 20px; }
.faq__pic {
display: none; }
.faq__box {
margin-top: 40px; }
.faq__content {
max-width: 100%; }
.faq .accordeon__item {
padding: 20px 0; }
.faq__btn {
margin-top: 30px; }
.service {
padding: 20px 0 30px; }
.service__wrap {
padding: 40px; }
.service__wrap h2 {
margin-bottom: 20px; }
.service__text p {
margin-bottom: 15px;
font-size: 14px;
line-height: 24px; }
.call__wrap {
padding: 40px 20px;
flex-direction: column; }
.call__wrap p {
margin-right: 0;
margin-bottom: 20px;
font-size: 24px;
line-height: 120%; }
.call {
padding: 10px 0 30px; }
.footer {
padding-top: 30px; }
.footer__logo {
margin-bottom: 25px; }
.footer__content {
flex-direction: column; }
.footer__content p {
font-size: 14px;
line-height: 25px;
margin-right: 0;
margin-bottom: 30px; }
.footer__tel {
font-size: 28px; }
.footer__info p {
margin-bottom: 15px; }
.footer__bottom {
padding: 30px 0 20px; }
.footer__flex {
flex-direction: column;
align-items: center;
text-align: center; }
.footer__flex p, .footer__flex a {
margin-bottom: 15px; }
.top__wrap {
padding-left: 40px; }
.top__wrap img {
right: -100px; }
.service__text p br, .top__wrap p br {
display: none; }
.map__wrap {
height: 550px; }
.map {
padding: 40px 0; }
.contacts__box {
flex-direction: column;
margin-bottom: 30px; }
.contacts__content, .contacts__row img {
max-width: 52%;
margin-bottom: 25px; }
.contacts #map, .contacts__info {
max-width: 100%; }
.contacts {
padding: 40px 0; }
.contacts #map {
height: 350px; }
.contacts__row img {
display: none; }
.rev__top {
align-items: flex-start;
flex-direction: column; }
.rev__top img {
margin-right: 0;
margin-bottom: 20px; }
.rev__top p {
margin-right: 0;
margin-bottom: 20px; }
.rev__text {
margin-top: 20px; }
.rev__item {
margin-bottom: 30px; }
.art__item {
width: 48.6%; }
.art__item:nth-child(3n) {
margin-right: 23px; }
.art__item:nth-child(2n) {
margin-right: 0px; }
.art-item__box {
margin-bottom: 40px;
flex-direction: column;
align-items: center; }
.art-item {
padding: 30px 0; }
.art-item article {
max-width: 100%; }
.art-item__block {
max-width: 100%; }
.art-item__row a {
height: auto;
padding: 30px; }
.art-item__text br {
display: none; }
.art-item__next .art-item__top {
justify-content: flex-start;
margin-right: 0; }
.art-item__next .art-item__text {
margin-left: 0; }
.art-item__text {
font-size: 16px;
line-height: 26px; }
.art-item__prev .svg {
margin-right: 20px; }
.art-item__next .svg {
margin-left: 20px; }
.art-item__prev .art-item__text {
padding-left: 28px; }
.pack__row {
margin-bottom: 40px;
flex-wrap: wrap;
justify-content: center; }
.pack__block {
margin: 14px;
width: 30%; }
.pack__flex {
flex-direction: column;
align-items: center; }
.pack__flex img {
width: 100%;
height: 247px;
max-width: 100%;
margin-right: 0; }
.pack__rules {
margin-bottom: 30px; }
.pack__content {
width: 100%; }
.pack__item {
padding: 20px; }
.service2__block {
width: 31%;
margin-bottom: 20px; }
.who h2 {
margin-bottom: 30px; }
.who__item {
padding: 30px 20px; }
.who__item h3 {
margin-bottom: 25px;
font-size: 20px;
line-height: 26px; }
.who__item p {
padding-top: 25px;
font-size: 14px;
line-height: 24px; }
.who__btn {
width: 100%;
height: 50px;
font-size: 18px; }
.step2 .step__item h3 {
margin-bottom: 25px;
font-size: 19px; }
.step2 .step__item p {
padding-top: 25px; }
.how__item {
padding: 40px 20px; }
.how__item p {
font-size: 18px; }
.how__item p br {
display: none; }
.how__item {
height: 400px; }
.service3 .service2__block span {
flex: 1 0 auto;
max-width: 40px;
height: 40px; }
.service3 .service2__block {
width: 49%;
height: auto; }
.service2 .service__wrap {
padding: 40px 30px; }
.area3 .area__pic {
width: 80%; }
.work__bg {
opacity: 0.7; }
.work__text:before {
width: 100%; }
.area4__row {
margin-top: 30px;
flex-wrap: wrap; }
.area4__item {
width: 100%;
margin-top: 0 !important;
margin-bottom: 20px;
height: auto; }
.step3 .step__item h3 {
font-size: 30px; }
.how2__sub {
margin-bottom: 25px;
margin-top: 15px;
font-size: 15px;
line-height: 23px; }
.how2 .how__item {
padding: 20px; } }
@media (max-width: 991px) {
input, textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.container {
max-width: 720px !important; }
h1 {
font-size: 47px; }
h1 span {
display: inline-block;
padding: 0px 14px 4px;
margin-left: -14px;
margin-right: -4px;
line-height: 103%; }
.header__text {
margin-bottom: 40px; }
.header__btn {
margin-bottom: 40px; }
.header__sub {
font-size: 16px; }
.header__wrap {
padding: 40px; }
.calc__left {
width: 390px; }
.calc__text {
min-width: 65px; }
.calc-right {
overflow-x: auto; }
.calc-right__top, .calc-right__flex, .calc-right__table {
width: 868px; }
.calc-right__area:first-child {
width: 291px; }
.calc-right__area:nth-child(2) {
width: 553px; }
.area__bottom {
flex-direction: column;
align-items: center; }
.area__bottom p {
max-width: 100%;
margin-bottom: 30px; }
.area__pic {
top: 241px;
right: 50%;
width: 300px;
margin-right: -150px; }
.step__item {
width: 47.5%; }
.order__flex .order__item {
width: 47.5%; }
.order__per p {
font-size: 13px; }
.order__form button {
width: 100%; }
.order__links a {
height: auto;
padding: 7px 15px; }
.order2 .calc__item .calc__text {
margin-right: 19px; }
.order2 .calc__pay .custom-checkbox + label::before {
margin-top: -2px; }
.order2 .calc__pay {
margin-bottom: 15px; }
.order2 .order__form button {
width: 100%; }
.order2__copy {
width: 100%;
height: auto;
padding: 20px; }
.faq .accordeon__button {
padding-right: 50px; }
.faq__btn {
width: 100%; }
.call__btn {
width: 100%; }
.footer__box {
margin-bottom: 30px;
flex-direction: column; }
.footer__content {
margin-bottom: 30px; }
.top__wrap img {
right: -9px;
height: 100%;
width: 45%;
opacity: 0.8; }
.contacts__content {
max-width: 100%; }
.contacts__info {
padding: 30px 20px; }
.contacts__el:first-child {
padding-right: 0; }
.contacts__el {
flex-direction: column;
text-align: center; }
.contacts__el p:first-child {
margin-bottom: 10px; }
.rev__box {
margin-top: 20px; }
.rev__item {
width: 100%;
margin-bottom: 20px;
padding: 20px; }
.rev__text p {
font-size: 14px;
line-height: 24px; }
.rev__top p {
font-size: 20px;
margin-bottom: 10px; }
.rev__top span {
font-size: 14px; }
.art__item {
width: 48.3%;
padding: 20px; }
.art__item img {
height: 220px; }
.art__item p {
font-size: 18px;
line-height: 28px; }
.art-item article p {
font-size: 18px;
line-height: 28px;
margin-bottom: 25px; }
.art-item article h2 {
font-size: 24px;
line-height: 26px;
margin-bottom: 21px; }
.art-item article h3 {
margin-bottom: 20px;
font-size: 21px;
line-height: 28px; }
.pack__block {
width: 45%; }
.pack__content h3 {
font-size: 18px;
line-height: 24px; }
.pack__text {
margin-bottom: 10px; }
.pack__flex {
margin-bottom: 15px; }
.top2 .top2__text {
margin-bottom: 40px; }
.top2__btn {
height: 50px; }
.service2 .service__wrap {
padding: 40px 20px; }
.service2__text {
font-size: 18px;
margin-bottom: 20px; }
.who__wrap {
padding: 30px 20px; }
.who__btn .svg {
margin-left: 30px; }
.top2 .top__wrap, .top3 .top__wrap {
background: transparent; }
.service2 .service__wrap {
padding-bottom: 15px; }
.area3 .area__text br {
display: none; }
.area3 .area__wrap {
padding: 40px 0; }
.area3 .area__pic {
z-index: 2;
top: 149px;
right: 200px; }
.area3__list li p {
margin-bottom: 0; }
.work__text {
margin: 60px 0 20px;
font-size: 18px; }
.work .info__area {
flex-wrap: wrap; }
.work {
padding: 40px 0;
background: #F3F3F3; }
.work__bg {
display: none; }
.work__text {
margin-top: 40px; }
.how2__info {
flex-direction: column;
width: 100%; }
.how__item p {
margin-left: 0;
margin-top: 10px; }
.step3 .step__item {
padding: 20px; }
.step3 .step__item p {
padding-top: 20px; } }
@media screen and (max-width: 767px) {
.container {
max-width: 540px !important; }
h1 {
font-size: 38px; }
h2 {
font-size: 28px; }
.calc__item_per {
margin-bottom: 20px; }
.about__block {
height: auto;
width: 100% !important; }
.about__item {
height: 95px; }
.area__btn {
width: 100%; }
.step__item {
width: 100%;
margin-bottom: 20px;
padding: 20px 0; }
.step__item h3 {
margin-bottom: 25px; }
.step__item:last-child h3 {
margin-bottom: 40px; }
.step__item:last-child {
padding-top: 20px; }
.step__btn {
width: 300px;
margin: 0 auto; }
.step__bg {
width: 19%; }
.info__area {
max-width: 100%; }
.order__sub br {
display: none; }
.order__flex .order__item {
width: 100%; }
.order__row {
flex-direction: column; }
.order__per {
width: 100%; }
.order__text br {
display: none; }
.order2 .order__flex .order__item {
width: 100%; }
.order2 .calc__item {
width: 100%; }
.faq .accordeon__button {
font-size: 18px; }
.call__wrap p {
font-size: 21px;
position: relative;
z-index: 2; }
.footer__row {
flex-direction: column; }
.footer__btn {
margin-right: 0;
margin-top: 30px; }
.footer__flex p, .footer__flex a {
font-size: 12px; }
.bread {
margin-bottom: 40px; }
.page h1 {
font-size: 35px;
line-height: 120%; }
.top__wrap {
padding: 40px 20px 60px; }
.art__item {
width: 100%;
margin-right: 0 !important; }
.art__item:nth-child(n+6) {
display: none; }
.art {
padding-top: 40px; }
.art-item__row {
flex-direction: column; }
.art-item__row a {
width: 100%; }
.art-item__row a:first-child {
margin-bottom: 20px; }
.pack__block {
width: 100%;
margin: 0 auto 20px;
padding: 20px; }
.pack__image {
margin-bottom: 15px; }
.pack__item {
width: 100%; }
.service2__block {
width: 48%;
height: auto; }
.who__item {
width: 100%; }
.how__box {
margin-top: 30px;
flex-wrap: wrap; }
.how__item {
width: 100%;
margin-bottom: 20px;
height: 300px; }
.how {
padding: 0; }
.area3 .area__pic {
top: 206px; }
.work__content p {
margin-bottom: 15px; }
.work__content p br {
display: none; }
.how2 .how__item img {
opacity: 0.85; }
.how2__content {
margin: auto auto 0;
text-align: center; }
.step3 .step__item {
width: 100%;
height: auto; }
.service4 .service2__block {
padding: 20px; } }
@media screen and (max-width: 576px) {
button:active, button:focus {
outline: none; }
button::-moz-focus-inner {
border: 0; }
a:active, a:focus {
outline: none; }
input, textarea {
outline: none; }
input:active, textarea:active {
outline: none; }
input:focusout {
outline: none; }
.mm {
flex-direction: column;
align-items: center;
justify-content: center; }
.mm li {
margin-bottom: 40px !important;
width: 100% !important;
margin-top: 0 !important; }
.mob {
display: block !important; }
.menu-btn.active {
right: 15px;
top: 19px; }
.menu {
padding-left: 20px; }
h1 {
font-size: 29px; }
.header__text {
font-size: 16px;
width: 80%;
margin-bottom: 30px; }
.header__wrap {
padding: 30px 20px; }
.header__btn {
width: 100%;
height: 46px;
margin-bottom: 30px; }
.header__sub {
font-size: 14px; }
h2 {
font-size: 24px; }
.calc__left {
width: 100%; }
.input {
height: 40px !important; }
.order__form input {
font-size: 14px; }
.calc__item {
height: auto;
flex-direction: column;
align-items: center;
padding: 20px; }
.calc__text {
min-width: inherit;
margin-right: 0;
margin-bottom: 20px;
text-align: center; }
.calc__wrap {
padding: 20px; }
.calc__left {
padding: 20px; }
.calc__area:last-child {
margin-right: 0; }
#incdec, #incdec2, #incdec3 {
width: max-content; }
#up, #up2, #up3 {
margin-left: 40px; }
.calc__item_per input {
margin: 0 auto; }
.calc__area:last-child {
margin: 0 auto; }
.calc__show p {
font-size: 14px; }
.about__item {
align-items: flex-start;
height: auto;
overflow: hidden; }
.about__item p {
padding: 10px; }
.about__item span {
padding-top: 7px;
border-right: none;
position: relative;
font-size: 16px; }
.about__item span:after {
content: "";
display: block;
position: absolute;
right: -5px;
top: 0;
background: #f3f3f3;
width: 1px;
height: 400px; }
.about__block {
margin-bottom: 10px; }
.area__text br {
display: none; }
.area__pic {
top: 277px; }
.area__bottom p, .area__text {
font-size: 14px; }
.step__bg {
width: 27%; }
.step__btn {
height: 45px; }
.info__text {
font-size: 14px; }
.info__text br {
display: none; }
.info__sub {
font-size: 18px;
margin-top: 25px; }
.info__item {
padding-left: 20px; }
.info {
background: #f3f3f3; }
.order__sub {
font-size: 14px;
line-height: 24px; }
.order__wrap {
padding: 20px; }
.order__item .selectCF, .order__form input {
height: 40px; }
.order__item .selectCF {
padding-top: 11px;
font-size: 14px; }
.order__item .onCF li ul {
top: 40px; }
.order__item .selectCF, .order__form input {
height: 40px; }
.order__item .selectCF .titleCF {
font-size: 14px; }
.order__item .selectCF .arrowCF {
top: 4px; }
.order__form label {
font-size: 12px;
margin-bottom: 10px; }
.order__form button {
height: 45px;
font-size: 16px; }
.btn .svg {
margin-left: 40px; }
.order__row .order__per label {
height: 50px; }
.order__links a .svg {
display: flex;
flex: 1 0 auto;
max-width: 11px; }
.van {
padding-top: 0; }
.van__wrap {
padding: 20px; }
.van__row p {
font-size: 16px; }
.van__scroll {
padding: 92px 0 43px; }
.calc__item input, #up, #up2, #up3, #down, #up, #down2, #up2, #down3, #up3 {
width: 40px;
height: 40px; }
.order2 .calc__item {
padding-right: 20px; }
.order2__copy p {
font-size: 10px; }
.order2__logo {
margin-bottom: 20px; }
.service__wrap {
padding: 20px; }
.call__btn {
font-size: 16px;
height: 45px; }
.footer__logo {
margin-bottom: 20px; }
.footer__content p {
margin-bottom: 20px; }
.van__row {
padding-left: 20px; }
.about__wrap {
padding: 30px 20px; }
.header__wrap img {
object-position: -354px 0px; }
.top__wrap img {
right: -45px;
height: 100%;
width: 63%;
opacity: 0.6;
top: -33px; }
.contract__btn {
width: 100%;
margin-top: 25px;
font-size: 16px;
height: 55px; }
.contract__btn .svg {
margin-left: 30px; }
.faq__btn {
height: 50px; }
.map__block {
width: 100%; }
.contacts__item p, .contacts__mail {
font-size: 16px; }
.contacts__tel {
font-size: 21px; }
.contacts__flex {
flex-direction: column; }
.contacts__flex a {
width: 100%; }
.contacts__telegram {
margin-bottom: 10px; }
.rev .style1 {
width: 100%; }
.art-item__block {
padding: 30px 20px; }
.art-item__top p {
font-size: 20px; }
.art-item__text {
font-size: 15px; }
.pack__image {
height: auto; }
.pack__row {
margin-bottom: 20px; }
.pack__rules {
font-size: 18px;
height: 70px; }
.pack__scroll {
min-height: auto; }
.pack__item {
margin-bottom: 25px; }
.pack__text {
font-size: 13px;
line-height: 20px; }
.pack .accordeon .panel__info {
font-size: 12px; }
.top2 img {
object-position: -800px 0px; }
.service2__block {
width: 100%; }
.btn .svg {
margin-left: 20px; }
.top2 img {
display: none; }
.top2 .top__wrap {
background: #00853B; }
.service3 .service2__block {
width: 100%; }
.area3 {
padding-top: 20px; }
.area3 .area__text {
margin-bottom: 230px; }
.area3 .area__pic {
top: 282px;
width: 320px;
margin-right: -160px;
right: 50%; }
.work .info__area .info__item {
margin-right: 0;
width: 100%; }
.area4 h2 br, .service4 h2 br {
display: none; }
.area4__item {
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px; }
.area4__item span {
margin-right: 0;
margin-bottom: 20px; }
.area4__content {
padding-left: 0; }
.area4__content:before {
display: none; }
.how2__sub {
margin-bottom: 0px; } }
@media screen and (max-width: 380px) {
.area__pic {
top: 309px; } } .order__form input {
color: #000; } .order__form input::placeholder { color: #757575 !important; opacity: 1; } .order__form input::-webkit-input-placeholder { color:#757575 !important; }
.order__form input::-moz-placeholder        { color:#757575 !important; opacity:1; }
.order__form input:-ms-input-placeholder    { color:#757575 !important; }
.calc__item.q > label {
margin-bottom: 0 !important;
}
.nav__list-parent {
position: relative;
}
.nav__list-parent__txt {
display: block;
transition: 0.5s;
position: relative;
padding-right: 1em;
cursor: pointer;
}
.nav__list-parent__txt:hover {
color: #00853B;
}
.nav__list-parent__txt:after {
transition: 0.5s;
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
width: 0.4em;
height: 0.4em;
border-bottom: 2px solid #00853B;
border-right: 2px solid #00853B;
transform: translateY(-50%) rotate(45deg);
margin-top: -.1em;
}
.nav__list-parent.active .nav__list-parent__txt:after {
margin-top: .09em;
transform: translateY(-50%) rotate(-135deg);
}
.nav__list-child {
display: none;
position: absolute;
top: 100%;
white-space: nowrap;
background: #fff;
padding: 1em;
border-radius: .5em;
z-index: 9;
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.25);
}
.showmobilemenu {
overflow: hidden;
}
@media screen and (max-width: 1350px) {
.nav__list-wrapper-scroll {
overflow: auto;
height: 100%;
padding-bottom: 40px;
}
.nav__list-child {
position: relative;
top: auto;
box-shadow: none;
background: transparent;
padding: 0;
padding-left: 1em;
border-radius: 0;
}
.menu-wrapper {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
padding: 110px 40px 40px;
background: white;
transform: translateX(100%);
transition: transform 0.5s;
z-index: 7;
overflow: hidden;
}
.menu-wrapper .nav__list {
display: block;
}
.menu-wrapper.active {
transform: translateX(0);
}
.menu-btn.active {
overflow: initial;
position: absolute;
right: 0;
background: url(//cdekvip.ru/wp-content/themes/thememaxi/img/bur2.svg) no-repeat center center;
top: 9px;
}
.nav__list-parent__txt {
margin-bottom: 1em;
}
}
.cookie-banner__title {
font-weight: 500;
margin-bottom: .7em;
font-size: 14px;
line-height: 1.2;
}
.cookie-banner {
position: fixed;
bottom: 0;
left: 0;
z-index: 9999;
display: none;
padding: 1em;
}
.cookie-banner__container {
max-width: 768px;
margin: 0 auto;
display: flex;
border-radius: 8px;
background: #f7f7f7;
padding: 20px;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
flex-direction: column;
}
.cookie-banner__text {
font-size: 12px;
line-height: 1.7;
color: #000;
margin-bottom: 1em;
}
.cookie-banner__link {
color: #0053B3;
font-weight: 500;
text-decoration: underline;
}
.cookie-banner__button {
background: #00853B;
color: #fff;
border: none;
padding: 1em 2em;
border-radius: 8px;
cursor: pointer;
font-weight: 500;
font-size: 12px;
line-height: 1.2;
text-align: center;
}
.suggestions {
list-style-type: none;
padding: 0;
margin: 0;
border: 1px solid #ccc;
max-height: 150px;
overflow-y: auto;
display: none;
}
.suggestions li {
padding: 5px;
cursor: pointer;
}
.suggestions li:hover {
background-color: #f0f0f0;
}.footer, .footer__bottom {
background: #161616;
color: #fff;
}
.footer__content ul li a {
color: #fff;
}
.footer__tel span {
color: #fff;
}
.footer__info p {
color: #fff;
}
.footer__mail {
color: #fff;
}
.footer__row ul li a {
color: #fff;
}
.footer__flex p, .footer__flex a {
color: #fff;
}
.header_phone {
display: flex;
justify-content: center;
align-items: center;
padding-right: 15px;
}
.header_phone a {
color: #000;
font-weight: bold;
}
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
}
.modal .modal-content {
background: white;
padding: 35px;
border-radius: 8px;
width: 430px;
text-align: center;
}
.modal h2 {
font-size: 20px;
}
.modal .close {
float: right;
cursor: pointer;
font-size: 20px;
}
.modal .form-group {
margin: 10px 0;
text-align: left;
}
.modal label {
display: block;
font-size: 14px;
}
.modal input {
width: 100%;
padding: 8px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 4px;
}
.modal .submit-btn {
width: 100%;
padding: 17px;
border: none;
border: 1px solid #009b47;
background: #009b47;
color: white;
border-radius: 4px;
cursor: pointer;
margin-top: 10px;
}
.whatsapp-button {
position: fixed;
right: 55px;
bottom: 35px;
transform: translate(-50%, -50%);
background: #25D366; border-radius: 50%;
width: 55px; height: 55px; color: #fff;
text-align: center;
line-height: 53px; font-size: 35px; z-index: 9999;
}
.whatsapp-button a {
color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
content: " ";
display: block;
position: absolute;
border: 50%;
border: 1px solid #25D366; left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
animation: animate 1.5s linear infinite;
opacity: 0;
backface-visibility: hidden; 
}
.whatsapp-button:after{
animation-delay: .5s;
}
.tg-button {
position: fixed;
right: 55px;
bottom: 105px;
transform: translate(-50%, -50%);
background: #24A1DE; border-radius: 50%;
width: 55px; height: 55px; color: #fff;
text-align: center;
line-height: 53px; font-size: 35px; z-index: 9999;
}
.tg-button i {
margin-top: 10px;
}
.tg-button a {
color: #fff;
}
.tg-button:before,
.tg-button:after {
content: " ";
display: block;
position: absolute;
border: 50%;
border: 1px solid #24A1DE; left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
animation: animate 1.5s linear infinite;
opacity: 0;
backface-visibility: hidden; 
}
.tg-button:after{
animation-delay: .5s;
}
@keyframes animate
{
0%
{
transform: scale(0.5);
opacity: 0;
}
50%
{
opacity: 1;
}
100%
{
transform: scale(1.2);
opacity: 0;
}
}
@media (max-width : 800px) {  
.whatsapp-button {   
bottom: 5px; 
right: 5px; 
}
.tg-button {   
bottom: 105px; 
right: 5px; 
}
}
.form-sended {
text-align: center;
font-size: 30px;
font-weight: bold;
margin-top: 40px;
margin-bottom: 50px;
display: none;
}
.tarif_item {
display: flex;
justify-content: space-between;
}
.calc-right__area:first-child {
width: 100%;
}
.calc-right__area p {
width: 33%;
text-align: center;
}
.tarif_item div {
width: 33%;
text-align: center;
}
.tarif_item div:first-child {
text-align: left;
}
.news-item__box img {
width: 100%;
height: 435px;
object-fit: cover;
border-radius: 10px;
}
.call__fir {
font-size: 26px;
font-weight: bold;
text-align: center;
line-height: 31px;
}
.news-item__box p {
font-size: 18px;
font-weight: 300;
line-height: 30px;
color: #282828;
margin-bottom: 25px;
width: 100%;
max-width: 839px;
}
.news-item__box h2 {
font-size: 32px;
font-weight: 900;
color: #000;
margin-bottom: 40px;
}
.form_send {
text-align: center;
font-size: 24px;
padding: 20px;
padding-top: 60px;
padding-bottom: 60px;
display: none;
}
.map_wrap {
max-width: 63.73%;
width: 100%;
height: 597px;
overflow: hidden;
border-radius: 20px;
}
.popup_call {
width: 450px;
padding: 0;
padding-top: 38px;
}
.popup2 {
width: 425px;
height: 155px;
padding-right: 50px;
}
.smal-page p {
margin-bottom: 20px;
}
.smal-page h3 {
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.form_white {
color: #fff;
}
.white-popup-block {
background: #fff;
padding: 20px 30px;
text-align: left;
max-width: 450px;
margin: 40px auto;
position: relative;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.call_back_div label {
display: block;
margin-top: 13px;
margin-bottom: 8px;
}
.white-popup-block h1 {
text-align: center;
color: #000;
font-size: 24px;
}
.call_back_div {
margin-bottom: 10px;
text-align: center;
}
.call_back_div input[type="text"], .call_back_div input[type="email"] {
height: 40px;
border: 1px solid #adadad;
padding-left: 15px;
margin-top: 7px;
width: 100%;
color: #000;
}
.call_back_div button[type="submit"] {
font-size: 15px;
line-height: 18px;
font-weight: 400;
cursor: pointer;
white-space: nowrap;
color: #ffffff;
width: 100%;
background-color: #2e90ea;
padding: 11px 26px;
border-radius: 3px;
text-decoration: none;
transition: 0.4s;
border: 0;
margin-top: 30px;
height: 50px;
}
@media screen and (max-width: 576px) {
.news-item__box img {
margin-bottom: 30px;
width: 100%;
height: auto;
}
.news-item__box p {
line-height: 28px;
margin-bottom: 30px;
font-size: 18px;
}
.news-item__box h2 {
font-size: 26px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 1199px) {
.map_wrap {
max-width: 100%;
margin: 25px 0;
height: 400px;
}
} .messenger-icon { display: inline-block; width: 35px; height: 35px; vertical-align: middle; fill: currentColor; }