/* Start:/local/templates/integrator2021/static/css/fancybox.css?170359567225464*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/integrator2021/static/css/styles.css?1748544580296197*/ html._lock { overflow: hidden; } .error { border: 1px solid red !important; } .confirm-form { display: none; } #feedbackres_form .modal-confirm { width: 100%; } .modal-confirm { position: fixed; top: 50%; right: auto; bottom: 0; transform: translate(-50%, -50%); left: auto; text-align: center; overflow-x: auto; overflow-y: hidden; z-index: 200; } .modal-confirm { top: 38%; right: auto; bottom: auto; transform: none; left: auto; } .content-confirm { width: 100%; min-width: 200px; width: 100%; position: relative; background-color: #FAFAFA; z-index: 300; font-size: 24px; padding: 30px; line-height: 30px; border-radius: 20px; } .content-confirm { width: 500px; margin: 0 auto; } .cover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: 100; } @media screen and (min-width: 1280px) { .container { max-width: 1340px; padding: 0 20px; } } .footer .container { max-width: 1340px !important; padding: 0 20px !important; } .big-title h1 { margin-bottom: 30px; font-size: 55px; } .main-block { width: 100%; } .main-customization__heading h1 { color: #000; } .main-customization__heading h1 span { color: #7048b8; } .main-customization { /*margin-bottom: 40px;*/ } .advice-but-box { margin-top: 15px; } .cards-slider { margin-bottom: 20px; } @media (max-width: 991px) { .main-customization__content { /*padding: 0 40px !important;*/ } .main-customization__images { margin-left: 15%; } } @media (max-width: 830px) { .main-customization__images { display: none; } } @media (max-width: 1280px) { .main-customization__content { /* width: 90%;*/ } } .main-customization .crm-answer__input { background-color: #fff; border-radius: 25px; border: 1px solid #908F8F; line-height: 1.3; padding: 10px 30px; width: 100%; /* text-align: center;*/ margin-right: 20px; } .main-customization .crm-answer__input::placeholder { font-weight: 400; font-size: 16px; color: #918F8F; } .inp-row { margin-top: 30px; } .inp-row input { min-width: 268px; } .inp-row a { margin-top: 0 !important; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .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 { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode>.swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered>.swiper-wrapper::before { content: ''; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal>.swiper-wrapper::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical>.swiper-wrapper::before { width: 100%; height: var(--swiper-centered-offset-after); } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; } @font-face { font-family: "Open Sans"; src: url(/local/templates/integrator2021/static/css/../fonts/opensans/light/opensanslight.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/opensans/light/opensanslight.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/opensans/light/opensanslight.ttf) format("truetype"); font-weight: 300; font-style: "normal"; font-display: swap; } @font-face { font-family: "Open Sans"; src: url(/local/templates/integrator2021/static/css/../fonts/opensans/regular/opensans.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/opensans/regular/opensans.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/opensans/regular/opensans.ttf) format("truetype"); font-weight: 400; font-style: "normal"; font-display: swap; } @font-face { font-family: "Open Sans"; src: url(/local/templates/integrator2021/static/css/../fonts/opensans/bold/opensansbold.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/opensans/bold/opensansbold.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/opensans/bold/opensansbold.ttf) format("truetype"); font-weight: 700; font-style: "normal"; font-display: swap; } @font-face { font-family: "Open Sans"; src: url(/local/templates/integrator2021/static/css/../fonts/opensans/extrabold/opensansextrabold.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/opensans/extrabold/opensansextrabold.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/opensans/extrabold/opensansextrabold.ttf) format("truetype"); font-weight: 800; font-style: "normal"; font-display: swap; } @font-face { font-family: "Raleway"; src: url(/local/templates/integrator2021/static/css/../fonts/raleway/light/Raleway-Light.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/raleway/light/Raleway-Light.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/raleway/light/Raleway-Light.ttf) format("truetype"); font-weight: 300; font-style: "normal"; font-display: swap; } @font-face { font-family: "Raleway"; src: url(/local/templates/integrator2021/static/css/../fonts/raleway/regular/Raleway-Regular.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/raleway/regular/Raleway-Regular.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/raleway/regular/Raleway-Regular.ttf) format("truetype"); font-weight: 400; font-style: "normal"; font-display: swap; } @font-face { font-family: "Raleway"; src: url(/local/templates/integrator2021/static/css/../fonts/raleway/medium/Raleway-Medium.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/raleway/medium/Raleway-Medium.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/raleway/medium/Raleway-Medium.ttf) format("truetype"); font-weight: 500; font-style: "normal"; font-display: swap; } @font-face { font-family: "Raleway"; src: url(/local/templates/integrator2021/static/css/../fonts/raleway/semibold/Raleway-SemiBold.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/raleway/semibold/Raleway-SemiBold.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/raleway/semibold/Raleway-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: "normal"; font-display: swap; } @font-face { font-family: "Raleway"; src: url(/local/templates/integrator2021/static/css/../fonts/raleway/bold/Raleway-Bold.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/raleway/bold/Raleway-Bold.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/raleway/bold/Raleway-Bold.ttf) format("truetype"); font-weight: 700; font-style: "normal"; font-display: swap; } @font-face { font-family: "Roboto"; src: url(/local/templates/integrator2021/static/css/../fonts/roboto/regular/Roboto-Regular.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/roboto/regular/Roboto-Regular.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/roboto/regular/Roboto-Regular.ttf) format("truetype"); font-weight: 400; font-style: "normal"; font-display: swap; } @font-face { font-family: "Roboto"; src: url(/local/templates/integrator2021/static/css/../fonts/roboto/medium/Roboto-Medium.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/roboto/medium/Roboto-Medium.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/roboto/medium/Roboto-Medium.ttf) format("truetype"); font-weight: 500; font-style: "normal"; font-display: swap; } @font-face { font-family: "Roboto"; src: url(/local/templates/integrator2021/static/css/../fonts/roboto/bold/Roboto-Bold.woff) format("woff"), url(/local/templates/integrator2021/static/css/../fonts/roboto/bold/Roboto-Bold.woff2) format("woff2"), url(/local/templates/integrator2021/static/css/../fonts/roboto/bold/Roboto-Bold.ttf) format("truetype"); font-weight: 700; font-style: "normal"; font-display: swap; } html { font-family: "Raleway", Arial, sans-serif; font-size: 16px; height: 100%; } body { height: 100%; scroll-behavior: smooth; text-rendering: optimizeSpeed; line-height: 1.15; font-variant-numeric: lining-nums; } body::before { background-color: rgba(63, 58, 58, 0.6); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); content: ''; display: block; height: 100vh; left: 0; opacity: 0; position: fixed; pointer-events: none; -webkit-transition: all ease-out .2s .5s; -o-transition: all ease-out .2s .5s; transition: all ease-out .2s .5s; top: 0; width: 100%; z-index: 15; } body._lock { overflow: hidden; } body._overlay { position: relative; } body._overlay::before { opacity: 1; pointer-events: all; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } body, h1, h2, h3, h4, h5, h6, p, ol, ul { margin: 0; padding: 0; font-weight: normal; } ol, ul { list-style: none; } img { max-width: 100%; /* display: block; */ } input, button, textarea, select { font: inherit; } audio, canvas, iframe, img, svg, video, textarea { vertical-align: middle; } textarea { resize: none; } section { position: relative; } input, select, button { outline: none; } a { -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; } a:hover { opacity: .7; } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* height: 100%;*/ } .content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .container { margin: 0 auto; padding: 0 20px; width: 100%; } .visually-hidden { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .color-purple { color: #7048b8; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: 2px solid #ffa800; border-radius: 25px; color: #000; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; line-height: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 20px; text-decoration: none; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; width: auto; } .button:hover { background-color: #ffa800; color: #fff; opacity: 1; } .button:focus-visible { outline: 2px solid black; } .wrapper a.button--fill { background-color: #ffa800; color: #fff; } .wrapper a.button--fill:hover { background-color: #fff; color: #ffa800; } .button--purple { background-color: #7048b8; border-color: #7048b8; color: #fff; } .button--purple:hover { background-color: #fff; color: #7048b8; } .button:active { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .footer { background-color: #110918; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__content { padding: 35px 0; } .footer__title { color: #fff; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 20px 0; } .footer__social { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 30px 0; } .footer__social-item:not(:last-child) { margin: 0 10px 0 0; } .footer__social-link { -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; } .footer__social-link:hover { opacity: .7; } .footer__contacts { gap: 20px 30px; display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 30px 0; } .footer__contacts-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__contacts-city { color: #fff; font-size: 14px; font-weight: 700; line-height: 17px; margin: 0 0 10px 0; } .footer__contacts-link { color: #fff; font-size: 14px; font-weight: 500; line-height: 18px; text-decoration: none; -webkit-transition: opacity ease-out .15s; -o-transition: opacity ease-out .15s; transition: opacity ease-out .15s; } .footer__contacts-link--yellow { color: #ffa800; } .footer__contacts-link:hover { opacity: .7; } .footer__copy { background-color: #000; color: #a0a0a0; font-size: 10px; font-weight: 500; line-height: 13px; padding: 13px 0; } .footer__copy-copyright { margin: 0 0 10px 0; } .header { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__top { background-color: #fff; position: relative; z-index: 40; } .header__top::before { background: -webkit-gradient(linear, left top, right top, from(#d1b8ff), to(#6e1ab1)); background: -o-linear-gradient(left, #d1b8ff 0%, #6e1ab1 100%); background: linear-gradient(90deg, #d1b8ff 0%, #6e1ab1 100%); bottom: 0; content: ""; height: 1px; left: 0; opacity: .3; position: absolute; width: 100%; } .header__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 0; width: 100%; } .header__logo-link { padding: 0 20px 0 0; } .header__logo-picture { display: block; height: 28px; width: 184px; } .header__logo-img { height: 100%; width: 100%; } .header__actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 0 auto; } .header__inner { background-color: #fff; height: calc(var(--vh) * 100 - 60px); left: 0; overflow-y: auto; overflow-x: hidden; padding: 20px 20px 30px; position: fixed; pointer-events: none; top: 60px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all ease-out .5s; -o-transition: all ease-out .5s; transition: all ease-out .5s; width: 100%; z-index: 30; } .header__inner._active { pointer-events: all; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .header__call { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__call-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #2a2a2a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-weight: 600; height: 24px; line-height: 19px; text-decoration: none; width: 24px; } .header__call-number { display: none; } .header__contacts { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__phones { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 20px 0; width: 100%; } .header__phone { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #2a2a2a; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; line-height: 18px; text-decoration: none; } .header__phone-separate { display: block; margin: 0 10px; } .header__phone-icon { margin: 0 8px 0 0; } .header-social { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .header-social__item:not(:last-child) { margin: 0 15px 0 0; } .header-social__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; width: 30px; } .header-social__link--telegram { padding-right: 2px; } .crm-heading { border-bottom: 1px solid #ccc; overflow: hidden; margin: 0 0 35px 0; padding: 20px 0 15px; } .crm-heading__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 20px 0; } .crm-heading__slider { overflow: initial; } .crm-heading__list { margin: 0 -20px; } .crm-heading__item { width: auto; } .crm-heading__link { color: #000; font-family: "Roboto", Arial, sans-serif; font-weight: 500; line-height: 20px; text-decoration: none; } .crm-efficiency { border-bottom: 1px solid #ccc; } .crm-efficiency__title { font-size: 20px; font-weight: 700; line-height: 25px; margin: 0 0 30px 0; } .crm-efficiency__box { margin: 0 0 20px 0; } .crm-efficiency__text { font-weight: 300; line-height: 21px; margin: 0 0 35px 0; text-align: justify; } .crm-efficiency__text:not(:last-of-type) { margin: 0 0 20px 0; } .crm-efficiency__picture { display: block; margin: 0 -20px; } .crm-efficiency__img { height: auto; -o-object-fit: cover; object-fit: cover; max-width: 400px; margin: 0 auto; width: 100%; } .crm-included { padding: 55px 0; } .crm-included__title { font-size: 24px; font-weight: 600; line-height: 30px; text-align: center; margin: 0 0 8px 0; } .crm-included__sub-title { color: #ffa800; font-family: "Roboto", Arial, sans-serif; font-size: 20px; font-weight: 700; line-height: 25px; margin: 0 0 31px 0; text-align: center; } .crm-included__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .crm-included__item:not(:last-child) { margin: 0 0 38px 0; } .crm-included__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 26px 0; } .crm-included__tarif { font-size: 20px; line-height: 24px; } .crm-included__note { font-family: "Roboto", Arial, sans-serif; font-weight: 700; } .crm-included__sub-list { margin: 0 0 25px 0; } .crm-included__sub-item { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; } .crm-included__sub-item:not(:last-child) { margin: 0 0 20px 0; } .crm-included__icon-arrow { fill: #ffa800; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 10px 0 0; } .crm-included__icon-arrow--purple { fill: #7048b8; } .crm-included__include { font-weight: 300; line-height: 21px; } .crm-material { background: #ffa800 url("/local/templates/integrator2021/static/css/../images/common/material-bg-mobile.png") no-repeat center top; background-size: 100% auto; overflow: hidden; padding: 35px 0 60px; } .crm-material__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 54px 0; } .crm-material__swiper { overflow: initial; } .crm-material__date { color: #fff; display: inline-block; font-family: "Roboto", Arial, sans-serif; font-weight: 400; line-height: 19px; margin: 0 0 12px 0; } .crm-material__heading { font-size: 20px; font-weight: 700; line-height: 25px; margin: 0 0 10px 0; } .crm-material__text { font-weight: 300; line-height: 21px; margin: 0 0 25px 0; } .crm-material__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; line-height: 1; text-decoration: none; } .crm-material__icon { fill: #fff; margin: 0 0 0 10px; } .crm-material__button { margin: 40px 0 0 0; width: 100%; } .crm-material__nav { display: none; } .crm-material__nav-icon--prev { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .crm-video { border-bottom: 1px solid #ccc; padding: 35px 0 60px; } .crm-video__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 23px 0; } .crm-video__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .crm-video__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .crm-video__item:not(:last-child) { margin: 0 0 20px 0; } .crm-video__video { height: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 auto; max-width: 320px; min-height: 160px; width: 100%; } .crm-video__text { display: none; } .crm-video__button { margin: 40px 0 0 0; width: 100%; } .crm-benefit { padding: 35px 0 0; } .crm-benefit__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0; } .crm-benefit__text { color: #666; font-weight: 300; line-height: 21px; margin: 0 0 15px 0; } .crm-benefit__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .crm-benefit__item { border-top: 1px solid; border-left: none; border-right: none; border-bottom: none; -o-border-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 5%, #ccc) 1 0%; border-image: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(255, 255, 255, 0)), to(#ccc)) 1 0%; border-image: linear-gradient(to right, rgba(255, 255, 255, 0) 5%, #ccc) 1 0%; padding: 25px 0 25px; position: relative; } .crm-benefit__item:nth-child(even) { background-color: #f7f7f7; -o-border-image: -o-linear-gradient(left, #ccc 5%, rgba(255, 255, 255, 0)) 1 0%; border-image: -webkit-gradient(linear, left top, right top, color-stop(5%, #ccc), to(rgba(255, 255, 255, 0))) 1 0%; border-image: linear-gradient(to right, #ccc 5%, rgba(255, 255, 255, 0)) 1 0%; } .crm-benefit__icon { margin: 0 0 20px 0; } .crm-benefit__advantages { color: #666; font-weight: 300; line-height: 21px; } .crm-benefit__advantages span { color: #000; font-weight: 400; } .crm-benefit__picture { display: none; } .crm-answer { background: #ffa800 url("/local/templates/integrator2021/static/images/common/answer-bg-mobile.png") no-repeat left top; padding: 34px 0 60px; } .crm-answer__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 25px 0; } .crm-answer__form { margin: 0 0 25px 0; } .crm-answer__list { display: grid; gap: 20px; } .crm-answer__item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .crm-answer__label { color: #2a2a2a; font-size: 16px; line-height: 16px; left: 20px; position: absolute; top: 18px; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; } .crm-answer__label._active { font-size: 10px; line-height: 1; top: 8px; } .crm-answer__input { background-color: #ffe1a6; border-radius: 25px; border: none; line-height: 1.3; padding: 20px 20px 10px; width: 100%; } .crm-answer__button { width: 100%; } .crm-answer__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .crm-answer__text { color: #7f5400; font-size: 12px; line-height: 16px; margin: 0 0 25px 0; } .crm-answer__social { display: -webkit-box; display: -ms-flexbox; display: flex; } .crm-answer__link:not(:last-child) { margin: 0 10px 0 0; } .sandwich { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 15px 0 0; position: relative; padding: 0; width: 18px; z-index: 25; } .sandwich._active .sandwich__line--top { border-radius: 10px; height: 2px; left: -1px; top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 22px; } .sandwich._active .sandwich__line--middle { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; } .sandwich._active .sandwich__line--bottom { border-radius: 10px; height: 2px; left: -1px; top: 6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 22px; } .sandwich__line { background-color: #7048b8; display: block; height: 3px; left: 0; position: absolute; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; width: 18px; } .sandwich__line--top { top: 0; } .sandwich__line--middle { top: 6px; } .sandwich__line--bottom { top: 12px; } .search { margin: 0 0 30px 0; } .search__link { display: none; } .search__icon { fill: #7048b8; } .search__box { position: relative; } .search__box-icon { fill: #000; } .search__input { background-color: #f8f8f8; border: 1px solid transparent; border-radius: 20px; font-size: 14px; font-weight: 500; line-height: 16px; padding: 15px 40px 15px 20px; width: 100%; } .search__button { background-color: transparent; border: none; fill: #7048b8; padding: 0; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav { background-color: #fff; margin: 0 -20px 15px; } .nav__list { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; position: relative; } .nav__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 20px 15px; position: relative; } .nav__item:not(:last-child) { margin: 0 0 15px 0; } .nav__item:not(:last-child)::before { background: -webkit-gradient(linear, left top, right top, from(rgba(112, 65, 197, 0)), to(#7041c5)); background: -o-linear-gradient(left, rgba(112, 65, 197, 0) 0%, #7041c5 100%); background: linear-gradient(90deg, rgba(112, 65, 197, 0) 0%, #7041c5 100%); bottom: 0; content: ""; height: 1px; left: 0; opacity: .5; position: absolute; width: 100%; } .nav__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 500; line-height: 22px; position: relative; text-decoration: none; width: 100%; } .nav__link--icon._active svg { -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .nav__text { pointer-events: none; } .nav__icon { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; stroke: #000; pointer-events: none; } .nav__sub-list { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; overflow: hidden; max-height: 0; padding: 0; top: 0; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; z-index: 1; } .nav__sub-list._active { margin: 15px 0 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .nav__sub-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav__sub-item:not(:last-child) { margin: 0 0 18px 0; } .nav__sub-link { color: #000; font-size: 14px; line-height: 18px; position: relative; text-decoration: none; } .nav__sub-link--active { font-weight: 500; } .footer-nav__item { margin: 0 0 10px 0; } .footer-nav__head { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .footer-nav__head.is-active+.footer-nav__sub-list { display: block; } .footer-nav__head.is-active .footer-nav__button-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .footer-nav__heading { color: #fff; font-size: 20px; font-weight: 600; line-height: 26px; } .footer-nav__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 24px; padding: 0; width: 24px; } .footer-nav__button::after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .footer-nav__button-icon { -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; } .footer-nav__sub-list { display: none; padding: 16px 0 10px; } .footer-nav__sub-item:not(:last-child) { margin: 0 0 10px 0; } .footer-nav__link { color: #b4b2b9; font-size: 14px; line-height: 18px; text-decoration: none; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; } .footer-nav__link:hover { opacity: .7; } .training { padding: 20px 0 60px; } .training__aside { margin: 0 0 30px 0; } .training__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 20px 0; } .article-list { margin: 0 0 30px 0; } .article-list__item:not(:last-child) { margin: 0 0 32px 0; } .article-list__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 10px 0; } .article-list__hashtag { color: #929292; font-size: 14px; line-height: 18px; margin: 0 20px 0 0; position: relative; } .article-list__hashtag::before { color: #ffa800; content: "#"; margin: 0 5px 0 0; } .article-list__views { color: #929292; font-size: 14px; line-height: 18px; margin: 0 20px 0 0; padding: 0 0 0 22px; position: relative; } .article-list__views::before { background: url("/local/templates/integrator2021/static/css/../images/common/icon-eye.svg") no-repeat center; content: ""; height: 15px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 17px; } .article-list__title, .article-list__title a { color: #2a2a2a; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 16px 0; text-decoration: none; } .article-list__text { color: #2a2a2a; font-size: 16px; line-height: 21px; /*margin: 0 0 20px 0;*/ margin: 0 !important; } .article-list__link { border: 2px solid #ffa800; border-radius: 25px; display: inline-block; color: #000; font-size: 16px; line-height: 1; padding: 13px 30px; text-decoration: none; width: auto; margin-top: 20px; } .training-aside__list { border: 2px solid #ededed; border-radius: 25px; padding: 15px 30px; } .training-aside__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .training-aside__item:not(:last-child) { margin: 0 0 12px 0; } .training-aside__link { color: #2a2a2a; font-size: 16px; font-weight: 600; line-height: 19px; text-decoration: none; } .training-aside__link._active { color: #7048b8; } .training-aside__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 20px; margin: 0 0 0 auto; padding: 0; width: 20px; } .training-aside__button._open svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .training-aside__icon { pointer-events: none; stroke: black; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .training-aside__sub-list { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; overflow: hidden; opacity: 0; max-height: 0; position: relative; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; z-index: -1; } .training-aside__sub-list._open { opacity: 1; margin: 20px 0 10px 0; z-index: 1; } .training-aside__sub-item { padding: 0 10px 0 20px; } .training-aside__sub-item:not(:last-child) { margin: 0 0 10px 0; } .training-aside__sub-link { color: #2a2a2a; font-size: 16px; font-weight: 500; line-height: 19px; text-decoration: none; } .training-aside__sub-link._active { color: #7048b8; } .article h1 { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 25px 0; } .article__top { margin: 0 0 20px 0; } .article__date, .article__views { color: #929292; display: inline-block; font-size: 14px; line-height: 18px; margin: 0 20px 0 0; padding: 0 0 0 25px; position: relative; } .article__date::before, .article__views::before { background: url("/local/templates/integrator2021/static/css/../images/common/icon-calendar.svg") no-repeat center; content: ""; height: 16px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 15px; } .article__views { margin: 0; } .article__views::before { background: url("/local/templates/integrator2021/static/css/../images/common/icon-eye.svg") no-repeat center; content: ""; height: 15px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 17px; } .article__hashtag { color: #929292; display: block; font-size: 14px; line-height: 18px; margin: 10px 0 0 0; position: relative; } .article__hashtag::before { color: #ffa800; content: "#"; margin: 0 5px 0 0; } .article__text p { color: #2a2a2a; font-size: 16px; line-height: 21px; } .article__text h4 { margin: 15px 0; } .article__text h4+p { margin-top: 20px !important; } .article__text p:not(:last-of-type) { margin: 0 0 20px 0; } .article__text h2 { font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 15px 0; } .article__text img { /* height: auto; margin: 0 0 20px 0; width: 100%; max-width: 100%; */ height: auto; margin: 0 0 20px 0; width: auto; display: block; max-width: 100%; } .article__text a:not([data-fancybox]) img { width: 35px; } .language-bash { font-size: 13px; } .article__text ul { margin: 0 0 10px 0; } .training-aside__sub-item .training-aside__link { font-weight: 400 !important; } .article__text li { font-size: 16px; line-height: 21px; padding: 0 0 0 28px; position: relative; } .article__text li::before { background-color: #7048b8; border-radius: 50%; content: ""; height: 4px; left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4px; } .article__text li:not(:last-child) { margin: 0 0 5px 0; } .article__author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 20px 0 0 0; } .article__author-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 10px 0 0; } .article__author-name { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 5px 0; text-align: right; } .article__author-position { color: #929292; font-size: 12px; line-height: 16px; text-align: right; } .article__author-picture { border-radius: 50%; display: block; height: 50px; overflow: hidden; width: 50px; } .article__author img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .breadcrumbs { display: none; } .breadcrumbs__item:not(:last-child) { margin: 0 8px 0 0; } .breadcrumbs__link, .breadcrumbs__text { color: #2a2a2a; font-size: 12px; line-height: 14px; text-decoration: none; } .breadcrumbs__link::after { content: ">"; margin: 0 0 0 8px; } .pagination__button { background-color: #ffa800; border-radius: 25px; color: #fff; display: block; font-size: 16px; line-height: 1; padding: 17px 20px; text-align: center; text-decoration: none; } .pagination__list { display: none; } .pagination__item:not(:last-child) { margin: 0 10px 0 0; } .pagination__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ededed; border-radius: 50%; color: #2a2a2a; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; line-height: 14px; text-decoration: none; width: 30px; } .pagination__link--active { background-color: #ffa800; color: #fff; } .pagination__link--text { background-color: transparent; border: 2px solid #ededed; border-radius: 30px; height: unset; padding: 6px 10px; width: unset; } .any-questions__form { border: 10px solid #ededed; margin: 0 0 30px 0; padding: 25px 17px; } .any-questions__title { font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 16px 0; } .any-questions__text { font-size: 16px; font-weight: 500; line-height: 21px; margin: 0 0 16px 0; } .any-questions__row { display: grid; gap: 20px; } .any-questions__box { position: relative; } .any-questions__box:focus-within::before { border: 2px solid #ffa800; border-radius: 25px; content: ""; height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: 2; } .any-questions__box--textarea:focus-within::before { border-radius: 10px; } .any-questions__label { color: #2a2a2a; font-size: 14px; line-height: 14px; left: 20px; position: absolute; pointer-events: none; top: 18px; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; } .any-questions__label span { color: #ffa800; } .any-questions__label._active { font-size: 10px; line-height: 1; top: 8px; } .any-questions__input { background-color: #fff; border: 1px solid #ededed; border-radius: 25px; padding: 20px 20px 10px; width: 100%; } .any-questions__input--textarea { border-radius: 10px; min-height: 100px; } .any-questions__input--textarea:focus { outline: none; } .any-questions__button { width: 100%; } .any-questions__share { margin: 0 0 30px 0; } .any-questions__share-text { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 16px 0; } .any-questions__share-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .any-questions__share-item:not(:last-child) { margin: 0 10px 0 0; } .any-questions__share-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ededed; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; width: 30px; } .other-materials { margin: 0 0 30px 0; } .other-materials__title { color: #2a2a2a; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 20px 0; } .other-materials__item { border: 1px solid #ededed; border-radius: 10px; padding: 30px 27px; } .other-materials__date { color: #929292; display: inline-block; font-size: 12px; font-weight: 500; line-height: 16px; margin: 0 0 10px 0; } .other-materials__heading { color: #2a2a2a; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 10px 0; } .other-materials__text { color: #2a2a2a; font-size: 14px; line-height: 18px; margin: 0 0 12px 0; } .other-materials__link { font-size: 14px; line-height: 16px; padding: 8px 20px; } [data-tabs="parent"].no-transition>[data-tabs="control"], [data-tabs="parent"].no-transition>[data-tabs="content"], [data-tabs="parent"].no-transition>[data-tabs="element"] { -webkit-transition: none; -o-transition: none; transition: none; } [data-tabs="parent"].no-transition-global [data-tabs="control"], [data-tabs="parent"].no-transition-global [data-tabs="content"], [data-tabs="parent"].no-transition-global [data-tabs="element"] { -webkit-transition: none; -o-transition: none; transition: none; } [data-tabs="parent"] [data-tabs="content"] { position: relative; } [data-tabs="element"] { position: absolute; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s ease-in, visibility .3s ease-in; -o-transition: opacity .3s ease-in, visibility .3s ease-in; transition: opacity .3s ease-in, visibility .3s ease-in; } [data-tabs="element"].is-active { z-index: 1; visibility: visible; opacity: 1; } .main-customization { background-color: #f8f8f8; padding: 40px 0; } .main-customization__info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-customization__info .main-customization__link { margin-top: 20px; } .main-customization__heading { margin: 0 0 10px 0; } .main-customization__subtitle { color: #7048b8; font-size: 26px; font-weight: 700; line-height: 1; } .main-customization__text { font-size: 16px; font-weight: 500; line-height: 24px; margin: 0 0 5px 0; } .main-customization__link { width: auto; } .main-customization__images { display: none; } .main-offer { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 35px 0; } .main-offer__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 20px 0; } .main-offer__list { display: grid; gap: 20px; } .main-offer__item { border: 1px solid #ededed; border-radius: 10px; padding: 26px 26px 22px; } .main-offer__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 10px 0; } .main-offer__icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-filter: drop-shadow(0 0 15px rgba(98, 63, 162, 0.1)); filter: drop-shadow(0 0 15px rgba(98, 63, 162, 0.1)); margin: 0 5px 0 0; width: 42px; } .main-offer__item-title { color: #623fa2; font-size: 16px; font-weight: 700; line-height: 20px; display: block; text-decoration: none; } .main-offer__text { font-size: 14px; line-height: 18px; } .main-automation__info { margin: 0 0 20px 0; } .main-automation__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 15px 0; } .main-automation__text { font-size: 16px; line-height: 21px; } .main-automation__list { margin: 9px 0; } .main-automation__item { padding: 0 0 0 15px; position: relative; } .main-automation__item::before { content: ""; border-radius: 50%; border: 1px solid #7048b8; height: 4px; position: absolute; left: 0; top: 9px; width: 4px; } .main-automation__item:not(:last-child) { margin: 0 0 5px 0; } .main-automation__item-text { font-size: 16px; line-height: 21px; } .main-automation__number-list { display: grid; gap: 20px; grid-template-columns: repeat(2, auto); margin: 0 0 20px 0; } .main-automation__number-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-automation__number-item:last-child { grid-column: 1 / -1; } .main-automation__number-count { color: #ffa800; font-size: 42px; font-weight: 800; line-height: 55px; } .main-automation__number-desc { font-size: 14px; font-weight: 600; line-height: 18px; } .main-automation__picture { display: block; height: 338px; margin: 0 auto; width: 280px; } .main-automation__img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .main-we-can { background-color: #f8f8f8; margin: 0 0 35px 0; padding: 35px 0; } .main-we-can__list { display: grid; gap: 20px; } .main-we-can__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-we-can__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 6px 0; } .main-we-can__icon { -webkit-filter: drop-shadow(0 0 15px rgba(98, 63, 162, 0.1)); filter: drop-shadow(0 0 15px rgba(98, 63, 162, 0.1)); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 5px 0 0; } .main-we-can__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-we-can__heading { color: #623fa2; font-size: 16px; font-weight: 700; line-height: 20px; margin: 0 0 10px 0; } .main-we-can__text { font-size: 14px; line-height: 18px; } .main-areas { border-bottom: 1px solid #ededed; overflow: hidden; margin: 0 0 35px 0; padding: 0 0 30px; } .main-areas__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0; } .main-areas__controls { overflow: inherit; margin: 0 0 20px 0; } .main-areas__controls-item { width: auto; } .main-areas__controls-link { font-size: 16px; line-height: 20px; font-weight: 500; text-decoration: underline; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; } .main-areas__controls-link.is-active { color: #ffa800; cursor: pointer; } .main-areas__elements-list { /* display: grid;*/ gap: 20px; width: 100%; } .main-areas__picture { border-radius: 10px; display: block; height: 143px; overflow: hidden; margin: 0 0 15px 0; width: 100%; } .main-areas__img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .main-areas__heading { font-size: 20px; font-weight: 600; line-height: 25px; margin: 0 0 10px 0; } .main-areas__description { color: #929292; font-size: 16px; font-weight: 600; line-height: 20px; } .main-partners { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 0 0 30px; } .main-partners__top { margin: 0 0 20px 0; } .main-partners__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .main-partners__sub-text { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; } .main-partners__list { display: grid; gap: 15px 20px; grid-template-columns: 1fr 1fr; margin: 0 0 30px 0; max-height: 325px; overflow: hidden; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; } .main-partners__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-partners__picture { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #ededed; border-radius: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 70px; overflow: hidden; width: 130px; } .main-partners__img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } .main-partners__text { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 20px 0; } .main-partners__link { color: #000; font-size: 16px; font-weight: 600; line-height: 20px; text-decoration: underline; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; } .main-partners__link:hover { opacity: .7; } .main-blog { overflow: hidden; padding: 0 0 30px; } .main-blog__title { font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 26px 0; } .main-blog__wrapper { overflow: inherit; margin: 0 0 20px 0; } .main-blog__item { border: 1px solid #ededed; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 27px 32px; } .main-blog__date { color: #929292; font-size: 12px; font-weight: 500; line-height: 16px; margin: 0 0 10px 0; } .main-blog__heading { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 10px 0; } .main-blog__text { font-size: 14px; line-height: 18px; margin: 0 0 12px 0; } .main-blog__buttom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-blog__more { border-radius: 25px; font-size: 16px; line-height: 1; padding: 15px 30px; } @media (min-width: 1080px) { .nav { background-color: transparent; margin: 0; } .nav__inner { overflow: inherit; } .nav__list { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; } .nav__item { padding: 17px 0; width: auto; } .nav__item:not(:last-child) { margin: 0; } .nav__item:not(:last-child)::before { display: none; } .nav__link { color: #fff !important; cursor: pointer; font-family: "Raleway", Arial, sans-serif; font-size: 14px; line-height: 16px; white-space: nowrap; } .nav__link--icon { padding: 0 20px 0 0; } .nav__link--icon._active svg { -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .nav__icon { height: 10px; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; stroke: #fff; width: 10px; } .nav__sub-list { -webkit-box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2); box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2); height: auto; opacity: 0; min-width: 250px; padding: 20px; pointer-events: none; position: absolute; top: 100%; -webkit-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; z-index: -1; } .nav__sub-list._active { opacity: 1; margin: 0; pointer-events: all; } .nav__sub-item--back { display: none; } .nav__sub-item--title { display: none; } .nav__sub-link { font-size: 14px; line-height: 16px; } } @media screen and (min-width: 768px) { .wrapper { overflow-x: hidden; } .container { padding: 0 40px; } .footer__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 30px 0; } .footer__title { font-size: 24px; line-height: 30px; margin: 0; } .footer__social { margin: 0; } .footer__contacts { gap: 40px; grid-template-columns: repeat(4, 1fr); margin: 0 0 55px 0; } .footer__contacts-city { font-size: 16px; line-height: 20px; margin: 0 0 12px 0; } .footer__contacts-link { font-size: 16px; line-height: 20px; } .footer__copy { font-size: 12px; line-height: 15px; padding: 16px 0; } .footer__copy-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__copy-copyright { margin: 0; } .header__top::before { display: none; } .header__logo-picture { height: 41px; width: 178px; } .header__actions { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header__inner { background: -o-linear-gradient(359.42deg, #5f3c9d -9.25%, #2a0845 111.8%); background: linear-gradient(90.58deg, #5f3c9d -9.25%, #2a0845 111.8%); height: unset; overflow: unset; padding: 0; position: relative; pointer-events: unset; top: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; } .header__call { display: none; } .header__call-link { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; font-size: 14px; grid-row: 1 / -1; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; line-height: 16px; height: unset; width: unset; } .header__call-number { display: block; } .header__call-icon { display: none; } .header__contacts { display: none; } .header__phones { display: grid; gap: 5px 30px; grid-template-columns: repeat(2, auto); grid-template-rows: auto auto; margin: 0 30px 0 0; width: auto; } .header__phone { font-size: 14px; font-weight: 600; line-height: 16px; } .header__phone-separate { display: none; } .header__phone-icon { display: none; } .header-social { margin: 0 30px 0 0; } .header-social__item:not(:last-child) { margin: 0 10px 0 0; } .crm-heading { margin: 0 0 55px 0; } .crm-heading__title { line-height: 40px; } .crm-heading__list { margin: 0; } .crm-heading__item:not(:last-child) { margin: 0 30px 0 0; } .crm-efficiency__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .crm-efficiency__box { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; } .crm-efficiency__picture { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 10px -40px 0 0; } .crm-efficiency__img { max-width: unset; margin: unset; } .crm-included__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .crm-included__item { border: 1px solid #e2e2e2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 40px 50px; } .crm-included__item--gray { background-color: rgba(229, 229, 229, 0.5); background-image: url("/local/templates/integrator2021/static/css/../images/common/logo-intergator-bg.svg"); background-repeat: no-repeat; background-position: center calc(100% - 20px); border-left: none; } .crm-included__item:not(:last-child) { margin: 0; } .crm-included__heading { margin: 0 -40px 25px; padding: 15px; } .crm-included__heading--yellow { background-color: #ffa800; color: #000; } .crm-included__heading--purple { background-color: #7048b8; color: #fff; } .crm-included__tarif { text-align: center; } .crm-included__note { text-align: center; } .crm-included__sub-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .crm-included__sub-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .crm-included__sub-item:not(:last-child) { margin: 0 0 25px 0; padding: 0 0 25px 0; position: relative; } .crm-included__sub-item:not(:last-child)::after { background: url("/local/templates/integrator2021/static/images/common/separator.png") no-repeat center; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } .crm-included__icon-arrow { display: none; } .crm-included__include { text-align: center; } .crm-included__button { margin: auto 0 0 0; } .crm-included__button--yellow { background-color: #7048b8; border-color: #7048b8; } .crm-included__button--yellow:hover { background-color: #fff; color: #7048b8; } .crm-included__button--purple { background-color: #ffa800; border-color: #ffa800; } .crm-included__button--purple:hover { background-color: #fff; color: #ffa800; } .crm-material { background: #ffa800 url("/local/templates/integrator2021/static/css/../images/common/material-bg-tablet.png") no-repeat center top; background-size: 100% auto; padding: 54px 0 60px; } .crm-material__title { margin: 0 0 50px 0; text-align: center; } .crm-material__inner { padding: 0 90px; } .crm-material__button { margin: 40px auto 0 auto; width: auto; } .crm-material__nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: 3px solid #fff; border-right: none; border-radius: 100% 0 0 100%/ 50% 0 0 50%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; left: 0; height: 60px; padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; z-index: 2; } .crm-material__nav--next { border-right: 3px solid #fff; border-left: none; border-radius: 0 100% 100% 0/ 0 50% 50% 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: unset; right: 0; } .crm-material__nav--disabled { opacity: .2; } .crm-video { padding: 55px 0 70px; text-align: center; } .crm-video__title { margin: 0 0 33px 0; } .crm-video__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px -15px 0; } .crm-video__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 30px 15px 0; } .crm-video__item:not(:last-child) { margin: 0; } .crm-video__video { max-width: 330px; height: 185px; min-height: 185px; } .crm-video__text { display: block; font-family: "Open Sans", Arial, sans-serif; font-weight: 700; line-height: 22px; margin: 14px 0 0 0; } .crm-video__button { margin: 35px auto 0; width: auto; } .crm-benefit { background: #fff url("/local/templates/integrator2021/static/css/../images/common/benefit-bg-tablet.png") no-repeat center top; background-size: 100% 20%; padding: 55px 0 0; } .crm-benefit__title { margin: 0 0 30px 0; text-align: center; } .crm-benefit__item { min-height: 250px; } .crm-benefit__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .crm-benefit__inner { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .crm-benefit__inner--left { margin: 0 0 0 auto; } .crm-benefit__picture { bottom: 0; display: block; position: absolute; } .crm-benefit__picture--right { right: 0; } .crm-benefit__picture--left { left: 0; } .crm-benefit__img { height: auto; -o-object-fit: cover; object-fit: cover; } .crm-answer { padding: 54px 0 60px; } .crm-answer__title { text-align: center; } .crm-answer__form { margin: 0 0 30px 0; } .crm-answer__list { grid-template-columns: 50% 50%; } .crm-answer__box { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .crm-answer__text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .crm-answer__social { margin: 0 30px 0 0; } .sandwich { display: none; } .search { margin: 0; } .search__link { display: block; } .search__form { display: none; } .footer-nav__list { display: grid; gap: 22px; grid-template-columns: 1fr 1fr; } .footer-nav__heading { font-size: 24px; line-height: 32px; } .article__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .article__author { margin: 0; } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px 0; } .pagination__button { display: none; } .pagination__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .any-questions__row { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .any-questions__box--textarea { grid-column: 1 / -1; grid-row: 3 / 4; } .any-questions__button { grid-row: 4 / 5; } .any-questions__share { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .other-materials__list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } .other-materials__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 15px; } .other-materials__link { margin: auto 0 0 0; } .main-customization { overflow: hidden; padding: 40px 0 0; } .main-customization__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-customization__info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 0 20px; width: 48.5%; } .main-customization__heading { margin: 0 0 16px 0; } .main-customization__logo-img { height: 35px; width: 200px; } .main-customization__subtitle { font-size: 30px; line-height: 37px; } .main-customization__images { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); } .main-customization__picture { display: block; height: auto; width: 100%; /*NEW*/ display: flex; justify-content: flex-end; margin-top: auto; align-items: flex-end; } .main-customization__img { /* height: auto;*/ -o-object-fit: contain; object-fit: contain; width: 100%; } .main-offer { margin: 0 0 40px 0; padding: 55px 0 55px; } .main-offer__title { line-height: 30px; margin: 0 0 30px 0; } .main-offer__list { gap: 22px; grid-template-columns: 1fr 1fr; } .main-offer__item { padding: 28px 20px 24px; } .main-offer__top { margin: 0 0 15px 0; } .main-offer__icon { height: 50px; margin: 0 10px 0 0; width: 50px; } .main-offer__item-title { font-size: 18px; line-height: 24px; } .main-offer__text { font-size: 16px; line-height: 21px; } .main-automation { margin: 0 0 20px 0; } .main-automation__content { display: grid; gap: 20px; grid-template-columns: auto 48%; grid-template-rows: minmax(449px, auto) 1fr; } .main-automation__info { align-self: center; grid-column: 2 / -1; margin: 0; } .main-automation__number-list { grid-column: 1 / -1; grid-template-columns: repeat(3, auto); margin: 0; } .main-automation__number-item { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .main-automation__number-item:last-child { grid-column: unset; } .main-automation__number-count { margin: 0 10px 0 0; } .main-automation__image { grid-column: 1 / 2; grid-row: 1; position: relative; } .main-automation__picture { height: 449px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(calc(-50% - 20px), -50%); -ms-transform: translate(calc(-50% - 20px), -50%); transform: translate(calc(-50% - 20px), -50%); width: 373px; } .main-we-can { margin: 0 0 55px 0; padding: 55px 0; } .main-we-can__list { grid-template-columns: 1fr 1fr; } .main-we-can__icon { height: 60px; margin: 0 20px 0 0; width: 60px; } .main-we-can__heading { font-size: 20px; line-height: 26px; } .main-we-can__text { font-size: 16px; line-height: 21px; } .main-areas { margin: 0 0 55px 0; padding: 0 0 55px; } .main-areas__title { margin: 0 0 30px 0; } .main-areas__controls { margin: 0 0 30px 0; } .main-areas__controls-link { font-size: 18px; line-height: 25px; } .main-areas__elements-list { /* grid-template-columns: 1fr 1fr;*/ gap: 0 !important; grid-template-columns: none !important; } .main-areas__elements-list .swiper-button-lock { opacity: 0 !important; } .main-areas__picture { height: 171px; margin: 0 0 20px 0; } .main-areas__heading { font-size: 18px; line-height: 23px; margin: 0 0 12px 0; } .main-partners { margin: 0 0 55px 0; padding: 0 0 55px; } .main-partners__top { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 36px 0; } .main-partners__list { gap: 17px; grid-template-columns: repeat(3, 1fr); } .main-partners__picture { height: 118px; width: 218px; } .main-partners__text { margin: 0; text-align: center; } .main-blog { padding: 0 0 55px; } .main-blog__title { font-size: 24px; line-height: 30px; } .main-blog__item { height: auto; padding: 30px; } .main-blog__text { margin: 0 0 30px 0; } .main-blog__link { margin: auto 0 0 0; } } @media screen and (min-width:1280px) { .wrapper { /*overflow-x: unset*/ } .container { max-width: 1340px; padding: 0 20px } .footer__contacts { grid-template-columns: repeat(6, auto) } .header__nav { margin: 0 auto; max-width: 1064px; padding: 0 20px; width: 100% } .header__phones { grid-template-columns: repeat(3, auto); grid-template-rows: auto; gap: 20px } .header__search { width: 20% } .crm-heading { padding: 34px 0 15px } .crm-efficiency__text { font-weight: 400 } .crm-efficiency__picture { margin: 0 -10px 0 0 } .crm-included__item { padding: 0 40px 30px } .crm-included__item--gray { background-position: center 100% } .crm-included__sub-item:not(:last-child)::after { background: url(/local/templates/integrator2021/static/css/../images/common/separator-desktop.png) no-repeat center } .crm-material { background: #ffa800 url(/local/templates/integrator2021/static/css/../images/common/material-bg-desktop.png) no-repeat center top; background-size: 100% auto } .crm-material__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px; width: auto } .crm-material__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; height: auto; padding: 0 20px } .crm-material__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 } .crm-material__link { margin: auto 0 0 0 } .crm-material__button { margin: 70px auto 0 auto } .crm-material__nav { display: none } .crm-video { padding: 55px 0 60px } .crm-video__video { height: 280px; max-width: 500px; min-height: 280px } .crm-video__button { margin: 40px auto 0 } .crm-benefit__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 55px 0 25px } .crm-benefit__item .container { position: relative } .crm-benefit__inner { display: -webkit-box; display: -ms-flexbox; display: flex } .crm-benefit__icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 96px; margin: 0 30px 0 0; width: 136px } .crm-benefit__picture { bottom: -25px } .crm-benefit__img { -webkit-transform: scale(1.3) translateY(-11%); -ms-transform: scale(1.3) translateY(-11%); transform: scale(1.3) translateY(-11%) } .crm-answer__list { grid-template-columns: 26% 26% 26% auto } .search__link { display: none } .search__form { display: block } .search__box-icon { fill: #ccc } .search__input { background-color: #fff; border-color: #ccc; padding: 11px 40px 11px 20px } .nav__list { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap } .nav__item:not(:last-child) { margin: 0 30px 0 0 } .footer-nav__list { grid-template-columns: repeat(4, auto) } .footer-nav__button { display: none } .footer-nav__sub-list { display: block } .training { padding: 40px 60px } .training__wrapper { /* -webkit-box-align: start; -ms-flex-align: start; align-items: start; display: grid; grid-template-columns: 25.59% 1fr; gap: 30px; position: relative*/ } .training__wrapper { display: flex; position: relative } .training__wrapper>*:nth-child(1) { width: 25.59%; min-width: 25.59%; margin-right: 30px; } .training__wrapper>*:nth-child(2) { flex: 1; width: calc(74.31% - 30px); } @media (max-width: 767px) { .training__wrapper { flex-direction: column; } .training__wrapper>*:nth-child(1) { margin-bottom: 30px; margin-right: 0; } } .training__aside { position: sticky; top: 20px } .article-list { margin: 0 0 60px 0 } .article-list__views { font-size: 16px } .training-aside__list { overflow: unset; max-height: unset; padding: 15px 30px } .breadcrumbs { margin: 0 0 30px 0 } .pagination__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .any-questions__row { grid-template-columns: 1fr 1fr 1fr } .any-questions__box--textarea { grid-column: 1/3; grid-row: 2/3 } .any-questions__input--textarea { min-height: 66px } .any-questions__button { align-self: start; grid-row: 2/3 } .any-questions__share { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .any-questions__share-text { margin: 0 20px 0 0 } .other-materials { margin: 0 0 60px 0 } .other-materials__item { padding: 30px } .other-materials__text { margin: 0 0 30px 0 } .main-customization__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .main-customization__info { width: 50.4% } .main-customization__heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .main-customization__logo-img { height: 45px; width: 250px } .main-customization__subtitle { font-size: 40px; line-height: 50px; margin: 0 0 0 10px } .main-customization__text { font-size: 18px; line-height: 27px; margin: 0 0 5px 0 } .main-customization__images { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: 472px } .main-customization__picture { /* height: 415px; width: 472px*/ } .main-offer__list { gap: 20px; grid-template-columns: repeat(3, 1fr) } .main-offer__item { padding: 28px 20px 24px } .main-automation__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 45px; grid-template-columns: 1fr 50%; grid-template-rows: auto } .main-automation__info { -ms-flex-item-align: unset; align-self: unset } .main-automation__number-list { grid-column: unset; margin: 20px 0 0 0 } .main-automation__number-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .main-automation__image { grid-row: 1/-1 } .main-automation__picture { height: 477px; left: unset; margin: 0 0 0 auto; position: relative; top: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; width: 396px } .main-we-can { padding: 55px 0 70px } .main-we-can__list { gap: 20px 30px; grid-template-columns: repeat(3, 1fr) } .main-areas__title { font-size: 24px; line-height: 30px } .main-areas__elements-list { gap: 30px } .main-areas__picture { height: 255px; margin: 0 0 25px 0 } .main-areas__heading { font-size: 20px; line-height: 25px; margin: 0 0 16px 0 } .main-partners__top { margin: 0 0 30px 0 } .main-partners__list { gap: 20px; grid-template-columns: repeat(4, 1fr); max-height: 280px } .main-partners__picture { height: 130px; width: 241px } .main-blog__title { margin: 0 0 30px 0 } .main-blog__wrapper { overflow: hidden } .boxed-hero { padding: 45px 0 } .boxed-hero__content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .boxed-hero__info { margin: 0 27px 0 0; max-width: 516px } .boxed-hero__subtitle { font-size: 40px; line-height: 50px } .boxed-hero__logo-picture { margin: 0 0 17px 0 } .boxed-hero__text { margin: 0 0 16px 0 } .boxed-hero__text--purple { font-size: 18px; line-height: 24px } .boxed-hero__picture { height: 360px; width: 360px } .boxed-advantages__list { grid-template-columns: repeat(3, 1fr) } .boxed-comparison { margin: 0 0 50px 0 } .boxed-comparison__title { line-height: 30px; margin: 0 0 30px 0 } .boxed-comparison__col-top { padding: 14px 15px 12px; width: 24.8% } .boxed-comparison__col-top--key { padding-left: 29px } .boxed-comparison__col-top:last-child { width: 18% } .boxed-comparison__text-top { font-size: 18px; line-height: 23px } .boxed-comparison__col { width: 24.8% } .boxed-comparison__col:last-child { width: 18% } .boxed-comparison__text { font-size: 16px; line-height: 21px } .boxed-comparison__buy-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .boxed-comparison__accordion-buy { max-width: 140px; width: 100% } .boxed-about__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex } .boxed-about__picture { -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; margin: 0 30px 0 0 } .boxed-help__description { margin: 0 138px 0 0; width: 44% } .boxed-help__form { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .boxed-help__input { margin: 0 20px 0 0 } .boxed-help__button { min-width: 158px } .boxed-competencies { margin: 50px 0 } .boxed-competencies__list { grid-template-columns: repeat(4, 1fr) } .boxed-competencies__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 31px 13px 37px 13px } .boxed-competencies__subtitle { margin: 0 0 34px 0 } .boxed-competencies__icon { margin: auto 0 0 -20px } .boxed-competencies__icon--crm { height: 48px; width: 156px } .boxed-competencies__icon--quotes { height: 66px; width: 113px } .boxed-competencies__icon--ios-android { height: 66px; width: 131px } .contacts-contact { margin: 0 0 55px 0; padding: 50px 0 0 0 } .contacts-contact__content { gap: 30px 20px; grid-template-columns: 328px 1fr; grid-template-rows: auto auto } .contacts-contact__info-pic { padding: 0 0 0 72px } .contacts-contact__info--phones { grid-column: 2/-1; grid-row: 1/-1 } .contacts-contact__list { margin: 22px -21px 0 } .contacts-form { padding: 46px 0 0 0 } .contacts-form__form { gap: 20px; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto auto } .contacts-form__box { grid-column: span 2 } .contacts-form__box--textarea { grid-column: span 5; grid-row: 2/3 } .contacts-form__button { -ms-flex-item-align: end; align-self: end } .contacts-requisites { padding: 46px 0 0 0 } .contacts-requisites__inner { display: -webkit-box; display: -ms-flexbox; display: flex } .popup { padding: 50px } .popup__body { max-width: 810px } .popup-form__form { gap: 16px 22px; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, auto) } .popup-form .contacts-form__box { grid-column: unset } .popup-form .contacts-form__box--textarea { grid-column: 2/-1; grid-row: 1/3 } } @media screen and (min-width:1440px) { .popup { padding: 80px 100px 60px } .popup__body { padding: 60px } } .main-content .container { /* width: 100%; max-width:100%;*/ } .contacts-inner { padding-top: 50px; padding-bottom: 50px; } [data-accordion=element].is-active>[data-accordion=content] { max-height: 100% } [data-accordion=parent].no-transition [data-accordion=content] { -webkit-transition: none; -o-transition: none; transition: none } [data-accordion=content] { max-height: 0; -webkit-transition: max-height .3s; -o-transition: max-height .3s; transition: max-height .3s; overflow: hidden } .contacts-contact { margin: 0 0 35px 0; padding: 35px 0 0 } .contacts-contact__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 20px 0 } .contacts-contact__content { display: grid; gap: 20px } .contacts-contact__info { background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(98, 63, 162, .1); box-shadow: 0 0 15px rgba(98, 63, 162, .1); border: 1px solid #ededed; border-radius: 10px; padding: 17px 24px; width: 100% } .contacts-contact__info-title { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 1.3; margin: 0 0 12px 0 } .contacts-contact__info-value { color: #000; font-size: 14px; font-weight: 500; line-height: 1.3; padding: 0 0 0 26px; position: relative; text-decoration: none } .contacts-contact__info-icon { left: 0; position: absolute; top: 0 } .contacts-contact__list { border-top: 1px solid #ededed; display: grid; gap: 20px; margin: 20px -24px 0; padding: 20px 24px 0 } .contacts-contact__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .contacts-contact__city { font-size: 15px; font-weight: 700; line-height: 1.3; margin: 0 0 10px 0 } .contacts-contact__phone { color: #000; font-size: 14px; font-weight: 500; line-height: 1.3; text-decoration: none } .contacts-form { border-top: 1px solid #ededed; margin: 0 0 35px 0; padding: 35px 0 0 0 } .contacts-form__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 20px 0 } .contacts-form__form { display: grid; gap: 20px; margin: 0 0 20px 0 } .contacts-form__box { position: relative } .contacts-form__label { color: #918f8f; font-size: 16px; line-height: 1; left: 24px; position: absolute; top: 18px; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s } .contacts-form__label._active { font-size: 11px; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } .contacts-form__input { border: 1px solid #918f8f; border-radius: 10px; font-size: 16px; line-height: 1; padding: 20px 30px 10px 24px; width: 100% } .contacts-form__input--textarea { min-height: 100px } .contacts-form__input:focus { border: 1px solid #ffa800; outline: 0 } .contacts-form__note { font-size: 12px; line-height: 16px } .contacts-requisites { border-top: 1px solid #ededed; margin: 0 0 20px 0; padding: 35px 0 0 0 } .contacts-requisites__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 20px 0 } .contacts-requisites__list { border-left: 2px solid #623fa2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 0 0 24px } .contacts-requisites__list:not(:last-child) { margin: 0 0 20px 0 } .contacts-requisites__list--yellow { border-color: #ffa800 } .contacts-requisites__item { display: -webkit-box; display: -ms-flexbox; display: flex } .contacts-requisites__item:not(:last-child) { margin: 0 0 10px 0 } .contacts-requisites__key { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 15px; font-weight: 700; line-height: 1.3 } .contacts-requisites__value { font-size: 14px; font-weight: 500; line-height: 1.3; margin: 0 0 0 10px } .contacts-map__map { min-height: 300px; width: 100% } .popup { -webkit-overflow-scrolling: touch; z-index: 100; padding: 10px 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: visibility .8s ease 0s; -o-transition: visibility .8s ease 0s; transition: visibility .8s ease 0s; visibility: hidden } .popup::before { content: ''; background-color: rgba(63, 58, 58, .6); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: opacity .8s ease 0s; -o-transition: opacity .8s ease 0s; transition: opacity .8s ease 0s } .popup.show { visibility: visible; overflow: auto } .popup.show::before { opacity: 1 } .popup.show .popup__body { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .popup._active { overflow: auto; visibility: visible } .popup._active::before { opacity: 1 } .popup._active .popup__close { opacity: 1; -webkit-transition: all .3s ease .4s; -o-transition: all .3s ease .4s; transition: all .3s ease .4s } .popup._active .popup__body { -webkit-transition: all .3s ease .2s; -o-transition: all .3s ease .2s; transition: all .3s ease .2s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .popup__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .popup__body { background-color: #fff; border-radius: 10px; /* max-width: 400px; */ padding: 20px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; width: 100% } .popup__close { background-color: transparent; border: none; cursor: pointer; height: 34px; opacity: 0; padding: 0; position: fixed; top: -10px; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; right: 0; width: 34px; z-index: 30 } .popup-form__title { font-size: 24px; font-weight: 700; line-height: 30px; margin: 0 0 5px 0 } .popup-form__text { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 30px 0 } .main-customization__text-ls { margin-bottom: 5px; } .wrapper .container { /* padding-left: 0px !important;*/ } .main-customization__content { /* width: 72.9583vw !important;*/ /* margin: 0 auto !important; max-width: 1360px; padding: 0 20px;*/ } .main-customization .container { width: 100% !important; max-width: 100% !important; } .wrapper .container { /* padding-left: 0px !important; padding-right: 0px !important;*/ } .problem-container.container { padding-left: 20px !important; padding-right: 20px !important; } .main-customization__info ul { list-style: none; padding-left: 0; } .main-customization__info ul li { padding-left: 25px; position: relative; list-style: none; } .main-customization__info ul li:before { content: ""; position: absolute; top: 10px; left: 10px; width: 3px; height: 3px; border-radius: 50%; background-color: #000; } .n-container { max-width: 1064px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; width: 100%; } .n-container--nopd { max-width: 1024px; padding-left: 0; padding-right: 0; } .bg-container { max-width: 1920px; margin-left: auto; margin-right: auto; width: 100%; } .page-nav-row { padding-top: 34px; padding-bottom: 15px; border-bottom: 1px solid #CCCCCC; } .page-nav-list { display: flex; margin-top: 19px; } .page-nav-list a { font-weight: 500; font-size: 16px; line-height: 125%; color: #000000; } .page-nav-list a:not(:last-child) { margin-right: 30px; } .main-customization__picture.main-customization__picture--v-center { align-items: center; } .main-customization__img-contain { object-fit: none; height: inherit; } .main-content__integration-sub__adv.problem-container { padding-top: 50px; padding-bottom: 50px; } .h-center { margin-left: auto; margin-right: auto; } .sl-button--fiolet { display: block; background: #7048b8; border: 1px solid #7048b8; color: #fff; } .sl-button--fiolet:hover { background: #fff; color: #7048b8; } .hero.hero--nomt { margin-top: 0; } /* .main-content__form-section { background: url(/local/templates/new_template/assets/css/../img/order-b.png); background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 60px; padding-bottom: 60px; } .form-name { line-height: 60px; font-size: 40pt; margin-bottom: 30px; } .main-form__input { display: block; height: 60px; width: 100%; background: rgba(255, 255, 255, 0.5); border-radius: 30px; border: none; padding-left: 30px; line-height: 60px; color: #666666; } .main-form__input::placeholder { color: #666666; } .main-form__textarea { height: auto; margin-top: 15px; } .inputs-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; } .form-attention { color: #7f5400; font-size: 14px ; max-width: 600px; margin: 35px auto 30px auto; } */ /*.integration-slider .slick-dots { display: flex; list-style-type: none; padding-left: 0; justify-content: center; margin-top: 80px; margin-bottom: 0; } .integration-slider .slick-dots { display: flex; list-style-type: none; padding-left: 0; justify-content: center; margin-top: 80px; margin-bottom: 0; } .integration-slider .slick-dots > li.slick-active { background: #FFA800; } .integration-slider .slick-dots > li.slick-active { background: #FFA800; }*/ /*@media (max-width: 1024px) { .main-content__form-section .main-content__btn.h-center { margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 768px) { .form-name { line-height: 36px; font-size: 30pt; padding-left: 0 !important; } }*/ @media (max-width: 680px) { .inp-row { flex-direction: column; } .main-customization .crm-answer__input { margin-right: 0; margin-bottom: 15px; } /* .inputs-grid { grid-template-columns: repeat(1, 1fr); }*/ } /*.header__top .n-container { max-width: 1360px; }*/ .nav__sub-list li:not(:last-child) { margin: 0 0 18px 0; } .bx-breadcrumb-item a { color: #2a2a2a; font-size: 12px; line-height: 14px; text-decoration: none; } .crm-heading .container { max-width: 1064px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; width: 100%; } body .wrapper .footer-nav__link { color: #b4b2b9; } body .wrapper .footer__contacts-link { color: #fff; } .main-content__banner img { width: 100%; } .hero { width: 100%; } .crm-heading { border-bottom: 1px solid #ccc; overflow: hidden; margin: 0 0 35px 0; padding: 20px 0 15px } .crm-heading__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 20px 0 } .crm-heading__slider { overflow: initial } .crm-heading__list { margin: 0 -20px } .crm-heading__item { width: auto } .crm-heading__link { color: #000; font-family: Roboto, Arial, sans-serif; font-weight: 500; line-height: 20px; text-decoration: none } .crm-efficiency { border-bottom: 1px solid #ccc } .crm-efficiency__title { font-size: 20px; font-weight: 700; line-height: 25px; margin: 0 0 30px 0 } .crm-efficiency__box { margin: 0 0 20px 0 } .crm-efficiency__text { font-weight: 300; line-height: 21px; margin: 0 0 35px 0 } .crm-efficiency__text:not(:last-of-type) { margin: 0 0 20px 0 } .crm-efficiency__picture { display: block; margin: 0 -20px } .crm-efficiency__img { height: auto; -o-object-fit: cover; object-fit: cover; max-width: 400px; margin: 0 auto; width: 100% } .crm-included { padding: 55px 0 } .crm-included__title { font-size: 24px; font-weight: 600; line-height: 30px; text-align: center; margin: 0 0 8px 0 } .crm-included__sub-title { color: #ffa800; font-family: Roboto, Arial, sans-serif; font-size: 20px; font-weight: 700; line-height: 25px; margin: 0 0 31px 0; text-align: center } .crm-included__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .crm-included__item:not(:last-child) { margin: 0 0 38px 0 } .crm-included__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 26px 0 } .crm-included__tarif { font-size: 20px; line-height: 24px } .crm-included__note { font-family: Roboto, Arial, sans-serif; font-weight: 700 } .crm-included__sub-list { margin: 0 0 25px 0 } .crm-included__sub-item { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex } .crm-included__sub-item:not(:last-child) { margin: 0 0 20px 0 } .crm-included__icon-arrow { fill: #ffa800; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 10px 0 0 } .crm-included__icon-arrow--purple { fill: #7048b8 } .crm-included__include { font-weight: 300; line-height: 21px } .crm-material { background: #ffa800 url(/local/templates/integrator2021/static/css/../images/common/material-bg-mobile.png) no-repeat center top; background-size: 100% auto; overflow: hidden; padding: 35px 0 60px } .crm-material__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 54px 0 } .crm-material__swiper { overflow: initial } .crm-material__date { color: #fff; display: inline-block; font-family: Roboto, Arial, sans-serif; font-weight: 400; line-height: 19px; margin: 0 0 12px 0 } .crm-material__heading { font-size: 20px; font-weight: 700; line-height: 25px; margin: 0 0 10px 0 } .crm-material__text { font-weight: 300; line-height: 21px; margin: 0 0 25px 0 } .crm-material__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; line-height: 1; text-decoration: none } .crm-material__icon { fill: #fff; margin: 0 0 0 10px } .crm-material__button { margin: 40px 0 0 0; width: 100% } .crm-material__nav { display: none } .crm-material__nav-icon--prev { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } .crm-video { border-bottom: 1px solid #ccc; padding: 35px 0 60px } .crm-video__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 23px 0 } .crm-video__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .crm-video__item { display: -webkit-box; display: -ms-flexbox; display: flex } .crm-video__item:not(:last-child) { margin: 0 0 20px 0 } .crm-video__video { height: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 auto; max-width: 320px; min-height: 160px; width: 100% } .crm-video__text { display: none } .crm-video__button { margin: 40px 0 0 0; width: 100% } .crm-benefit { padding: 35px 0 0 } .crm-benefit__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0 } .crm-benefit__text { color: #666; font-weight: 300; line-height: 21px; margin: 0 0 15px 0 } .crm-benefit__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .crm-benefit__item { border-top: 1px solid; border-left: none; border-right: none; border-bottom: none; -o-border-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 5%, #ccc) 1 0; border-image: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(255, 255, 255, 0)), to(#ccc)) 1 0; border-image: linear-gradient(to right, rgba(255, 255, 255, 0) 5%, #ccc) 1 0; padding: 25px 0 25px; position: relative } .crm-benefit__item:nth-child(even) { background-color: #f7f7f7; -o-border-image: -o-linear-gradient(left, #ccc 5%, rgba(255, 255, 255, 0)) 1 0; border-image: -webkit-gradient(linear, left top, right top, color-stop(5%, #ccc), to(rgba(255, 255, 255, 0))) 1 0; border-image: linear-gradient(to right, #ccc 5%, rgba(255, 255, 255, 0)) 1 0 } .crm-benefit__icon { margin: 0 0 20px 0 } .crm-benefit__advantages { color: #666; font-weight: 300; line-height: 21px } .crm-benefit__advantages span { color: #000; font-weight: 400 } .crm-benefit__picture { display: none } .crm-answer { background: #ffa800 url("/local/templates/integrator2021/static/images/common/answer-bg-mobile.png") no-repeat left top; padding: 34px 0 60px } .crm-answer__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 25px 0 } .crm-answer__form { margin: 0 0 25px 0 } .crm-answer__list { display: grid; gap: 20px } .crm-answer__item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .crm-answer__label { color: #2a2a2a; font-size: 16px; line-height: 16px; left: 20px; position: absolute; top: 18px; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s } .crm-answer__label._active { font-size: 10px; line-height: 1; top: 8px } .crm-answer__input { background-color: #ffe1a6; border-radius: 25px; border: none; line-height: 1.3; padding: 20px 20px 10px; width: 100% } .crm-answer__button { width: 100% } .crm-answer__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .crm-answer__text { color: #7f5400; font-size: 12px; line-height: 16px; margin: 0 0 25px 0 } .crm-answer__social { display: -webkit-box; display: -ms-flexbox; display: flex } .crm-answer__link:not(:last-child) { margin: 0 10px 0 0 } .sandwich { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 15px 0 0; position: relative; padding: 0; width: 18px; z-index: 25 } .sandwich._active .sandwich__line--top { border-radius: 10px; height: 2px; left: -1px; top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 22px } .sandwich._active .sandwich__line--middle { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); opacity: 0 } .sandwich._active .sandwich__line--bottom { border-radius: 10px; height: 2px; left: -1px; top: 6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 22px } .sandwich__line { background-color: #7048b8; display: block; height: 3px; left: 0; position: absolute; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; width: 18px } .sandwich__line--top { top: 0 } .sandwich__line--middle { top: 6px } .sandwich__line--bottom { top: 12px } .search { margin: 0 0 30px 0 } .search__link { display: none } .search__icon { fill: #7048b8 } .search__box { position: relative } .search__box-icon { fill: #000 } .search__input { background-color: #f8f8f8; border: 1px solid transparent; border-radius: 20px; font-size: 14px; font-weight: 500; line-height: 16px; padding: 15px 40px 15px 20px; width: 100% } .search__button { background-color: transparent; border: none; fill: #7048b8; padding: 0; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .nav { background-color: #fff; margin: 0 -20px 15px } .nav__list { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; position: relative } .nav__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 20px 15px; position: relative } .nav__item:not(:last-child) { margin: 0 0 15px 0 } .nav__item:not(:last-child)::before { background: -webkit-gradient(linear, left top, right top, from(rgba(112, 65, 197, 0)), to(#7041c5)); background: -o-linear-gradient(left, rgba(112, 65, 197, 0) 0, #7041c5 100%); background: linear-gradient(90deg, rgba(112, 65, 197, 0) 0, #7041c5 100%); bottom: 0; content: ""; height: 1px; left: 0; opacity: .5; position: absolute; width: 100% } .nav__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 500; line-height: 22px; position: relative; text-decoration: none; width: 100% } .nav__link--icon._active svg { -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg) } .nav__text { pointer-events: none } .nav__icon { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; stroke: #000; pointer-events: none } /*.nav__sub-list { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; overflow: hidden; max-height: 0; padding: 0; top: 0; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; z-index: 1 } .nav__sub-list._active { margin: 15px 0 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .nav__sub-item { display: -webkit-box; display: -ms-flexbox; display: flex } .nav__sub-item:not(:last-child) { margin: 0 0 18px 0 } .nav__sub-link { color: #000; font-size: 14px; line-height: 18px; position: relative; text-decoration: none } .nav__sub-link--active { font-weight: 500 }*/ .footer-nav__item { margin: 0 0 10px 0 } .footer-nav__head { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } .footer-nav__head.is-active+.footer-nav__sub-list { display: block } .footer-nav__head.is-active .footer-nav__button-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .footer-nav__heading { color: #fff; font-size: 20px; font-weight: 600; line-height: 26px } .footer-nav__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 24px; padding: 0; width: 24px } .footer-nav__button::after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .footer-nav__button-icon { -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s } .footer-nav__sub-list { display: none; padding: 16px 0 10px } .footer-nav__sub-item:not(:last-child) { margin: 0 0 10px 0 } .footer-nav__link { color: #b4b2b9; font-size: 14px; line-height: 18px; text-decoration: none; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s } .footer-nav__link:hover { opacity: .7 } .training { padding: 20px 0 60px } .training__aside { margin: 0 0 30px 0 } .training__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 20px 0 } .article-list { margin: 0 0 30px 0 } .article-list__item:not(:last-child) { margin: 0 0 32px 0 } .article-list__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 10px 0 } .article-list__hashtag { color: #929292; font-size: 14px; line-height: 18px; margin: 0 20px 0 0; position: relative } .article-list__hashtag::before { color: #ffa800; content: "#"; margin: 0 5px 0 0 } .article-list__views { color: #929292; font-size: 14px; line-height: 18px; margin: 0 20px 0 0; padding: 0 0 0 22px; position: relative } .article-list__views::before { background: url(/local/templates/integrator2021/static/css/../images/common/icon-eye.svg) no-repeat center; content: ""; height: 15px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 17px } .article-list__title { color: #2a2a2a; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 16px 0 } .article-list__text { color: #2a2a2a; font-size: 16px; line-height: 21px; margin: 0 0 20px 0 } .article-list__link { border: 2px solid #ffa800; border-radius: 25px; display: inline-block; color: #000; font-size: 16px; line-height: 1; padding: 13px 30px; text-decoration: none; width: auto } .training-aside__list { border: 2px solid #ededed; border-radius: 25px; padding: 15px 30px } .training-aside__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .training-aside__item:not(:last-child) { margin: 0 0 12px 0 } .training-aside__link { color: #2a2a2a; font-size: 16px; font-weight: 600; line-height: 19px; text-decoration: none } .training-aside__link._active { color: #7048b8 } .training-aside__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 20px; margin: 0 0 0 auto; padding: 0; width: 20px } .training-aside__button._open svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .training-aside__icon { pointer-events: none; stroke: #000; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .training-aside__sub-list { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; overflow: hidden; opacity: 0; max-height: 0; position: relative; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; z-index: -1 } .training-aside__sub-list._open { opacity: 1; margin: 20px 0 10px 0; z-index: 1 } .training-aside__sub-item { padding: 0 10px 0 20px } .training-aside__sub-item:not(:last-child) { margin: 0 0 10px 0 } .training-aside__sub-link { color: #2a2a2a; font-size: 16px; font-weight: 500; line-height: 19px; text-decoration: none } .training-aside__sub-link._active { color: #7048b8 } .article { min-width: 0 } .article h1 { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 25px 0 } .article__top { margin: 0 0 20px 0 } .article__date, .article__views { color: #929292; display: inline-block; font-size: 14px; line-height: 18px; margin: 0 20px 0 0; padding: 0 0 0 25px; position: relative } .article__date::before, .article__views::before { background: url(/local/templates/integrator2021/static/css/../images/common/icon-calendar.svg) no-repeat center; content: ""; height: 16px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 15px } .article__views { margin: 0 } .article__views::before { background: url(/local/templates/integrator2021/static/css/../images/common/icon-eye.svg) no-repeat center; content: ""; height: 15px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 17px } .article__hashtag { color: #929292; display: block; font-size: 14px; line-height: 18px; margin: 10px 0 0 0; position: relative } .article__hashtag::before { color: #ffa800; content: "#"; margin: 0 5px 0 0 } .article__text * { white-space: inherit } .article__text p { color: #2a2a2a; font-size: 16px; line-height: 21px } .article__text p:not(:last-of-type) { margin: 0 0 20px 0 } .article__text h2 { font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 15px 0 } .article__text img { height: auto; margin: 0 0 20px 0; /* width: 100% */ } .article__text ul { margin: 0 0 10px 0 } .article__text li { font-size: 16px; line-height: 21px; padding: 0 0 0 28px; position: relative } .article__text li::before { background-color: #7048b8; border-radius: 50%; content: ""; height: 4px; left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4px } .article__text li:not(:last-child) { margin: 0 0 5px 0 } .article__author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 20px 0 0 0 } .article__author-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 10px 0 0 } .article__author-name { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 5px 0; text-align: right } .article__author-position { color: #929292; font-size: 12px; line-height: 16px; text-align: right } .article__author-picture { border-radius: 50%; display: block; height: 50px; overflow: hidden; width: 50px } .article__author img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .breadcrumbs { display: none } .breadcrumbs__item:not(:last-child) { margin: 0 8px 0 0 } .breadcrumbs__link, .breadcrumbs__text { color: #2a2a2a; font-size: 12px; line-height: 14px; text-decoration: none } .breadcrumbs__link::after { content: ">"; margin: 0 0 0 8px } .pagination__button { background-color: #ffa800; border-radius: 25px; color: #fff; display: block; font-size: 16px; line-height: 1; padding: 17px 20px; text-align: center; text-decoration: none } .pagination__list { display: none } .pagination__item:not(:last-child) { margin: 0 10px 0 0 } .pagination__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ededed; border-radius: 50%; color: #2a2a2a; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; line-height: 14px; text-decoration: none; width: 30px } .pagination__link--active { background-color: #ffa800; color: #fff } .pagination__link--text { background-color: transparent; border: 2px solid #ededed; border-radius: 30px; height: unset; padding: 6px 10px; width: unset } .any-questions__form { border: 10px solid #ededed; margin: 0 0 30px 0; padding: 25px 17px } .any-questions__title { font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 16px 0 } .any-questions__text { font-size: 16px; font-weight: 500; line-height: 21px; margin: 0 0 16px 0 } .any-questions__row { display: grid; gap: 20px } .any-questions__box { position: relative } .any-questions__box:focus-within::before { border: 2px solid #ffa800; border-radius: 25px; content: ""; height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: 2 } .any-questions__box--textarea:focus-within::before { border-radius: 10px } .any-questions__label { color: #2a2a2a; font-size: 14px; line-height: 14px; left: 20px; position: absolute; pointer-events: none; top: 18px; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s } .any-questions__label span { color: #ffa800 } .any-questions__label._active { font-size: 10px; line-height: 1; top: 8px } .any-questions__input { background-color: #fff; border: 1px solid #ededed; border-radius: 25px; padding: 20px 20px 10px; width: 100% } .any-questions__input--textarea { border-radius: 10px; min-height: 100px } .any-questions__input--textarea:focus { outline: 0 } .any-questions__button { width: 100% } .any-questions__share { margin: 0 0 30px 0 } .any-questions__share-text { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 16px 0 } .any-questions__share-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .any-questions__share-item:not(:last-child) { margin: 0 10px 0 0 } .any-questions__share-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ededed; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; width: 30px } .other-materials { margin: 0 0 30px 0 } .other-materials__title { color: #2a2a2a; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 20px 0 } .other-materials__item { border: 1px solid #ededed; border-radius: 10px; padding: 30px 27px } .other-materials__date { color: #929292; display: inline-block; font-size: 12px; font-weight: 500; line-height: 16px; margin: 0 0 10px 0 } .other-materials__heading { color: #2a2a2a; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 10px 0 } .other-materials__text { color: #2a2a2a; font-size: 14px; line-height: 18px; margin: 0 0 12px 0 } .other-materials__link { font-size: 14px; line-height: 16px; padding: 8px 20px } [data-tabs=parent].no-transition>[data-tabs=content], [data-tabs=parent].no-transition>[data-tabs=control], [data-tabs=parent].no-transition>[data-tabs=element] { -webkit-transition: none; -o-transition: none; transition: none } [data-tabs=parent].no-transition-global [data-tabs=content], [data-tabs=parent].no-transition-global [data-tabs=control], [data-tabs=parent].no-transition-global [data-tabs=element] { -webkit-transition: none; -o-transition: none; transition: none } [data-tabs=parent] [data-tabs=content] { position: relative } [data-tabs=element] { position: absolute; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s ease-in, visibility .3s ease-in; -o-transition: opacity .3s ease-in, visibility .3s ease-in; transition: opacity .3s ease-in, visibility .3s ease-in } [data-tabs=element].is-active { z-index: 1; visibility: visible; opacity: 1 } .main-customization { background-color: #f8f8f8; padding: 40px 0 } .main-customization__info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .main-customization__heading { margin: 0 0 10px 0 } .main-customization__subtitle { color: #7048b8; font-size: 26px; font-weight: 700; line-height: 1 } .main-customization__text { font-size: 16px; font-weight: 500; line-height: 24px; margin: 0 0 20px 0 } .main-customization__link { width: auto } .main-customization__images { display: none } .main-offer { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 35px 0 } .main-offer__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 20px 0 } .main-offer__list { display: grid; gap: 20px } .main-offer__item { border: 1px solid #ededed; border-radius: 10px; padding: 26px 26px 22px } .main-offer__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 10px 0 } .main-offer__icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-filter: drop-shadow(0 0 15px rgba(98, 63, 162, .1)); filter: drop-shadow(0 0 15px rgba(98, 63, 162, .1)); margin: 0 5px 0 0; width: 42px } .main-offer__item-title { color: #623fa2; font-size: 16px; font-weight: 700; line-height: 20px } .main-offer__text { font-size: 14px; line-height: 18px } .main-automation__info { margin: 0 0 20px 0 } .main-automation__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 15px 0 } .main-automation__text { font-size: 16px; line-height: 21px } .main-automation__list { margin: 9px 0 } .main-automation__item { padding: 0 0 0 15px; position: relative } .main-automation__item::before { content: ""; border-radius: 50%; border: 1px solid #7048b8; height: 4px; position: absolute; left: 0; top: 9px; width: 4px } .main-automation__item:not(:last-child) { margin: 0 0 5px 0 } .main-automation__item-text { font-size: 16px; line-height: 21px } .main-automation__number-list { display: grid; gap: 20px; grid-template-columns: repeat(2, auto); margin: 0 0 20px 0 } .main-automation__number-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .main-automation__number-item:last-child { grid-column: 1/-1 } .main-automation__number-count { color: #ffa800; font-size: 42px; font-weight: 800; line-height: 55px } .main-automation__number-desc { font-size: 14px; font-weight: 600; line-height: 18px } .main-automation__picture { display: block; height: 338px; margin: 0 auto; width: 280px } .main-automation__img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .main-we-can { background-color: #f8f8f8; margin: 0 0 35px 0; padding: 35px 0 } .main-we-can__list { display: grid; gap: 20px } .main-we-can__item { display: -webkit-box; display: -ms-flexbox; display: flex } .main-we-can__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 6px 0 } .main-we-can__icon { -webkit-filter: drop-shadow(0 0 15px rgba(98, 63, 162, .1)); filter: drop-shadow(0 0 15px rgba(98, 63, 162, .1)); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 5px 0 0 } .main-we-can__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .main-we-can__heading { color: #623fa2; font-size: 16px; font-weight: 700; line-height: 20px; margin: 0 0 10px 0 } .main-we-can__text { font-size: 14px; line-height: 18px } .main-areas { border-bottom: 1px solid #ededed; overflow: hidden; margin: 0 0 35px 0; padding: 0 0 30px } .main-areas__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0 } .main-areas__controls { overflow: inherit; margin: 0 0 20px 0 } .main-areas__controls-item { width: auto } .main-areas__controls-link { font-size: 16px; line-height: 20px; font-weight: 500; text-decoration: underline; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s } .main-areas__controls-link.is-active { color: #ffa800 } .main-areas__elements-list { display: grid; gap: 20px; width: 100% } .main-areas__picture { border-radius: 10px; display: block; height: 143px; overflow: hidden; margin: 0 0 15px 0; width: 100% } .main-areas__img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .main-areas__heading { font-size: 20px; font-weight: 600; line-height: 25px; margin: 0 0 10px 0 } .main-areas__description { color: #929292; font-size: 16px; font-weight: 600; line-height: 20px } .main-partners { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 0 0 30px } .main-partners__top { margin: 0 0 20px 0 } .main-partners__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0 } .main-partners__sub-text { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px } .main-partners__list { display: grid; gap: 15px 20px; grid-template-columns: 1fr 1fr; margin: 0 0 30px 0; max-height: 325px; overflow: hidden; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s } .main-partners__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .main-partners__picture { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #ededed; border-radius: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 70px; overflow: hidden; width: 130px } .main-partners__img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .main-partners__text { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 20px 0 } .main-partners__link { color: #000; font-size: 16px; font-weight: 600; line-height: 20px; text-decoration: underline; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s } .main-partners__link:hover { opacity: .7 } .main-blog { overflow: hidden; padding: 0 0 30px } .main-blog__title { font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 26px 0 } .main-blog__wrapper { overflow: inherit; margin: 0 0 20px 0 } .main-blog__item { border: 1px solid #ededed; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 27px 32px } .main-blog__date { color: #929292; font-size: 12px; font-weight: 500; line-height: 16px; margin: 0 0 10px 0 } .main-blog__heading { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 10px 0 } .main-blog__text { font-size: 14px; line-height: 18px; margin: 0 0 12px 0 } .main-blog__buttom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .main-blog__more { border-radius: 25px; font-size: 16px; line-height: 1; padding: 15px 30px } .landing-hero { background-color: #f9f8fb; overflow: hidden } .landing-hero__content { padding: 0 0 40px } .landing-hero__wrapper { overflow: inherit } .landing-hero__images { -webkit-clip-path: polygon(0 0, 100% 0, 100% 72%, 0 65%); clip-path: polygon(0 0, 100% 0, 100% 72%, 0 65%); position: relative } .landing-hero__picture { display: block; overflow: hidden; max-height: 460px } .landing-hero__img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .landing-hero__info { margin: -135px 0 40px; padding: 40px 0 0 } .landing-hero__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .landing-hero__title { font-size: 24px; font-weight: 500; line-height: 32px; margin: 0 0 30px 0 } .landing-hero__description { font-size: 16px; font-weight: 500; line-height: 24px; margin: 0 0 40px 0 } .landing-hero__navigation { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .landing-hero__nav-bullets { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .landing-hero__nav-bullet { cursor: pointer; height: 20px; position: relative; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; width: 20px } .landing-hero__nav-bullet:not(:last-child) { margin: 0 12px 0 0 } .landing-hero__nav-bullet::after { content: ""; border: 2px solid #7048b8; border-radius: 50%; height: 8px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; width: 8px } .landing-hero__nav-bullet--active::after { background-color: #7048b8; height: 13px; width: 13px } .landing-hero__nav-arrows { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .landing-hero__nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 24px; padding: 0; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; width: 24px } .landing-hero__nav:not(:last-child) { margin: 0 20px 0 0 } .landing-hero__nav--next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .landing-hero__nav--disabled { opacity: .5 } .landing-hero__nav:hover { opacity: .7 } .landing-hero__nav-icon { stroke: #7048b8; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round } .boxed-hero { background-color: #f9f8fb; margin: 0 0 35px 0; padding: 41px 0 43px } .boxed-hero__info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .boxed-hero__subtitle { color: #7048b8; font-size: 26px; font-weight: 700; line-height: 1; margin: 0 0 6px 0 } .boxed-hero__logo-picture { display: block; margin: 0 0 10px 0 } .boxed-hero__text { font-size: 16px; font-weight: 500; line-height: 24px; margin: 0 0 20px 0 } .boxed-hero__text--purple { color: #623fa2; font-weight: 800 } .boxed-hero__picture { display: none } .boxed-advantages { margin: 0 0 35px 0 } .boxed-advantages__content { border-bottom: 1px solid #ededed; padding: 0 0 35px 0 } .boxed-advantages__title { font-size: 24px; font-weight: 700; line-height: 30px; margin: 0 0 20px 0 } .boxed-advantages__list { display: grid; gap: 20px; grid-template-columns: 1fr } .boxed-advantages__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ededed; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 17px 21px } .boxed-advantages__number { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffa800; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: Roboto, Arial, sans-serif; font-size: 22px; font-weight: 900; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px; line-height: 29px; margin: 0 16px 0 0; position: relative; width: 50px } .boxed-advantages__number::before { background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 0 15px rgba(98, 63, 162, .1); box-shadow: 0 0 15px rgba(98, 63, 162, .1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .boxed-advantages__text { font-size: 14px; line-height: 18px } .boxed-comparison { margin: 0 0 35px 0 } .boxed-comparison__content { border-bottom: 1px solid #ededed } .boxed-comparison__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 26px 0 } .boxed-comparison__link { color: #000; display: block; font-size: 16px; font-weight: 500; line-height: 1; margin: 0 0 27px 0; text-align: center } .boxed-comparison__table--hide-mobile { display: none } .boxed-comparison__text { font-size: 14px; line-height: 18px } .boxed-comparison__accordion { margin: 0 -20px 27px } .boxed-comparison__accordion-element.is-active .boxed-comparison__accordion-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .boxed-comparison__accordion-element:nth-child(odd) .boxed-comparison__accordion-button { background-color: #f7f7f7 } .boxed-comparison__accordion-button { background-color: transparent; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 27px 20px } .boxed-comparison__accordion-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 10px 0 } .boxed-comparison__accordion-title { font-size: 16px; font-weight: 700; line-height: 20px } .boxed-comparison__accordion-icon { -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s } .boxed-comparison__accordion-price { color: #623fa2; font-size: 16px; font-weight: 600; line-height: 20px } .boxed-comparison__accordion-item { background-color: rgba(245, 245, 245, .2); border-bottom: 1px solid #ededed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 22px 20px } .boxed-comparison__accordion-item--buy { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 25px } .boxed-comparison__accordion-buy { min-width: 214px } .boxed-about { padding: 0 0 50px 0 } .boxed-about__picture { display: block; margin: 0 0 20px 0 } .boxed-about__img { height: 100%; width: 100% } .boxed-about__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 14px 0 } .boxed-about__text { font-size: 16px; line-height: 21px } .boxed-about__text p:not(:last-child) { margin: 0 0 10px 0 } .boxed-about__nav-bullets { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0 0 0 } .boxed-about__nav-bullet { background-color: #ededed; border-radius: 50%; height: 10px; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; width: 10px } .boxed-about__nav-bullet--active { background-color: #623fa2 } .boxed-about__nav-bullet:not(:last-child) { margin: 0 8px 0 0 } .boxed-help { background: -webkit-gradient(linear, left top, right top, from(#fff), to(#faf9fc)); background: -o-linear-gradient(left, #fff 0, #faf9fc 100%); background: linear-gradient(90deg, #fff 0, #faf9fc 100%); margin: 0 0 35px 0; padding: 35px 0 } .boxed-help__description { margin: 0 0 15px 0 } .boxed-help__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 10px 0 } .boxed-help__text { font-size: 18px; line-height: 22px } .boxed-help__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .boxed-help__input { border-radius: 25px; border: 1px solid #b4b2b9; font-size: 17px; line-height: 1; margin: 0 0 20px 0; padding: 14px 20px } .boxed-faq { margin: 0 0 35px 0 } .boxed-faq__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0 } .boxed-faq__accordion { border: 1px solid #ededed; border-radius: 10px } .boxed-faq__accordion-element.is-active .boxed-faq__accordion-icon { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg) } .boxed-faq__accordion-element:not(:last-child) { border-bottom: 1px solid #ededed } .boxed-faq__accordion-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; background-color: #fff; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 600; line-height: 21px; padding: 20px 35px 20px 28px; position: relative; text-align: left; width: 100% } .boxed-faq__accordion-icon { position: absolute; right: 17px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s } .boxed-faq__accordion-wrapper { padding: 0 35px 15px 28px } .boxed-faq__accordion-wrapper p { font-size: 16px; line-height: 21px; margin: 0 0 10px 0 } .boxed-faq__accordion-wrapper ul { list-style: disc; margin: 0 0 10px 0; padding-left: 1.5em } .boxed-faq__accordion-wrapper li:not(:last-child) { margin: 0 0 10px 0 } .boxed-faq__accordion-wrapper a { color: #00f; text-decoration: none } .boxed-competencies { margin: 35px 0 } .boxed-competencies__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 10px 0 } .boxed-competencies__text { font-size: 18px; font-weight: 500; line-height: 22px; margin: 0 0 20px 0 } .boxed-competencies__list { display: grid; gap: 20px } .boxed-competencies__item { -webkit-box-shadow: 0 0 10px rgba(98, 63, 162, .1); box-shadow: 0 0 10px rgba(98, 63, 162, .1); border-radius: 10px; overflow: hidden; padding: 21px 9px 12px 9px; position: relative } .boxed-competencies__item:hover .boxed-competencies__subtitle { opacity: .7 } .boxed-competencies__item:hover .boxed-competencies__icon { opacity: .7 } .boxed-competencies__subtitle { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 13px 0; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s } .boxed-competencies__icon { margin: 0 0 0 -20px; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s } .boxed-competencies__shadow-link::after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } [data-accordion=element].is-active>[data-accordion=content] { max-height: 100% } [data-accordion=parent].no-transition [data-accordion=content] { -webkit-transition: none; -o-transition: none; transition: none } [data-accordion=content] { max-height: 0; -webkit-transition: max-height .3s; -o-transition: max-height .3s; transition: max-height .3s; overflow: hidden } .contacts-contact { margin: 0 0 35px 0; padding: 35px 0 0 } .contacts-contact__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 20px 0 } .contacts-contact__content { display: grid; gap: 20px } .contacts-contact__info { background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(98, 63, 162, .1); box-shadow: 0 0 15px rgba(98, 63, 162, .1); border: 1px solid #ededed; border-radius: 10px; padding: 17px 24px; width: 100% } .contacts-contact__info-title { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 1.3; margin: 0 0 12px 0 } .contacts-contact__info-value { color: #000; font-size: 14px; font-weight: 500; line-height: 1.3; padding: 0 0 0 26px; position: relative; text-decoration: none } .contacts-contact__info-icon { left: 0; position: absolute; top: 0 } .contacts-contact__list { border-top: 1px solid #ededed; display: grid; gap: 20px; margin: 20px -24px 0; padding: 20px 24px 0 } .contacts-contact__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .contacts-contact__city { font-size: 15px; font-weight: 700; line-height: 1.3; margin: 0 0 10px 0 } .contacts-contact__phone { color: #000; font-size: 14px; font-weight: 500; line-height: 1.3; text-decoration: none } .contacts-form { border-top: 1px solid #ededed; margin: 0 0 35px 0; padding: 35px 0 0 0 } .contacts-form__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 20px 0 } .contacts-form__form { display: grid; gap: 20px; margin: 0 0 20px 0 } .contacts-form__box { position: relative } .contacts-form__label { color: #918f8f; font-size: 16px; line-height: 1; left: 24px; position: absolute; top: 18px; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s } .contacts-form__label._active { font-size: 11px; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } .contacts-form__input { border: 1px solid #918f8f; border-radius: 10px; font-size: 16px; line-height: 1; padding: 20px 30px 10px 24px; width: 100% } .contacts-form__input--textarea { min-height: 100px } .contacts-form__input:focus { border: 1px solid #ffa800; outline: 0 } .contacts-form__note { font-size: 12px; line-height: 16px } .contacts-requisites { border-top: 1px solid #ededed; margin: 0 0 20px 0; padding: 35px 0 0 0 } .contacts-requisites__title { font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 20px 0 } .contacts-requisites__list { border-left: 2px solid #623fa2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 0 0 24px } .contacts-requisites__list:not(:last-child) { margin: 0 0 20px 0 } .contacts-requisites__list--yellow { border-color: #ffa800 } .contacts-requisites__item { display: -webkit-box; display: -ms-flexbox; display: flex } .contacts-requisites__item:not(:last-child) { margin: 0 0 10px 0 } .contacts-requisites__key { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 15px; font-weight: 700; line-height: 1.3 } .contacts-requisites__value { font-size: 14px; font-weight: 500; line-height: 1.3; margin: 0 0 0 10px } .contacts-map__map { min-height: 300px; width: 100% } .popup { -webkit-overflow-scrolling: touch; z-index: 100; padding: 10px 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: visibility .8s ease 0s; -o-transition: visibility .8s ease 0s; transition: visibility .8s ease 0s; visibility: hidden } .popup::before { content: ''; background-color: rgba(63, 58, 58, .6); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: opacity .8s ease 0s; -o-transition: opacity .8s ease 0s; transition: opacity .8s ease 0s } .popup.show { visibility: visible; overflow: auto } .popup.show::before { opacity: 1 } .popup.show .popup__body { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .popup._active { overflow: auto; visibility: visible } .popup._active::before { opacity: 1 } .popup._active .popup__close { opacity: 1; -webkit-transition: all .3s ease .4s; -o-transition: all .3s ease .4s; transition: all .3s ease .4s } .popup._active .popup__body { -webkit-transition: all .3s ease .2s; -o-transition: all .3s ease .2s; transition: all .3s ease .2s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .popup__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .popup__body { background-color: #fff; border-radius: 10px; max-width: 400px; padding: 20px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; width: 100% } .popup__close { background-color: transparent; border: none; cursor: pointer; height: 34px; opacity: 0; padding: 0; position: fixed; top: -10px; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; right: 0; width: 34px; z-index: 30 } .popup-form__title { font-size: 24px; font-weight: 700; line-height: 30px; margin: 0 0 5px 0 } .popup-form__text { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 30px 0 } @media screen and (min-width:768px) { .wrapper { overflow-x: hidden } .container { padding: 0 40px } .footer__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 30px 0 } .footer__title { font-size: 24px; line-height: 30px; margin: 0 } .footer__social { margin: 0 } .footer__contacts { gap: 40px; grid-template-columns: repeat(4, 1fr); margin: 0 0 55px 0 } .footer__contacts-city { font-size: 16px; line-height: 20px; margin: 0 0 12px 0 } .footer__contacts-link { font-size: 16px; line-height: 20px } .footer__copy { font-size: 12px; line-height: 15px; padding: 16px 0 } .footer__copy-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .footer__copy-copyright { margin: 0 } .header__top::before { display: none } .header__logo-picture { height: 41px; width: 178px } .header__actions { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .header__inner { background: -o-linear-gradient(359.42deg, #5f3c9d -9.25%, #2a0845 111.8%); background: linear-gradient(90.58deg, #5f3c9d -9.25%, #2a0845 111.8%); height: unset; overflow: unset; padding: 0; position: relative; pointer-events: unset; top: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset } .header__call { display: none } .header__call-link { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; font-size: 14px; grid-row: 1/-1; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; line-height: 16px; height: unset; width: unset } .header__call-number { display: block } .header__call-icon { display: none } .header__contacts { display: none } .header__phones { display: grid; gap: 5px 30px; grid-template-columns: repeat(2, auto); grid-template-rows: auto auto; margin: 0 30px 0 0; width: auto } .header__phone { font-size: 14px; font-weight: 600; line-height: 16px } .header__phone-separate { display: none } .header__phone-icon { display: none } .header-social { margin: 0 30px 0 0 } .header-social__item:not(:last-child) { margin: 0 10px 0 0 } .crm-heading { margin: 0 0 55px 0 } .crm-heading__title { line-height: 40px } .crm-heading__list { margin: 0 } .crm-heading__item:not(:last-child) { margin: 0 30px 0 0 } .crm-efficiency__inner { display: -webkit-box; display: -ms-flexbox; display: flex } .crm-efficiency__box { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 } .crm-efficiency__picture { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 10px -40px 0 0 } .crm-efficiency__img { max-width: unset; margin: unset } .crm-included__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .crm-included__item { border: 1px solid #e2e2e2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 40px 50px } .crm-included__item--gray { background-color: rgba(229, 229, 229, .5); background-image: url(/local/templates/integrator2021/static/css/../images/common/logo-intergator-bg.svg); background-repeat: no-repeat; background-position: center calc(100% - 20px); border-left: none } .crm-included__item:not(:last-child) { margin: 0 } .crm-included__heading { margin: 0 -40px 25px; padding: 15px } .crm-included__heading--yellow { background-color: #ffa800; color: #000 } .crm-included__heading--purple { background-color: #7048b8; color: #fff } .crm-included__tarif { text-align: center } .crm-included__note { text-align: center } .crm-included__sub-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .crm-included__sub-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .crm-included__sub-item:not(:last-child) { margin: 0 0 25px 0; padding: 0 0 25px 0; position: relative } .crm-included__sub-item:not(:last-child)::after { background: url(/local/templates/integrator2021/static/images/common/separator.png) no-repeat center; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100% } .crm-included__icon-arrow { display: none } .crm-included__include { text-align: center } .crm-included__button { margin: auto 0 0 0 } .crm-included__button--yellow { background-color: #7048b8; border-color: #7048b8 } .crm-included__button--yellow:hover { background-color: #fff; color: #7048b8 } .crm-included__button--purple { background-color: #ffa800; border-color: #ffa800 } .crm-included__button--purple:hover { background-color: #fff; color: #ffa800 } .crm-material { background: #ffa800 url(/local/templates/integrator2021/static/css/../images/common/material-bg-tablet.png) no-repeat center top; background-size: 100% auto; padding: 54px 0 60px } .crm-material__title { margin: 0 0 50px 0; text-align: center } .crm-material__inner { padding: 0 90px } .crm-material__button { margin: 40px auto 0 auto; width: auto } .crm-material__nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: 3px solid #fff; border-right: none; border-radius: 100% 0 0 100%/50% 0 0 50%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; left: 0; height: 60px; padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; z-index: 2 } .crm-material__nav--next { border-right: 3px solid #fff; border-left: none; border-radius: 0 100% 100% 0/0 50% 50% 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: unset; right: 0 } .crm-material__nav--disabled { opacity: .2 } .crm-video { padding: 55px 0 70px; text-align: center } .crm-video__title { margin: 0 0 33px 0 } .crm-video__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px -15px 0 } .crm-video__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 30px 15px 0 } .crm-video__item:not(:last-child) { margin: 0 } .crm-video__video { max-width: 330px; height: 185px; min-height: 185px } .crm-video__text { display: block; font-family: "Open Sans", Arial, sans-serif; font-weight: 700; line-height: 22px; margin: 14px 0 0 0 } .crm-video__button { margin: 35px auto 0; width: auto } .crm-benefit { background: #fff url(/local/templates/integrator2021/static/css/../images/common/benefit-bg-tablet.png) no-repeat center top; background-size: 100% 20%; padding: 55px 0 0 } .crm-benefit__title { margin: 0 0 30px 0; text-align: center } .crm-benefit__item { min-height: 250px } .crm-benefit__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .crm-benefit__inner { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .crm-benefit__inner--left { margin: 0 0 0 auto } .crm-benefit__picture { bottom: 0; display: block; position: absolute } .crm-benefit__picture--right { right: 0 } .crm-benefit__picture--left { left: 0 } .crm-benefit__img { height: auto; -o-object-fit: cover; object-fit: cover } .crm-answer { padding: 54px 0 60px } .crm-answer__title { text-align: center } .crm-answer__form { margin: 0 0 30px 0 } .crm-answer__list { grid-template-columns: 50% 50% } .crm-answer__box { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .crm-answer__text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .crm-answer__social { margin: 0 30px 0 0 } .sandwich { display: none } .search { margin: 0 } .search__link { display: block } .search__form { display: none } .nav { background-color: transparent; margin: 0 } .nav__inner { overflow: inherit } .nav__list { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 } .nav__item { padding: 17px 0; width: auto } .nav__item:not(:last-child) { margin: 0 } .nav__item:not(:last-child)::before { display: none } .nav__link { color: #fff; cursor: pointer; font-family: Raleway, Arial, sans-serif; font-size: 14px; line-height: 16px; white-space: nowrap } .nav__link--icon { padding: 0 15px 0 0 } .nav__link--icon._active svg { -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg) } .nav__icon { height: 10px; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; stroke: #fff; width: 10px } /*.nav__sub-list { -webkit-box-shadow: 4px 4px 8px 0 rgba(34,60,80,.2); box-shadow: 4px 4px 8px 0 rgba(34,60,80,.2); height: auto; opacity: 0; min-width: 250px; padding: 20px; pointer-events: none; position: absolute; top: 100%; -webkit-transform: translate(0,50px); -ms-transform: translate(0,50px); transform: translate(0,50px); -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; z-index: -1 } .nav__sub-list._active { opacity: 1; margin: 0; pointer-events: all } .nav__sub-item--back { display: none } .nav__sub-item--title { display: none } .nav__sub-link { font-size: 14px; line-height: 16px }*/ .footer-nav__list { display: grid; gap: 22px; grid-template-columns: 1fr 1fr } .footer-nav__heading { font-size: 24px; line-height: 32px } .article__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .article__author { margin: 0 } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px 0 } .pagination__button { display: none } .pagination__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .any-questions__row { grid-template-columns: 1fr 1fr; grid-template-rows: auto } .any-questions__box--textarea { grid-column: 1/-1; grid-row: 3/4 } .any-questions__button { grid-row: 4/5 } .any-questions__share { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .other-materials__list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px } .other-materials__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 15px } .other-materials__link { margin: auto 0 0 0 } .main-customization { overflow: hidden; padding: 40px 0 0 } .main-customization__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .main-customization__info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 0 20px; width: 48.5% } .main-customization__heading { margin: 0 0 16px 0 } .main-customization__logo-img { height: 35px; width: 200px } .main-customization__subtitle { font-size: 30px; line-height: 37px } .main-customization__images { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); width: 432px } .main-customization__picture { display: block; /* height: 379px; width: 432px*/ } .main-customization__img { /* height: 100%;*/ /* -o-object-fit: cover; object-fit: cover; width: 100%*/ } .main-offer { margin: 0 0 40px 0; padding: 55px 0 55px } .main-offer__title { line-height: 30px; margin: 0 0 30px 0 } .main-offer__list { gap: 22px; grid-template-columns: 1fr 1fr } .main-offer__item { padding: 28px 20px 24px } .main-offer__top { margin: 0 0 15px 0 } .main-offer__icon { height: 50px; margin: 0 10px 0 0; width: 50px } .main-offer__item-title { font-size: 18px; line-height: 24px } .main-offer__text { font-size: 16px; line-height: 21px } .main-automation { margin: 0 0 20px 0 } .main-automation__content { display: grid; gap: 20px; grid-template-columns: auto 48%; grid-template-rows: minmax(449px, auto) 1fr } .main-automation__info { align-self: center; grid-column: 2/-1; margin: 0 } .main-automation__number-list { grid-column: 1/-1; grid-template-columns: repeat(3, auto); margin: 0 } .main-automation__number-item { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .main-automation__number-item:last-child { grid-column: unset } .main-automation__number-count { margin: 0 10px 0 0 } .main-automation__image { grid-column: 1/2; grid-row: 1; position: relative } .main-automation__picture { height: 449px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(calc(-50% - 20px), -50%); -ms-transform: translate(calc(-50% - 20px), -50%); transform: translate(calc(-50% - 20px), -50%); width: 373px } .main-we-can { margin: 0 0 55px 0; padding: 55px 0 } .main-we-can__list { grid-template-columns: 1fr 1fr } .main-we-can__icon { height: 60px; margin: 0 20px 0 0; width: 60px } .main-we-can__heading { font-size: 20px; line-height: 26px } .main-we-can__text { font-size: 16px; line-height: 21px } .main-areas { margin: 0 0 55px 0; padding: 0 0 55px } .main-areas__title { margin: 0 0 30px 0 } .main-areas__controls { margin: 0 0 30px 0 } .main-areas__controls-link { font-size: 18px; line-height: 25px } .main-areas__elements-list { grid-template-columns: 1fr 1fr } .main-areas__picture { height: 171px; margin: 0 0 20px 0 } .main-areas__heading { font-size: 18px; line-height: 23px; margin: 0 0 12px 0 } .main-partners { margin: 0 0 55px 0; padding: 0 0 55px } .main-partners__top { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 36px 0 } .main-partners__list { gap: 17px; grid-template-columns: repeat(3, 1fr); max-height: 388px } .main-partners__picture { height: 118px; width: 218px } .main-partners__text { margin: 0; text-align: center } .main-blog { padding: 0 0 55px } .main-blog__title { font-size: 24px; line-height: 30px } .main-blog__item { height: auto; padding: 30px } .main-blog__text { margin: 0 0 30px 0 } .main-blog__link { margin: auto 0 0 0 } .landing-hero__images { -webkit-clip-path: polygon(0 0, 100% 0, 100% 78%, 0 63%); clip-path: polygon(0 0, 100% 0, 100% 78%, 0 63%) } .landing-hero__picture { max-height: 652px } .landing-hero__info { margin: -175px 0 40px } .landing-hero__inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .landing-hero__title { font-size: 36px; line-height: 52px } .landing-hero__description { font-size: 18px; line-height: 28px; max-width: 400px } .landing-hero__nav-bullet { height: 24px; width: 24px } .landing-hero__nav-bullet:not(:last-child) { margin: 0 16px 0 0 } .landing-hero__nav-bullet::after { height: 10px; width: 10px } .landing-hero__nav-bullet--active::after { height: 16px; width: 16px } .landing-hero__nav { height: 32px; width: 32px } .landing-hero__nav-icon { height: 16px; width: 8px } .boxed-hero { margin: 0 0 55px 0; padding: 30px 0 37px } .boxed-hero__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .boxed-hero__info { margin: 0 37px 0 0; min-width: 333px } .boxed-hero__subtitle { font-size: 30px; line-height: 37px } .boxed-hero__picture { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 315px } .boxed-hero__img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .boxed-advantages { margin: 0 0 55px 0 } .boxed-advantages__content { padding: 0 0 55px 0 } .boxed-advantages__title { margin: 0 0 30px 0 } .boxed-advantages__list { grid-template-columns: 1fr 1fr } .boxed-advantages__item { padding: 22px } .boxed-advantages__text { font-size: 16px; line-height: 21px } .boxed-comparison__link { margin: 0 0 55px 0; text-align: right } .boxed-comparison__table--hide-mobile { display: -webkit-box; display: -ms-flexbox; display: flex } .boxed-comparison__table { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 30px 0 } .boxed-comparison__row-top { border-radius: 10px 10px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; width: 100% } .boxed-comparison__col-top { background-color: #7149b9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 12px 11px 8px; text-align: center; width: 23.5% } .boxed-comparison__col-top--key { background-color: #ffa800; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 29px; text-align: left } .boxed-comparison__text-top { color: #fff; font-size: 16px; font-weight: 500; line-height: 1.3; margin: 0 0 7px 0 } .boxed-comparison__text-top--bold { font-weight: 600; margin: auto 0 0 0 } .boxed-comparison__row { border-left: 1px solid #ededed; border-right: 1px solid #ededed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .boxed-comparison__row:last-child { border-bottom: 1px solid #ededed; border-radius: 0 0 10px 10px } .boxed-comparison__row:last-child .boxed-comparison__col::after { display: none } .boxed-comparison__col { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 10px; position: relative; text-align: center; width: 23.5% } .boxed-comparison__col--key { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 29px; text-align: left } .boxed-comparison__col:nth-child(even) { background-color: #f5f5f5 } .boxed-comparison__col::after { background: url(/local/templates/integrator2021/static/images/common/separator.png) no-repeat center; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100% } .boxed-comparison__col--no-border::after { display: none } .boxed-comparison__buy-inner { position: relative; width: 100% } .boxed-comparison__accordion--hide-tablet { display: none } .boxed-comparison__accordion-buy { min-width: unset } .boxed-about__picture { margin: 0 0 30px 0 } .boxed-about__img { max-width: 700px; margin: 0 auto } .boxed-about__title { margin: 0 0 16px 0 } .boxed-help { margin: 0 0 50px 0; padding: 54px 0 } .boxed-help__content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex } .boxed-help__description { margin: 0 48px 0 0; width: 50% } .boxed-help__form { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .boxed-faq { margin: 0 0 50px 0 } .boxed-faq__title { margin: 0 0 30px 0; text-align: center } .boxed-competencies { margin: 55px 0 60px } .boxed-competencies__title { text-align: center } .boxed-competencies__text { margin: 0 0 30px 0; text-align: center } .boxed-competencies__list { grid-template-columns: 1fr 1fr } .contacts-contact { margin: 0 0 55px; padding: 55px 0 0 } .contacts-contact__title { margin: 0 0 30px 0 } .contacts-contact__content { gap: 33px 26px; grid-template-columns: 1fr 1fr } .contacts-contact__info-pic { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 0 76px; position: relative } .contacts-contact__info-pic::before { background: url(/local/templates/integrator2021/static/css/../images/common/contacts-bg.png) no-repeat center; background-size: 100%; content: ""; height: 151px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 120px; z-index: -1 } .contacts-contact__info { padding: 26px 18px 26px 21px } .contacts-contact__info--phones { grid-column: 1/-1 } .contacts-contact__info-title { font-size: 18px } .contacts-contact__info-value { font-size: 16px; padding: 0 0 0 30px } .contacts-contact__info-icon { height: 20px; width: 20px } .contacts-contact__list { grid-template-columns: repeat(3, 1fr); margin: 26px -21px 0 } .contacts-contact__city { font-size: 18px; margin: 0 0 12px 0 } .contacts-contact__phone { font-size: 16px } .contacts-form { margin: 0 0 55px 0; padding: 55px 0 0 0 } .contacts-form__title { margin: 0 0 30px 0 } .contacts-form__form { gap: 16px 22px; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, auto) } .contacts-form__box--textarea { grid-column: 2/-1; grid-row: 1/3 } .contacts-form__input--textarea { height: 100% } .contacts-form__input { padding: 22px 30px 12px 24px } .contacts-requisites { margin: 0 0 55px 0; padding: 55px 0 0 0 } .contacts-requisites__title { margin: 0 0 30px 0 } .contacts-requisites__list { padding: 0 0 0 40px } .contacts-requisites__key { font-size: 18px } .contacts-requisites__value { font-size: 16px } .contacts-map__map { min-height: 400px } .popup { padding: 40px } .popup__body { max-width: 800px; padding: 40px } .popup__close { right: -10px; top: -10px } } @media screen and (min-width:1024px) { .landing-hero__content { padding: 0 } .landing-hero__item { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden } .landing-hero__images { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0; max-width: 527px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } .landing-hero__info { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 100px; padding: 60px 0 0; width: 100% } .landing-hero__inner { width: 48.4% } .landing-hero__navigation { bottom: 40px; position: absolute; width: 48.4%; z-index: 5 } } @media screen and (min-width:1280px) { .wrapper { overflow-x: unset } .container { max-width: 1064px; padding: 0 20px } .footer__contacts { grid-template-columns: repeat(6, auto) } .header__nav { margin: 0 auto; max-width: 1064px; padding: 0 20px; width: 100% } .header__phones { grid-template-columns: repeat(3, auto); grid-template-rows: auto; gap: 20px } .header__search { width: 20% } .crm-heading { padding: 34px 0 15px } .crm-efficiency__text { font-weight: 400 } .crm-efficiency__picture { margin: 0 -10px 0 0 } .crm-included__item { padding: 0 40px 30px } .crm-included__item--gray { background-position: center 100% } .crm-included__sub-item:not(:last-child)::after { background: url(/local/templates/integrator2021/static/css/../images/common/separator-desktop.png) no-repeat center } .crm-material { background: #ffa800 url(/local/templates/integrator2021/static/css/../images/common/material-bg-desktop.png) no-repeat center top; background-size: 100% auto } .crm-material__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px; width: auto } .crm-material__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; height: auto; padding: 0 20px } .crm-material__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 } .crm-material__link { margin: auto 0 0 0 } .crm-material__button { margin: 70px auto 0 auto } .crm-material__nav { display: none } .crm-video { padding: 55px 0 60px } .crm-video__video { height: 280px; max-width: 500px; min-height: 280px } .crm-video__button { margin: 40px auto 0 } .crm-benefit__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 55px 0 25px } .crm-benefit__item .container { position: relative } .crm-benefit__inner { display: -webkit-box; display: -ms-flexbox; display: flex } .crm-benefit__icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 96px; margin: 0 30px 0 0; width: 136px } .crm-benefit__picture { bottom: -25px } .crm-benefit__img { -webkit-transform: scale(1.3) translateY(-11%); -ms-transform: scale(1.3) translateY(-11%); transform: scale(1.3) translateY(-11%) } .crm-answer__list { grid-template-columns: 26% 26% 26% auto } .search__link { display: none } .search__form { display: block } .search__box-icon { fill: #ccc } .search__input { background-color: #fff; border-color: #ccc; padding: 11px 40px 11px 20px } .nav__list { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap } .nav__item:not(:last-child) { margin: 0 30px 0 0 } .footer-nav__list { grid-template-columns: repeat(4, auto) } .footer-nav__button { display: none } .footer-nav__sub-list { display: block } .training { padding: 40px 60px } .training__wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: start; /* display: grid; grid-template-columns: 25.59% 1fr; gap: 30px;*/ position: relative } .training__aside { position: sticky; top: 20px } .article-list { margin: 0 0 60px 0 } .article-list__views { font-size: 16px } .training-aside__list { overflow: unset; max-height: unset; padding: 15px 30px } .breadcrumbs { margin: 0 0 30px 0 } .pagination__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .any-questions__row { grid-template-columns: 1fr 1fr 1fr } .any-questions__box--textarea { grid-column: 1/3; grid-row: 2/3 } .any-questions__input--textarea { min-height: 66px } .any-questions__button { align-self: start; grid-row: 2/3 } .any-questions__share { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .any-questions__share-text { margin: 0 20px 0 0 } .other-materials { margin: 0 0 60px 0 } .other-materials__item { padding: 30px } .other-materials__text { margin: 0 0 30px 0 } .main-customization__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .main-customization__info { width: 50.4% } .main-customization__heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .main-customization__logo-img { height: 45px; width: 250px } .main-customization__subtitle { font-size: 40px; line-height: 50px; margin: 0 0 0 10px } .main-customization__text { font-size: 18px; line-height: 27px; margin: 0 0 15px 0 } .main-customization__images { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: 472px } .main-customization__picture { /* height: 415px; width: 472px*/ } .main-offer__list { gap: 20px; grid-template-columns: repeat(3, 1fr) } .main-offer__item { padding: 28px 20px 24px } .main-automation__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 45px; grid-template-columns: 1fr 50%; grid-template-rows: auto } .main-automation__info { -ms-flex-item-align: unset; align-self: unset } .main-automation__number-list { grid-column: unset; margin: 20px 0 0 0 } .main-automation__number-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .main-automation__image { grid-row: 1/-1 } .main-automation__picture { height: 477px; left: unset; margin: 0 0 0 auto; position: relative; top: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; width: 396px } .main-we-can { padding: 55px 0 70px } .main-we-can__list { gap: 20px 30px; grid-template-columns: repeat(3, 1fr) } .main-areas__title { font-size: 24px; line-height: 30px } .main-areas__elements-list { gap: 30px } .main-areas__picture { height: 255px; margin: 0 0 25px 0 } .main-areas__heading { font-size: 20px; line-height: 25px; margin: 0 0 16px 0 } .main-partners__top { margin: 0 0 30px 0 } .main-partners__list { gap: 20px; grid-template-columns: repeat(4, 1fr); max-height: 280px } .main-partners__picture { height: 130px; width: 241px } .main-blog__title { margin: 0 0 30px 0 } .main-blog__wrapper { overflow: hidden } .boxed-hero { padding: 45px 0 } .boxed-hero__content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .boxed-hero__info { margin: 0 27px 0 0; max-width: 516px } .boxed-hero__subtitle { font-size: 40px; line-height: 50px } .boxed-hero__logo-picture { margin: 0 0 17px 0 } .boxed-hero__text { margin: 0 0 16px 0 } .boxed-hero__text--purple { font-size: 18px; line-height: 24px } .boxed-hero__picture { height: 360px; width: 360px } .boxed-advantages__list { grid-template-columns: repeat(3, 1fr) } .boxed-comparison { margin: 0 0 50px 0 } .boxed-comparison__title { line-height: 30px; margin: 0 0 30px 0 } .boxed-comparison__col-top { padding: 14px 15px 12px; width: 24.8% } .boxed-comparison__col-top--key { padding-left: 29px } .boxed-comparison__col-top:last-child { width: 18% } .boxed-comparison__text-top { font-size: 18px; line-height: 23px } .boxed-comparison__col { width: 24.8% } .boxed-comparison__col:last-child { width: 18% } .boxed-comparison__text { font-size: 16px; line-height: 21px } .boxed-comparison__buy-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .boxed-comparison__accordion-buy { max-width: 140px; width: 100% } .boxed-about__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex } .boxed-about__picture { -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; margin: 0 30px 0 0 } .boxed-help__description { margin: 0 138px 0 0; width: 44% } .boxed-help__form { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .boxed-help__input { margin: 0 20px 0 0 } .boxed-help__button { min-width: 158px } .boxed-competencies { margin: 50px 0 } .boxed-competencies__list { grid-template-columns: repeat(4, 1fr) } .boxed-competencies__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 31px 13px 37px 13px } .boxed-competencies__subtitle { margin: 0 0 34px 0 } .boxed-competencies__icon { margin: auto 0 0 -20px } .boxed-competencies__icon--crm { height: 48px; width: 156px } .boxed-competencies__icon--quotes { height: 66px; width: 113px } .boxed-competencies__icon--ios-android { height: 66px; width: 131px } .contacts-contact { margin: 0 0 55px 0; padding: 50px 0 0 0 } .contacts-contact__content { gap: 30px 20px; grid-template-columns: 328px 1fr; grid-template-rows: auto auto } .contacts-contact__info-pic { padding: 0 0 0 72px } .contacts-contact__info--phones { grid-column: 2/-1; grid-row: 1/-1 } .contacts-contact__list { margin: 22px -21px 0 } .contacts-form { padding: 46px 0 0 0 } .contacts-form__form { gap: 20px; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto auto } .contacts-form__box { grid-column: span 2 } .contacts-form__box--textarea { grid-column: span 5; grid-row: 2/3 } .contacts-form__button { -ms-flex-item-align: end; align-self: end } .contacts-requisites { padding: 46px 0 0 0 } .contacts-requisites__inner { display: -webkit-box; display: -ms-flexbox; display: flex } .popup { padding: 50px } .popup__body { max-width: 810px } .popup-form__form { gap: 16px 22px; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, auto) } .popup-form .contacts-form__box { grid-column: unset } .popup-form .contacts-form__box--textarea { grid-column: 2/-1; grid-row: 1/3 } } @media screen and (min-width:1440px) { .popup { padding: 80px 100px 60px } .popup__body { padding: 60px } } .color-purple { color: #7048b8 } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: 2px solid #ffa800; border-radius: 25px; color: #000; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; line-height: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 20px; text-decoration: none; -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; width: auto } .button:hover { background-color: #ffa800; color: #fff; opacity: 1 } .button:focus-visible { outline: 2px solid #000 } .button--fill { background-color: #ffa800; color: #fff } .button--fill:hover { background-color: #fff; color: #ffa800 } .button--purple { background-color: #7048b8; border-color: #7048b8; color: #fff } .button--purple:hover { background-color: #fff; color: #7048b8 } .button--round { border: none; border-radius: 10px; font-size: 14px; font-weight: 600; line-height: 20px; padding: 20px 40px } .button--yellow { background-color: #ffa800; -webkit-box-shadow: 0 12px 30px rgba(255, 203, 104, .2); box-shadow: 0 12px 30px rgba(255, 203, 104, .2) } .button:active { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } .contacts-map { overflow: hidden; } .hero-tab__inner { padding: 27px 30px 25px 30px; } .hero-tab__title { font-weight: 600; font-size: 16px; line-height: 130%; color: #000000; margin-bottom: 10px; } .hero-tab__inner p { font-weight: 400; font-size: 16px; line-height: 130%; color: #000000; } .hero-tab__inner p+p { margin-top: 15px; } .hero-tab__inner ul { margin-top: 10px; } .hero-tab__inner ul li { position: relative; font-weight: 400; font-size: 16px; line-height: 130%; color: #000000; padding-left: 37px; } .hero-tab__inner ul li+li { margin-top: 10px; } .hero-tab__inner ul li::before { content: ""; width: 4px; height: 4px; background: #623FA2; border-radius: 50%; position: absolute; top: 9px; left: 17px; } .hero__tab { min-height: auto; } .main-areas__controls { overflow-x: hidden; } .crm-answer__text a, .bottom-agree-text a { color: #000; text-decoration: underline !important; } .form-attention a { color: #fff !important; text-decoration: underline !important; } .main-areas__controls { overflow: inherit !important; } .job-sections .panel-body .button { display: flex; } .s-navs { display: flex; justify-content: center; align-items: center; width: 100%; position: absolute; bottom: 0px; left: 0; } .s-navs div+div { margin-left: 30px; } .s-navs div { cursor: pointer; } .main-areas__elements-list { padding-bottom: 40px; } .migration-hero { background-color: #f9f8fb; padding: 40px 0 50px; } .migration-hero__title { font-size: 26px; font-weight: 700; line-height: 1.3; margin: 0 0 10px 0; } .migration-hero__title-purple { color: #623fa2; display: block; } .migration-hero__logo-picture { display: block; height: 32px; margin: 5px 0 0 0; width: 180px; } .migration-hero__logo-img { height: 32px; width: 180px; } .migration-hero__text { font-size: 15px; line-height: 1.5; margin: 0 0 26px 0; } .migration-hero__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .migration-hero__input { border: 1px solid #908f8f; border-radius: 25px; color: #000; font-size: 16px; margin: 0 0 20px 0; padding: 15px 35px; width: 100%; } .migration-hero__input::-webkit-input-placeholder { color: #908f8f; } .migration-hero__input::-moz-placeholder { color: #908f8f; } .migration-hero__input:-ms-input-placeholder { color: #908f8f; } .migration-hero__input::-ms-input-placeholder { color: #908f8f; } .migration-hero__input::placeholder { color: #908f8f; } .migration-hero__button { color: #fff; font-size: 16px; line-height: 1; } .migration-hero__button::after { content: attr(data-mobile-text); } .migration-hero__picture { display: none; } .migration-hero__img { -o-object-fit: contain; object-fit: contain; margin: 0 0 0 auto; } .migration-offer { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 35px 0 35px; } .migration-offer__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0; } .migration-offer__list { display: grid; gap: 25px; grid-template-columns: 1fr; } .migration-offer__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .migration-offer__heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 6px 0; } .migration-offer__number { color: #ffa800; font-size: 22px; font-weight: 900; line-height: 1.3; margin: 0 8px 0 0; } .migration-offer__head { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 1.3; } .migration-offer__inner { border: 1px solid #ededed; border-radius: 10px; height: 100%; padding: 22px 25px; } .migration-offer__text { font-size: 14px; line-height: 1.3; } .migration-important { padding: 0 0 35px; } .migration-important__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0; } .migration-important__list { margin: 0 0 20px 0; } .migration-important__item:not(:last-child) { margin: 0 0 20px 0; } .migration-important__subtitle { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 1.3; margin: 0 0 8px 0; } .migration-important__text { font-size: 14px; line-height: 1.3; } .migration-important__picture { display: block; height: 207px; margin: 0 auto; width: 280px; } .migration-important__img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .migration-get { background-color: #f9f8fb; padding: 35px 0 40px; } .migration-get__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0; } .migration-get__list { display: grid; grid-template-columns: 1fr; gap: 20px; } .migration-get__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #fff; border-radius: 10px; border: 1px solid #ededed; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 22px 16px 22px 26px; } .migration-get__number { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(98, 63, 162, 0.1); box-shadow: 0 0 15px rgba(98, 63, 162, 0.1); border-radius: 50%; color: #ffa800; font-size: 22px; font-weight: 900; line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 16px 0 0; height: 50px; width: 50px; } .migration-get__subtitle { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 1.3; margin: 0 0 8px 0; } .migration-get__text { font-size: 14px; line-height: 1.3; } .migration-transfer { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 35px 0 35px; } .migration-transfer__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .migration-transfer__text { color: #929292; font-size: 16px; font-weight: 600; line-height: 1.3; margin: 0 0 20px 0; } .migration-transfer__list { display: grid; gap: 15px 20px; grid-template-columns: 1fr 1fr; } .migration-transfer__item { border: 1px solid #ededed; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .migration-transfer__img { -o-object-fit: contain; object-fit: contain; margin: 0 auto; height: 100%; width: 100%; } .migration-stages.landing-stages { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 0 0 35px 0; } .migration-stages .landing-stages__title { line-height: 26px; text-align: left; margin: 0 0 20px 0; } .migration-stages .landing-stages__link { color: #000; font-size: 16px; line-height: 20px; text-transform: unset; letter-spacing: 0; text-decoration: underline; } .migration-stages .landing-stages__control-button.is-active .landing-stages__number { width: 120px; } .migration-stages .landing-stages__controls { margin: 0 0 20px 0; } .migration-stages .landing-stages__text { font-size: 16px; line-height: 24px; } .migration-benefits.main-offer { margin: 0; padding: 0 0 35px; border: none; } .migration-competencies.boxed-competencies { margin-top: 0; } .landing-stages__control-button.is-active { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; } .landing-stages__control-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; } @media screen and (min-width: 768px) { .migration-hero__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .migration-hero__logo-img { height: 100%; width: 100%; } .migration-hero__button::after { content: attr(data-desktop-text); } .migration-hero__picture { display: block; } .migration-offer__list { grid-template-columns: repeat(3, 1fr); } .migration-important__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: grid; grid-template-columns: 1fr 1fr; } .migration-get__list { grid-template-columns: 1fr 1fr; } .migration-transfer__list { grid-template-columns: repeat(3, 1fr); } .migration-stages .landing-stages__controls { max-width: unset; } .migration-suggestions .boxed-help__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1280px) { .migration-hero__content { gap: 25px; grid-template-columns: 1fr 455px; } .migration-hero__title { font-size: 40px; line-height: 50px; } .migration-hero__logo-picture { display: inline-block; height: 45px; width: 250px; margin: 0 0 -12px 10px; } .migration-hero__text { font-size: 16px; line-height: 21px; margin: 0 0 30px 0; } .migration-hero__form { display: grid; gap: 10px; width: 100%; grid-template-columns: -webkit-min-content -webkit-min-content; grid-template-columns: min-content min-content; } .migration-hero__input { margin: 0; width: auto; } .migration-hero__button { width: auto; } .migration-offer { margin: 0 0 55px 0; padding: 55px 0 55px; } .migration-offer__title { margin: 0 0 37px 0; } .migration-offer__number { font-size: 30px; margin: 0 10px 0 0; } .migration-offer__head { font-size: 20px; } .migration-offer__inner { padding: 14px; } .migration-offer__text { font-size: 16px; line-height: 21px; } .migration-important { padding: 0 0 55px; } .migration-important__content { gap: 83px; } .migration-important__description { grid-column: 2/-1; } .migration-important__title { margin: 0 0 30px 0; } .migration-important__list { margin: 0; } .migration-important__item:not(:last-child) { margin: 0 0 30px 0; } .migration-important__subtitle { font-size: 20px; line-height: 26px; margin: 0 0 10px 0; } .migration-important__text { font-size: 16px; } .migration-important__picture { grid-column: 1/2; grid-row: 1; height: 325px; width: 439px; } .migration-get { padding: 55px 0; } .migration-get__title { margin: 0 0 30px 0; } .migration-get__item { padding: 20px 36px 20px 20px; } .migration-get__subtitle { font-size: 20px; line-height: 26px; margin: 0 0 10px 0; } .migration-get__text { font-size: 16px; } .migration-transfer { margin: 0 0 55px 0; padding: 55px 0; } .migration-transfer__text { margin: 0 0 30px 0; } .migration-transfer__list { gap: 20px; grid-template-columns: repeat(4, 1fr); } .migration-stages.landing-stages { margin: 0 0 55px 0; padding: 0 0 55px 0; } .migration-stages .landing-stages__title { font-size: 24px; line-height: 30px; margin: 0 0 30px 0; } .migration-stages .landing-stages__control-button.is-active .landing-stages__number { width: 157px; } .migration-stages .landing-stages__control-head { font-size: 20px; line-height: 34px; } .migration-stages .landing-stages__control-button.is-active .landing-stages__control-head { margin: 0 0 0 -155px; } .migration-stages .landing-stages__controls { margin: 0 45px 0 0; max-width: 393px; } .migration-stages .landing-stages__control:not(:last-child) { margin: 0 0 20px 0; } .migration-stages .landing-stages__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; } .migration-stages .landing-stages__content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .migration-stages .landing-stages__text { font-size: 18px; line-height: 30px; } .migration-benefits.main-offer { padding: 0 0 55px; } .migration-suggestions .boxed-help__description { margin: 0 50px 0 0; width: auto; width: 100%; } .migration-suggestions .boxed-help__form { width: auto; } .settings-promo__form { margin-left: auto; width: auto; } } @media screen and (min-width: 1440px) { .migration-stages .landing-stages__description { max-width: unset; } } .landing-stages__number { margin: 0 30px 0 0; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; } @media screen and (min-width: 768px) { .landing-stages__number { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 30px; width: 45px; } } @media screen and (min-width: 1440px) { .landing-stages__number { height: 40px; width: 50px; } } @media screen and (min-width: 1920px) { .landing-stages__number { height: 32px; width: 40px; } } .landing-stages__control-head { color: #000; font-size: 16px; font-weight: 500; line-height: 22px; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; text-align: left; } @media screen and (min-width: 1024px) { .landing-stages__control-head { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1440px) { .landing-stages__control-head { font-size: 24px; line-height: 34px; } .landing-stages__description { max-width: 48.2%; position: relative; } .landing-stages__text { font-size: 18px; line-height: 30px; } .landing-stages__link { font-size: 18px; line-height: 30px; } .landing-stages__images-tabs { display: none; } .landing-stages__images { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1920px) { .landing-stages__control-head { font-size: 20px; line-height: 26px; } .landing-stages__description { max-width: unset; } .landing-stages__text { font-size: 16px; line-height: 21px; } .landing-stages__link { font-size: 16px; line-height: 21px; } .landing-stages__images { border-radius: 10px; height: auto; left: unset; margin: 20px 0 0 0; position: relative; top: unset; width: 100%; } .landing-stages__images::before { content: ''; display: block; padding-bottom: calc(0.71 * 100%); width: 100%; } } @media screen and (min-width: 1280px) { .migration-stages .landing-stages__control-head { font-size: 20px; line-height: 34px; } } .landing-stages__control-button.is-active .landing-stages__number { height: 80px; margin: 0 0 13px; width: 124px; } @media screen and (min-width: 1024px) { .landing-stages__control-button.is-active .landing-stages__number { height: 105px; width: 162px; } } .landing-stages__control-button.is-active .landing-stages__control-head { background-color: #fff; color: #623fa2; font-weight: 700; padding: 6px 0 6px 0; margin: 0 0 0 -124px; -webkit-transition: all ease-out .3s, background-color ease-out .3s .3s; -o-transition: all ease-out .3s, background-color ease-out .3s .3s; transition: all ease-out .3s, background-color ease-out .3s .3s; width: 100%; } .landing-stages__control-button.is-active .landing-stages__number { height: 80px; margin: 0 0 13px; width: 124px; } @media screen and (min-width: 1024px) { .landing-stages__control-button.is-active .landing-stages__number { height: 105px; width: 162px; } } .migration-stages .landing-stages__control-button.is-active .landing-stages__number { width: 120px; } @media screen and (min-width: 1280px) { .migration-stages .landing-stages__control-button.is-active .landing-stages__number { width: 157px; } } .landing-stages__description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .landing-stages__text { font-size: 16px; line-height: 24px; margin: 0 0 30px 0; } .landing-stages__text p { margin: 0; } .landing-stages__text p:not(:last-child) { margin: 0 0 15px 0; } .landing-stages__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; } .landing-stages__link-icon { margin: 0 0 0 20px; } .landing-stages__title { font-size: 20px; font-weight: 600; line-height: 30px; margin: 0 0 30px 0; text-align: center; } .main-areas__controls-link.is-active { color: #ffa800 !important; } .search__form input#searchField::-webkit-input-placeholder { color: #908f8f; } .search__form input#searchField::-moz-placeholder { color: #908f8f; } .search__form input#searchField:-ms-input-placeholder { color: #908f8f; } .search__form input#searchField::-ms-input-placeholder { color: #908f8f; } .search__form input#searchField::placeholder { color: #908f8f; } .landing-stages__link-text { color: #623fa2; } @media (max-width: 767px) { .header__search { display: none; } .header__inner { height: calc(var(--vh) * 100 - 60px) !important; } } .vertical-bnr { background: url('/local/templates/integrator2021/static/images/common/callcentr.png'), linear-gradient(180deg, #7048b8 50%, #38245c 100%); border-radius: 25px; max-width: 262px; width: 100%; overflow: hidden; /* background-image: url('/local/templates/integrator2021/static/css/callcentr.png'); */ background-position: bottom 0 center; background-repeat: no-repeat; background-size: contain; min-height: 730px; display: flex; flex-direction: column; } .vertical-bnr__head { background: #ffa800; box-shadow: 0px 0px 7px rgba(70, 70, 70, 0.333); clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 50% 100%, 50% 100%, 0% 80%, 0 0); padding-bottom: 37px; padding-top: 30px; display: flex; flex-direction: column; align-items: center; } .vertical-bnr__rating { display: flex; align-items: baseline; margin-top: 10px; } .vertical-bnr__rating span { font-weight: 700; font-size: 32px; line-height: 32px; color: #000000; margin-left: 10px; } .vertical-bnr__body { padding-top: 24px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; flex: 1; display: flex; flex-direction: column; } .vertical-bnr__body strong { display: block; font-weight: 600; font-size: 26px; line-height: 110%; text-align: center; color: #ffffff; margin-bottom: 10px; } .vertical-bnr__body p { font-weight: 400; font-size: 18px; line-height: 130%; text-align: center; color: #ffffff; } .vertical-bnr__body .input-wrap { margin-top: 23px; margin-bottom: 30px; } .vertical-bnr__body .input-wrap input { height: 60px; background: #ffffff; border-radius: 30px; display: block; width: 100%; padding: 0 18px; border: none; } } .vertical-bnr__body .input-wrap input::placeholder { font-weight: 300; font-size: 18px; color: #999999; } .pr-form-btn { padding: 0 10px; height: 60px; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 18px; line-height: 65%; color: #FFFFFF; background: #FFA800; box-shadow: 0px 0px 7px rgba(70, 70, 70, 0.333); border-radius: 30px; width: 100%; border: none; cursor: pointer; transition: all .3s ease; } .pr-form-btn:hover { background-color: #ffae13; } .pr-form-btn svg { margin-left: 10px; } .vertical-bnr__body .pr-form-btn { margin-top: auto; } @media (max-width: 1280px) { .vertical-bnr { display: none; } } body .training__aside { position: relative; top: 0; } .main-customization__note { font-weight: 700; font-size: 18px; line-height: 150%; color: #2E2E2E; margin-bottom: 16px; } .main-offer__top { flex-direction: column; margin-bottom: 10px; } .main-offer__top img { height: 100px; margin-bottom: 20px; } .main-offer__item-title { font-weight: 600; font-size: 22px; line-height: 26px; text-align: center; color: #000000; margin-bottom: 10px; } .main-offer__iten-subtitle { font-weight: 600; font-size: 16px; line-height: 19px; text-align: center; color: #7048B8; max-width: 90%; margin-left: auto; margin-right: auto; } .main-offer__text { text-align: center; margin-bottom: 20px; font-size: 16px; line-height: 24px; width: calc(100% + 6px); margin-left: -3px; margin-right: -3px; } .main-offer__button { width: fit-content; margin-left: auto; margin-right: auto; height: 60px; display: flex; align-items: center; justify-content: center; padding: 15px 30px; border: 1px solid #FFA800; border-radius: 30px; margin-top: auto; } .main-offer__button svg { margin-left: 10px } .main-offer__button:hover svg path { fill: #fff; } .main-offer__item { display: flex; flex-direction: column; padding: 26px 19px 35px 19px; } .article_soc-link { display: flex; flex-wrap: wrap; } .article__text li::before { top: 9px; } /* NEW 28.12.22 */ .crm-dev-hero { background-color: #f9f8fb; padding: 40px 0 55px; } .crm-dev-hero__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .crm-dev-hero__title { color: #623fa2; font-size: 26px; font-weight: 700; line-height: 26px; margin: 0 0 10px 0; } .crm-dev-hero__text { font-size: 15px; line-height: 22px; margin: 0 0 22px 0; } .crm-dev-hero__picture { display: none; -ms-flex-negative: 0; flex-shrink: 0; } .crm-dev-hero__img { -o-object-fit: contain; object-fit: contain; } .crm-dev-we-do { border: none; margin: 0; } .activities { overflow: hidden; padding-top: 35px; padding-bottom: 35px; background-color: #fbfafd; } .activities__title { font-size: 24px; font-weight: 600; line-height: 125%; margin-top: 0; margin-bottom: 20px; color: #000; } .activities__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .activities__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .activities-card { overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: #fff; } .activities-card__picture { position: relative; height: 311px; -webkit-clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 20px), 0 100%); clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 20px), 0 100%); } .activities-card__picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .activities-card__content { padding: 24px 24px 20px; } .activities-card__icon { margin-bottom: 20px; } .activities-card__svg { width: 26px; height: 26px; } .activities-card__title { font-size: 15px; font-weight: 600; line-height: 24px; margin-top: 0; margin-bottom: 17px; color: #000; } .activities-card__list { margin-top: 0; margin-bottom: 0; padding: 0; list-style: none; } .activities-card__item { font-size: 14px; font-weight: 400; line-height: 20px; position: relative; margin-bottom: 8px; padding-left: 17px; color: #000; } .activities-card__item:last-child { margin-bottom: 0; } .activities-card__item::before { position: absolute; top: 3px; left: 0; width: 6px; height: 6px; content: ""; border: 1.5px solid #623fa2; border-radius: 50%; } .activities__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 30px 0 0 0; } .activities__nav-bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .activities__nav-bullet { position: relative; width: 20px; height: 20px; cursor: pointer; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; } .activities__nav-bullet:not(:last-child) { margin: 0 12px 0 0; } .activities__nav-bullet::after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; content: ""; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 2px solid #7048b8; border-radius: 50%; } .activities__nav-bullet--active::after { width: 13px; height: 13px; background-color: #7048b8; } .crm-dev-advantages { margin: 0 0 35px 0; padding: 35px 0 0 0; } .crm-dev-advantages__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0; } .crm-dev-advantages__list { display: grid; gap: 20px; } .crm-dev-advantages__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border: 1px solid #ededed; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 22px 16px 22px 16px; } .crm-dev-advantages__number { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-box-shadow: 0 0 15px rgba(98, 63, 162, 0.1); box-shadow: 0 0 15px rgba(98, 63, 162, 0.1); color: #ffa800; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-family: "Roboto", Arial, sans-serif; font-size: 22px; font-weight: 900; height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 28px; margin: 0 16px 0 0; width: 50px; } .crm-dev-advantages__heading { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 20px; margin: 0 0 8px 0; } .crm-dev-advantages__text { font-size: 14px; line-height: 18px; } .individual-development { padding-bottom: 23px; } .individual-development__title { font-size: 24px; font-weight: 600; line-height: 28px; margin-top: 0; margin-bottom: 20px; color: #000; } .individual-development__table { margin: 0 -20px 24px; } .individual-development__table-body { display: none; } .individual-development__table-item { padding: 20px 20px 15px; border-bottom: 1px solid #ededed; } .individual-development__accordion.is-active .individual-development__accordion-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .individual-development__accordion--hide-mobile { display: none; } .individual-development__accordion-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 27px 25px 27px 20px; border: none; background-color: transparent; } .individual-development__accordion-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .individual-development__accordion-title { font-size: 16px; font-weight: 700; line-height: 125%; } .individual-development__accordion-icon { -webkit-transition: all ease-out .15s; -o-transition: all ease-out .15s; transition: all ease-out .15s; } .individual-development__table-cell { font-size: 14px; font-weight: 400; line-height: 130%; color: #000; } .individual-development__cell-name { font-size: 16px; font-weight: 600; line-height: 125%; margin-top: 0; margin-bottom: 10px; color: #000; } .individual-development__link { font-size: 16px; font-weight: 500; line-height: 1; display: block; margin: 0; text-align: center; color: #000; } .crm-dev-stages.landing-stages { margin: 0; border: none; } .dev-conditions { background-color: #f9f8fb; margin: 0 0 35px 0; } .dev-conditions__content { padding: 25px 0 45px; } .dev-conditions__title { font-size: 24px; font-weight: 600; line-height: 125%; margin-top: 0; margin-bottom: 10px; color: #000; } .dev-conditions__description { margin-bottom: 34px; } .dev-conditions__text { font-size: 16px; font-weight: 400; line-height: 130%; margin-top: 0; margin-bottom: 10px; color: #000; } .dev-conditions__text:last-child { margin-bottom: 0; } .dev-conditions__button { width: 100%; } .dev-conditions__aside { margin: 0 -20px; padding: 35px 20px; background-image: url("/local/templates/new_template/static/images/content/crm-development/dev-condition-bg.jpg"); background-repeat: no-repeat; background-size: cover; } .dev-conditions__list { margin-top: 0; margin-bottom: 0; padding: 0; list-style: none; } .dev-conditions__item { font-size: 14px; font-weight: 600; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; color: #fff; } .dev-conditions__item:last-child { margin-bottom: 0; } .dev-conditions__item-name { width: calc(62% - 14px); margin-right: 14px; } .dev-conditions__item-price { width: 38%; } @media screen and (min-width: 768px) { .crm-dev-hero { padding: 44px 0 0; } .crm-dev-hero__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .crm-dev-hero__inner { width: 38%; -ms-flex-negative: 0; flex-shrink: 0; } .crm-dev-hero__text { font-size: 16px; line-height: 21px; margin: 0 0 30px 0; } .crm-dev-hero__picture { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; width: 60%; } .activities { padding-top: 58px; padding-bottom: 55px; } .activities__title { margin-bottom: 31px; text-align: center; } .activities__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } .activities-card { border-radius: 7px; -webkit-filter: drop-shadow(0px 7px 27px rgba(112, 65, 196, 0.1)); filter: drop-shadow(0px 7px 27px rgba(112, 65, 196, 0.1)); } .activities__navigation { display: none; } .activities__nav-bullets { display: none; } .crm-dev-advantages__list { grid-template-columns: 1fr 1fr; } .crm-dev-works .main-areas__picture { height: 255px; } .individual-development { padding-bottom: 56px; } .individual-development__title { margin-bottom: 29px; } .individual-development__table { overflow: hidden; margin: 0 0 32px; border: 1px solid #ededed; border-radius: 10px; } .individual-development__table-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .individual-development__table-body { display: block; } .individual-development__table-item { position: relative; width: 33.85%; border-left: 1px solid #ededed; } .individual-development__table-item:first-child { width: 32.3%; border-left: none; } .individual-development__table-item:nth-child(even) { background-color: #f5f5f5; } .individual-development__table-item::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ""; background: url("/local/templates/new_template/static/images/common/separator.png") no-repeat center; } .individual-development__table-item--no-border::after { content: none; } .individual-development__accordion { width: 33.85%; border-left: 1px solid #7149b9; background-color: #7149b9; } .individual-development__accordion:first-child { width: 32.3%; border-left: none; } .individual-development__accordion--hide-mobile { display: block; background-color: #ffa800; } .individual-development__accordion-title { font-weight: 500; color: #fff; } .individual-development__accordion-icon { display: none; } .individual-development__cell-name { display: none; } .individual-development__link { text-align: right; } .crm-dev-stages .landing-stages__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; } .crm-dev-stages .landing-stages__controls { max-width: 300px; margin: 0 20px 0 0; } .crm-dev-stages .landing-stages__content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .dev-conditions .container { padding-right: 0; } .dev-conditions__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .dev-conditions__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50.5%; padding: 35px 35px 35px 0; } .dev-conditions__title { max-width: 394px; margin-bottom: 16px; } .dev-conditions__description { margin-bottom: 42px; } .dev-conditions__button { width: auto; padding: 15px 31px; } .dev-conditions__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 49.5%; min-height: 418px; margin: 0; } } @media screen and (min-width: 1024px) { .activities-card { display: -webkit-box; display: -ms-flexbox; display: flex; } .activities-card__picture { height: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 52%; padding-top: 52.9%; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 20px 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 20px 100%); } .activities-card__content { width: 48%; padding: 20px; } .activities-card__svg { width: 24px; height: 24px; } .activities-card__title { font-size: 20px; line-height: 130%; margin-bottom: 20px; } .activities-card__item { line-height: 139%; margin-bottom: 5px; } .individual-development__table-item { padding: 20px 35px 15px; } .individual-development__accordion-button { padding: 27px 35px; } .individual-development__accordion-title { font-size: 18px; line-height: 130%; } .individual-development__table-cell { font-size: 16px; } .crm-dev-stages .landing-stages__control-button.is-active .landing-stages__control-head { margin: 0 0 0 -124px; } .dev-conditions__aside { padding: 40px; } .dev-conditions__item { font-size: 18px; margin-bottom: 16px; } .dev-conditions__item-name { width: calc(68% - 14px); } .dev-conditions__item-price { width: 32%; } } @media screen and (min-width: 1280px) { .crm-dev-hero__inner { width: unset; -ms-flex-negative: unset; flex-shrink: unset; margin: 0 50px 0 0; } .crm-dev-hero__title { font-size: 40px; line-height: 50px; margin: 0 0 16px 0; } .crm-dev-hero__picture { width: unset; } .crm-dev-we-do { margin: 0; } .crm-dev-advantages { margin: 0 0 55px 0; padding: 55px 0 0 0; } .crm-dev-advantages__item { padding: 20px 36px 20px 32px; } .crm-dev-advantages__number { margin: 0 20px 0 0; } .crm-dev-advantages__heading { font-size: 20px; font-weight: 700; line-height: 26px; margin: 0 0 10px 0; } .crm-dev-advantages__text { font-size: 16px; line-height: 21px; } .crm-dev-stages.landing-stages { margin: 0; } .dev-conditions { margin: 0 0 55px 0; } .dev-conditions .container { padding-right: 10px; } } .boxed-help__input::placeholder { color: #908f8f !important; } /* about-company */ .about-company .main-partners { border: none; margin: 0; } .about-company-hero { background-image: -webkit-gradient(linear, left top, right top, from(#f9f8fb), to(rgba(249, 248, 251, 0))); background-image: -o-linear-gradient(left, #f9f8fb 0%, rgba(249, 248, 251, 0) 100%); background-image: linear-gradient(90deg, #f9f8fb 0%, rgba(249, 248, 251, 0) 100%); padding: 20px 0 0; } .about-company-hero__picture { display: block; } .about-company-hero__img { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } .about-company-history { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 35px 0; /*.swiper-slide { @media screen and (min-width: $tablet-size) { .about-company-history__point { left: 93px; width: 16px; height: 16px; } .about-company-history__year { font-size: 12px; line-height: 16px; } } &.is-active { @media screen and (min-width: $tablet-size) { .about-company-history__point { left: 86px; width: 30px; height: 30px; } .about-company-history__year { font-size: 20px; line-height: 26px; } } } } .swiper-slide-next, .swiper-slide-prev { @media screen and (min-width: $tablet-size) { .about-company-history__point { left: 89px; width: 24px; height: 24px; } .about-company-history__year { font-size: 16px; line-height: 21px; } } }*/ } .about-company-history__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0; } .about-company-history__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; } .about-company-history__item { /*&:hover { @media screen and (min-width: $tablet-size) { .about-company-history__point { background-color: $purple-dark-color; } .about-company-history__text { background-color: $purple-dark-color; border-color: transparent; color: $white; } } }*/ } .about-company-history__item:not(:last-child) { padding: 0 0 20px 0; } .about-company-history__year { color: #623fa2; font-size: 18px; font-weight: 700; line-height: 23px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; margin: 0 0 8px 0; } .about-company-history__text { font-size: 14px; line-height: 18px; } .about-company-history__more { color: #000; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; margin: 30px 0 0 0; text-decoration: underline; -webkit-transition: opacity .15s ease-out; -o-transition: opacity .15s ease-out; transition: opacity .15s ease-out; } .about-company-history__more:hover { opacity: .7; } .about-company-team { border-bottom: 1px solid #ededed; padding: 0 0 35px; } .about-company-team__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 14px 0; } .about-company-team__title::after { content: attr(data-title-mobile); } .about-company-team__note { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 10px 0; } .about-company-team__list { margin: 0 0 10px 0; } .about-company-team__item { position: relative; padding: 10px 26px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .about-company-team__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; -webkit-box-shadow: 0 0 15px rgba(98, 63, 162, 0.1); box-shadow: 0 0 15px rgba(98, 63, 162, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 25px; } .about-company-team__img { height: 160px; margin: 0 0 20px 0; -o-object-fit: contain; object-fit: contain; width: 172px; } .about-company-team__name { color: #623fa2; font-size: 16px; font-weight: 600; line-height: 20px; margin: 0 0 5px 0; } .about-company-team__position { font-size: 14px; line-height: 18px; margin: 0 0 5px 0; } .about-company-team__phone { color: #ffa800; font-size: 12px; font-weight: 600; line-height: 16px; } .about-company-team__nav-bullets { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 20px 0; } .about-company-team__nav-bullet { background-color: #ededed; border-radius: 50%; height: 8px; width: 8px; } .about-company-team__nav-bullet:not(:last-child) { margin: 0 8px 0 0; } .about-company-team__nav-bullet--active { background-color: #623fa2; } .about-company-team__nav-arrows { display: none; } .about-company-team__nav { background-color: transparent; border: none; cursor: pointer; padding: 0; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; } .about-company-team__nav:not(:last-child) { margin: 0 20px 0 0; } .about-company-team__nav--prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .about-company-team__nav:hover { opacity: .7; } .about-company-team__nav--disabled { opacity: .4; } .about-company-team__nav--disabled:hover { opacity: .4; } .about-company-team__text { font-size: 16px; line-height: 21px; margin: 0 0 20px 0; } .about-company-team__text p:not(:last-child) { margin: 0 0 10px 0; } .about-company-team__link { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-decoration: underline; -webkit-transition: opacity ease-out .15s; -o-transition: opacity ease-out .15s; transition: opacity ease-out .15s; } .about-company-team__link:hover { opacity: .7; } .about-company-certificate { overflow: hidden; } .about-company-certificate .main-areas { border: unset; margin: 0; overflow: inherit; padding: 0; } .about-company-certificate__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .about-company-certificate__text { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 40px 0; } .about-company-certificate__inner { min-width: 0; width: 100%; } .about-company-certificate__list { margin: 0 0 20px 0; width: 100%; } .about-company-certificate__item { width: 280px; } .about-company-certificate__picture { margin: 0 0 20px 0; } .about-company-certificate__img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .about-company-certificate__heading { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 5px 0; text-align: center; } .about-company-certificate__note { font-size: 14px; line-height: 18px; text-align: center; } .about-company-certificate__nav-bullets { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 20px 0; } .about-company-certificate__nav-bullet { background-color: #ededed; border-radius: 50%; height: 8px; width: 8px; } .about-company-certificate__nav-bullet:not(:last-child) { margin: 0 8px 0 0; } .about-company-certificate__nav-bullet--active { background-color: #623fa2; } .about-company-dignity { margin: 0 0 35px 0; } .about-company-dignity .settings-think__img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } @media screen and (min-width: 768px) { .about-company-hero { padding: 52px 0 0; } .about-company-hero__img { height: 400px; width: 780px; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; } .about-company-history { margin: 0 0 55px 0; padding: 55px 0; } .about-company-history__title { margin: 0 0 26px 0; } .about-company-history__wrapper { height: 520px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .about-company-history__wrapper::after { background-color: #623fa2; content: ""; height: 100%; left: 100px; position: absolute; top: 0; width: 2px; } .about-company-history__slider { height: 100%; width: 100%; } .about-company-history__item:not(:last-child) { padding: 0; } .about-company-history__item { height: auto; position: relative; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .about-company-history__item.is-active .about-company-history__point { background-color: #623fa2; } .about-company-history__item.is-active .about-company-history__text { background-color: #623fa2; border-color: transparent; color: #fff; } .about-company-history__item.small { pointer-events: none; -webkit-transform: translateY(-39px); -ms-transform: translateY(-39px); transform: translateY(-39px); } .about-company-history__item.small .about-company-history__year { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .about-company-history__item.small .about-company-history__point { -webkit-transform: scale(0.7) translateY(-50%); -ms-transform: scale(0.7) translateY(-50%); transform: scale(0.7) translateY(-50%); } .about-company-history__item.small .about-company-history__text { opacity: 0; visibility: hidden; } .about-company-history__item.small~.about-company-history__item { pointer-events: none; -webkit-transform: translateY(-112px); -ms-transform: translateY(-112px); transform: translateY(-112px); } .about-company-history__item.small~.about-company-history__item .about-company-history__year { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } .about-company-history__item.small~.about-company-history__item .about-company-history__point { -webkit-transform: scale(0.5) translateY(-50%); -ms-transform: scale(0.5) translateY(-50%); transform: scale(0.5) translateY(-50%); } .about-company-history__item.small~.about-company-history__item .about-company-history__text { opacity: 0; visibility: hidden; } .about-company-history__point { background-color: #fff; border: 2px solid #623fa2; border-radius: 50%; content: ""; height: 30px; left: 86px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background-color ease-out .3s, -webkit-transform 0.3s ease-out; transition: background-color ease-out .3s, -webkit-transform 0.3s ease-out; -o-transition: background-color ease-out .3s, transform 0.3s ease-out; transition: background-color ease-out .3s, transform 0.3s ease-out; transition: background-color ease-out .3s, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; width: 30px; } .about-company-history__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .about-company-history__year { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 20px; line-height: 26px; margin: 0 90px 0 0; width: 60px; word-break: break-all; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; } .about-company-history__text { border: 1px solid #ededed; border-radius: 10px; width: 100%; padding: 25px 20px; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; } .about-company-team { padding: 0 0 55px; } .about-company-team__title::after { content: attr(data-title-desktop); } .about-company-team__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about-company-team__slider { margin: -45px 0 0; min-width: 0; min-height: 342px; position: relative; padding-left: 74px; margin-left: -15px; padding-top: 15px; overflow: hidden; } .about-company-team__box { overflow: visible; } .about-company-team__note { position: absolute; font-size: 13px; margin-top: 15px; right: 0; top: 0; } .about-company-team__list { margin: 0; } .about-company-team__item { /*padding: 50px 10px 10px;*/ margin-top: 36px; padding: 0; width: 120px; height: 150px; -webkit-transform: translate(-60px); -ms-transform: translate(-60px); transform: translate(-60px); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; will-change: transform; } .about-company-team__item.swiper-slide-active { -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; /*padding: 10px;*/ } .about-company-team__item.swiper-slide-active .about-company-team__inner { padding: 35px 20px 18px; -webkit-transform: translateX(-50%) translateY(-36px) scale(1); -ms-transform: translateX(-50%) translateY(-36px) scale(1); transform: translateX(-50%) translateY(-36px) scale(1); } .about-company-team__item.swiper-slide-active .about-company-team__name, .about-company-team__item.swiper-slide-active .about-company-team__position, .about-company-team__item.swiper-slide-active .about-company-team__phone { opacity: 1; visibility: visible; max-height: none; } .about-company-team__item.swiper-slide-active .about-company-team__img { height: 172px; margin: 0 0 15px 0; } .about-company-team__item.swiper-slide-active~.about-company-team__item { -webkit-transform: translate(60px); -ms-transform: translate(60px); transform: translate(60px); } .about-company-team__inner { position: absolute; top: 0; left: 50%; width: 240px; height: 300px; -webkit-transform: translateX(-50%) scale(0.5); -ms-transform: translateX(-50%) scale(0.5); transform: translateX(-50%) scale(0.5); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; padding: 33px 20px; will-change: transform; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .about-company-team__img { height: auto; margin: 0; } .about-company-team__name { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; } .about-company-team__position { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; } .about-company-team__phone { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; } .about-company-team__nav-bullets { display: none; } .about-company-team__nav-arrows { z-index: 10; bottom: 66px; display: -webkit-box; display: -ms-flexbox; display: flex; left: 65%; position: absolute; } .about-company-team__description { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; margin: 0 20px 0 0; } .about-company-team__text { font-size: 14px; } .about-company-dignity .settings-think__picture { -webkit-box-flex: 0; -ms-flex: 0 0 371px; flex: 0 0 371px; } } @media screen and (min-width: 800px) { .about-company-history__wrapper { height: 460px; } } @media screen and (min-width: 1024px) { .about-company-team__slider { width: 535px; } .about-company-team__note { font-size: 16px; } } @media screen and (min-width: 1280px) { .about-company-team__description { -webkit-box-flex: 0; -ms-flex: 0 0 47%; flex: 0 0 47%; } .about-company-team__text { font-size: 16px; } .about-company-certificate__list { margin: 0 0 30px 0; } .about-company-certificate__nav-bullet { height: 10px; width: 10px; } .about-company-dignity { margin: 0 0 55px 0; } .about-company-dignity .settings-think__list { margin: 0 30px 0 0; } .about-company-dignity .settings-think__picture { -webkit-box-flex: 0; -ms-flex: 0 0 470px; flex: 0 0 470px; margin: 0; } } .migration-offer__description { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; } @media screen and (min-width: 1280px) { .migration-offer__description { margin: -30px 0 30px; } } .settings-think__txt-row { font-size: 16px; font-weight: 600; line-height: 21px; margin-top: 20px; } .about-company-team__link { text-decoration: underline !important; } .landing-stages__images-tabs { display: none !important; } .boxed-comparison__text, .boxed-comparison__accordion-value { display: flex; justify-content: center; } .s-check-item { position: relative; } .s-check-item+.s-check-item { margin-left: 0; } .s-check-item .users-count-mask { border: 2px solid transparent; border-radius: 30px; padding: 5px 10px; } .s-check-item input:checked:not(:disabled)~.users-count-mask { border: 2px solid #7149b9; } .s-check-item input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; } .boxed-comparison__accordion-value .s-check-item .users-count-mask { font-size: 12px; } .boxed-hero__text { margin-top: 15px; font-size: 18px; line-height: 130%; margin-bottom: 30px; } @media screen and (min-width: 1280px) { .boxed-hero__info { max-width: 587px; } } body .wrapper .footer__contacts-link { white-space: nowrap; } body .sw-app .sw-shadow-type1 { box-shadow: none !important; border: 1px solid #ededed !important; border-color: #ededed !important; border-width: 1px !important; } .sw-swiper-pagination~a { display: none !important; position: absolute; visibility: hidden !important; clip-path: 0 0 0 0; transform: translateX(999999px); } .main-blog__buttom { margin-bottom: 60px; } /* .rev-widget { display: none; } */ /* .nav__link, .nav__item { width: fit-content; } */ @media (min-width: 768px) { .nav__sub-list { -webkit-box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2); box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2); height: auto; opacity: 0; min-width: 250px; padding: 20px; pointer-events: none; position: absolute; top: 100%; -webkit-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; z-index: -1; } .nav__sub-list._active { opacity: 1; } } .prototype-development { padding-top: 36px; padding-bottom: 35px; background-color: #fbfafd; } .prototype-development__title { font-size: 24px; font-weight: 600; line-height: 125%; margin-top: 0; margin-bottom: 20px; letter-spacing: 0.01em; } .prototype-development__price { font-size: 40px; font-weight: 700; line-height: 125%; margin-top: 0; margin-bottom: 17px; color: #623fa2; } .prototype-development__prompt { font-size: 16px; line-height: 130%; margin-top: 0; margin-bottom: 20px; margin-left: 1px; padding-left: 19px; letter-spacing: 0.01em; border-left: 2px solid #623fa2; } .prototype-development__list { counter-reset: tidbit-counter; } .prototype-development__item { position: relative; margin-bottom: 20px; padding: 21px 16px 21px 91px; border: 1px solid #ededed; border-radius: 10px; background: #fff; gap: 10px; } .prototype-development__item::before { font-family: "Roboto", Arial, sans-serif; font-size: 22px; font-weight: 900; line-height: 130%; position: absolute; top: 21px; left: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; content: counter(tidbit-counter, decimal-leading-zero); counter-increment: tidbit-counter; color: #ffa800; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 0 15px rgba(98, 63, 162, 0.1); box-shadow: 0 0 15px rgba(98, 63, 162, 0.1); } .prototype-development__item:last-child { margin-bottom: 0; } .prototype-development__item-title { font-size: 15px; font-weight: 700; line-height: 130%; margin-top: 0; margin-bottom: 8px; letter-spacing: 0.01em; color: #623fa2; } .prototype-development__item-text { font-size: 14px; line-height: 128%; margin-top: 0; margin-bottom: 1em; letter-spacing: 0.01em; } .prototype-development__item-text:last-child { margin-bottom: 0; } .prototype-development__picture { display: none; } .prototype-development__picture-wrapper { position: relative; width: 100%; max-width: 458px; padding-bottom: 109.75%; } .prototype-development__picture-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .applications { overflow: hidden; padding-top: 37px; padding-bottom: 40px; background-color: #fbfafd; } .applications__title { font-size: 24px; font-weight: 600; line-height: 125%; margin: 0 0 20px; letter-spacing: 0.01em; color: #000; } .applications__slider { overflow: visible; width: 100%; } .applications__slider .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 32px; padding-left: 6px; } .applications__slider .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 8.33px; height: 8.33px; margin-right: 23.67px; cursor: pointer; -webkit-transition: background-color 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; -o-transition: background-color 0.3s ease, transform 0.3s ease, opacity 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, opacity 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; border: 2px solid #7041c5; border-radius: 50%; } .applications__slider .swiper-pagination-bullet:last-child { margin-right: 0; } .applications__slider .swiper-pagination-bullet:hover { opacity: 0.7; } .applications__slider .swiper-pagination-bullet-active { -webkit-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); background-color: #7041c5; } .applications-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .applications-slide__wrapper { display: contents; } .applications-slide__content { display: contents; } .applications-slide__title { font-size: 15px; font-weight: 700; line-height: 130%; margin-top: 0; margin-bottom: 7px; padding-left: 3px; color: #7041c5; } .applications-slide__text { margin-bottom: 20px; padding-left: 3px; } .applications-slide__text-item { font-size: 14px; line-height: 128%; margin-top: 0; margin-bottom: 11px; letter-spacing: 0.01em; color: #000; } .applications-slide__text-item:last-child { margin-bottom: 0; } .applications-slide__link { font-size: 16px; font-weight: 600; line-height: 125%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 3px; color: #000; } .applications-slide__pictures { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 28px; } .applications-slide__picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 20px; } .applications-slide__picture:last-child { margin-right: 0; } .applications-slide__picture--left { display: none; } .applications-slide__picture--middle { width: calc(63.6% - 20px); } .applications-slide__picture--right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 36.4%; } .applications-slide__picture img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } @media screen and (min-width: 800px) { .prototype-development { padding-top: 30px; padding-bottom: 55px; } .prototype-development__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .prototype-development__content { width: 502px; margin-right: 50px; padding-top: 25px; } .prototype-development__title { margin-bottom: 16px; } .prototype-development__prompt { margin-bottom: 30px; } .prototype-development__item { padding: 21px 21px 19px 91px; } .prototype-development__item::before { left: 21px; } .prototype-development__item-title { font-size: 20px; margin-bottom: 10px; } .prototype-development__item-text { font-size: 16px; line-height: 130%; } .prototype-development__picture { display: block; width: calc(100% - 552px); } } @media screen and (min-width: 768px) { .applications-slide__picture--left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 26.5%; } .applications-slide__picture--middle { width: calc(47% - 40px); } .applications-slide__picture--right { width: 26.5%; } } .mobile-development-faq.settings-faq { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; margin: 0 0 35px 0; padding: 35px 0; } @media screen and (min-width: 1024px) { .applications { padding-top: 52px; padding-bottom: 55px; } .applications__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .applications__title { -ms-flex-item-align: center; align-self: center; margin-bottom: 54px; text-align: center; } .applications__slider { overflow: hidden; } .applications__slider .swiper-pagination { position: absolute; z-index: 2; bottom: 7px; left: 7px; margin-top: 0; padding-left: 0; } .applications__slider .swiper-pagination-bullet { width: 10px; height: 10px; margin-right: 30px; } .applications-slide__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .applications-slide__content { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 400px; margin-right: 20px; margin-bottom: 0; padding-bottom: 40px; } .applications-slide__title { font-size: 20px; margin-bottom: 20px; padding-left: 0; } .applications-slide__text { margin-bottom: 25px; padding-left: 0; } .applications-slide__text-item { font-size: 16px; line-height: 130%; } .applications-slide__link { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; margin-left: 0; } .applications-slide__pictures { width: calc(100% - 420px); margin-bottom: 0; } } .mobile-development-offer .migration-offer__subtitle { margin: 0 0 20px 0; } @media screen and (min-width: 1280px) { .mobile-development-stages.landing-stages { padding: 55px 0; } .mobile-development-offer { padding: 0; border: unset; } .mobile-development-faq.settings-faq { border-top: unset; margin: 0 0 55px 0; padding: 55px 0; } .mobile-development-offer .migration-offer__title { margin: 0 0 5px 0; text-align: center; } .mobile-development-offer .migration-offer__subtitle { margin: 0 auto 30px; max-width: 642px; text-align: center; } } @media screen and (min-width: 768px) { .mobile-development-hero .settings-hero__form { gap: 20px; grid-template-columns: 1fr 1fr; } } .mobile-development-hero .settings-hero__text { margin: 0 0 26px 0; } .crm-dev-advantages__list, .settings-why-choice__list, .landing-stages__controls, .landing-stages__content, .migration-offer__list, .prototype-development__list, .boxed-competencies__list, .crm-answer__list, .footer__contacts { padding-left: 0; } body .mobile-development-choice { border-bottom: none; border-top: 1px solid #ededed; padding: 35px 0 0 0; } @media screen and (min-width: 1280px) { body .mobile-development-choice.settings-why-choice { margin: 0 0 0 0; } body .mobile-development-choice.settings-why-choice { padding: 55px 0 0 0; } } @media screen and (min-width: 768px) { body .mobile-development-choice.settings-why-choice { padding: 55px 0 55px; } } .landing-stages__control+.landing-stages__control { margin-top: 15px; } @media (max-width: 1280px) { .search__form { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; right: 0; transform: translateX(120%); opacity: 0; visibility: hidden; display: block; transition: all .3s ease-in-out; padding-left: 15px; padding-right: 15px; } .search__form.active { transform: translateX(0) translateY(-50%); opacity: 1; visibility: visible; } } .reading { display: flex; align-items: center; margin-bottom: 40px; gap: 20px; } .reading__time { font-weight: 600; } @media (max-width: 577px) { .reading { flex-direction: column; text-align: center; } } .category__all_text p { margin: 10px 0; font-size: 14px; line-height: 18px; } .category__all_text h2, .category__all_text h3 { margin: 10px 0; font-size: 18px; font-weight: 600; line-height: 21px; } .category__all_text ul { list-style: disc; padding-left: 20px; } .category__all_text ul li { margin: 5px 0; font-size: 14px; line-height: 18px; } @media screen and (min-width: 768px) { .nav__item:not(:last-child) { margin: 0 30px 0 0 !important; } } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } /* End */ /* Start:/local/templates/integrator2021/static/css/styles_main.css?16674007064157*/ .wrapper .container { padding-left: 0px !important; } .main-customization__content { /* width: 72.9583vw !important;*/ /* margin: 0 auto !important; max-width: 1340px; padding: 0 20px;*/ } .main-customization .container { width: 100% !important; max-width: 100% !important; } .wrapper .container { padding-left: 0px !important; padding-right: 0px !important; } .problem-container.container { padding-left: 20px !important; padding-right: 20px !important; } .main-customization__info ul { list-style: none; padding-left: 0; } .main-customization__info ul li { padding-left: 25px; position: relative; list-style: none; } .main-customization__info ul li:before { content: ""; position: absolute; top: 10px; left: 10px; width: 5px; height: 5px; border-radius: 50%; background-color: #000; } .n-container { max-width: 1064px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; width: 100%; } .n-container--nopd { max-width: 1024px; padding-left: 0; padding-right: 0; } .page-nav-row { padding-top: 34px; padding-bottom: 15px; border-bottom: 1px solid #CCCCCC; } .page-nav-list { display: flex; margin-top: 19px; } .page-nav-list a { font-weight: 500; font-size: 16px; line-height: 125%; color: #000000; } .page-nav-list a:not(:last-child) { margin-right: 30px; } .main-customization__picture.main-customization__picture--v-center { align-items: center; } .main-customization__img-contain { object-fit: none; height: inherit; } .main-content__integration-sub__adv.problem-container { padding-top: 50px; padding-bottom: 50px; } .h-center { margin-left: auto; margin-right: auto; } .sl-button--fiolet { display: block; background: #7048b8; border: 1px solid #7048b8; color: #fff; } .sl-button--fiolet:hover { background: #fff; color: #7048b8; } .hero.hero--nomt { margin-top: 10px; } /* .main-content__form-section { background: url(/local/templates/new_template/assets/css/../img/order-b.png); background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 60px; padding-bottom: 60px; } .form-name { line-height: 60px; font-size: 40pt; margin-bottom: 30px; } .main-form__input { display: block; height: 60px; width: 100%; background: rgba(255, 255, 255, 0.5); border-radius: 30px; border: none; padding-left: 30px; line-height: 60px; color: #666666; } .main-form__input::placeholder { color: #666666; } .main-form__textarea { height: auto; margin-top: 15px; } .inputs-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; } .form-attention { color: #7f5400; font-size: 14px ; max-width: 600px; margin: 35px auto 30px auto; } */ /*.integration-slider .slick-dots { display: flex; list-style-type: none; padding-left: 0; justify-content: center; margin-top: 80px; margin-bottom: 0; } .integration-slider .slick-dots { display: flex; list-style-type: none; padding-left: 0; justify-content: center; margin-top: 80px; margin-bottom: 0; } .integration-slider .slick-dots > li.slick-active { background: #FFA800; } .integration-slider .slick-dots > li.slick-active { background: #FFA800; }*/ /*@media (max-width: 1024px) { .main-content__form-section .main-content__btn.h-center { margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 768px) { .form-name { line-height: 36px; font-size: 30pt; padding-left: 0 !important; } }*/ @media (max-width: 680px) { .inp-row { flex-direction: column; } .main-customization .crm-answer__input { margin-right: 0; margin-bottom: 15px; } /* .inputs-grid { grid-template-columns: repeat(1, 1fr); }*/ } .training__content h1 { font-size: 24px; line-height: 28px; } .main-content__integration-sub__adv { padding-top: 50px; } .main-content__integration-sub__disadv { padding-top: 50px; } /* End */ /* Start:/local/templates/integrator2021/assets/js/highlight.min.css?16835351751144*/ /*! Theme: Default Description: Original highlight.js style Author: (c) Ivan Sagalaev Maintainer: @highlightjs/core-team Website: https://highlightjs.org/ License: see project LICENSE Touched: 2021 */pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700} /* End */ /* Start:/local/templates/integrator2021/components/bitrix/menu/integ.menu/style.min.css?16674007063715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/integrator2021/components/bitrix/menu/integ.menu/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/integrator2021/components/bitrix/menu/integ.menu/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/integrator2021/components/bitrix/menu/integ.menu/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/integrator2021/components/bitrix/menu/template_menu_footer/style.min.css?1667400706490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/integrator2021/components/bitrix/menu/template_menu_footer/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* /local/templates/integrator2021/static/css/fancybox.css?170359567225464 */ /* /local/templates/integrator2021/static/css/styles.css?1748544580296197 */ /* /local/templates/integrator2021/static/css/styles_main.css?16674007064157 */ /* /local/templates/integrator2021/assets/js/highlight.min.css?16835351751144 */ /* /local/templates/integrator2021/components/bitrix/menu/integ.menu/style.min.css?16674007063715 */ /* /local/templates/integrator2021/components/bitrix/menu/template_menu_footer/style.min.css?1667400706490 */