/* Start:/local/templates/new_template/library_highlight/styles/a11y-dark.min.css?16674007091158*/ pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*! Theme: a11y-dark Author: @ericwbailey Maintainer: @ericwbailey Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}} /* End */ /* Start:/local/templates/shop/assets/main/css/plugins.min.css?166740071113887*/ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/shop/assets/main/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.jq-checkbox{top:-1px;vertical-align:middle;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #C3C3C3;border-radius:3px;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:0 1px 1px rgba(0,0,0,.05),inset -1px -1px #FFF,inset 1px -1px #FFF;cursor:pointer}.jq-checkbox.checked .jq-checkbox__div{width:12px;height:12px;margin:2px 0 0 2px;border-radius:2px;background:#666;box-shadow:inset 0 -3px 6px #AAA}.jq-checkbox.disabled{opacity:.55}.jq-radio{top:-1px;vertical-align:middle;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #C3C3C3;border-radius:50%;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:0 1px 1px rgba(0,0,0,.05),inset -1px -1px #FFF,inset 1px -1px #FFF;cursor:pointer}.jq-radio.checked .jq-radio__div{width:10px;height:10px;margin:3px 0 0 3px;border-radius:50%;background:#777;box-shadow:inset 1px 1px 1px rgba(0,0,0,.7)}.jq-radio.disabled{opacity:.55}.jq-file{width:270px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.jq-file input{height:auto;line-height:1em;cursor:pointer}.jq-file__name{overflow:hidden;box-sizing:border-box;width:100%;height:34px;padding:0 80px 0 10px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;background:#FFF;box-shadow:inset 1px 1px #F1F1F1;font:14px/32px Arial,sans-serif;color:#333;white-space:nowrap;text-overflow:ellipsis}.jq-file__browse{position:absolute;top:1px;right:1px;padding:0 10px;border-left:1px solid #CCC;border-radius:0 4px 4px 0;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #FFF}.jq-file:hover .jq-file__browse{background:#E6E6E6;background:-webkit-linear-gradient(#F6F6F6,#E6E6E6);background:linear-gradient(#F6F6F6,#E6E6E6)}.jq-file:active .jq-file__browse{background:#F5F5F5;box-shadow:inset 1px 1px 3px #DDD}.jq-file.focused .jq-file__name{border:1px solid #5794BF}.jq-file.disabled,.jq-file.disabled .jq-file__browse,.jq-file.disabled .jq-file__name{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}.jq-number{position:relative;display:inline-block;vertical-align:middle;padding:0 36px 0 0}.jq-number__field{width:100px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;box-shadow:inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,.1)}.jq-number__field:hover{border-color:#B3B3B3}.jq-number__field input{box-sizing:border-box;width:100%;padding:8px 9px;border:none;outline:0;background:0 0;font:14px Arial,sans-serif;color:#333;text-align:left;-moz-appearance:textfield}.jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.jq-number__spin{position:absolute;top:0;right:0;width:32px;height:14px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:1px 1px #FFF;cursor:pointer}.jq-number__spin.minus{top:auto;bottom:0}.jq-number__spin:hover{background:#E6E6E6;background:-webkit-linear-gradient(#F6F6F6,#E6E6E6);background:linear-gradient(#F6F6F6,#E6E6E6)}.jq-number__spin:active{background:#F5F5F5;box-shadow:inset 1px 1px 3px #DDD}.jq-number__spin:after{content:'';position:absolute;top:4px;left:11px;width:0;height:0;border-right:5px solid transparent;border-bottom:5px solid #999;border-left:5px solid transparent}.jq-number__spin.minus:after{top:5px;border-top:5px solid #999;border-right:5px solid transparent;border-bottom:none;border-left:5px solid transparent}.jq-number__spin.minus:hover:after{border-top-color:#000}.jq-number__spin.plus:hover:after{border-bottom-color:#000}.jq-number.focused .jq-number__field{border:1px solid #5794BF}.jq-number.disabled .jq-number__field,.jq-number.disabled .jq-number__spin{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}.jq-number.disabled .jq-number__spin:after{border-bottom-color:#AAA}.jq-number.disabled .jq-number__spin.minus:after{border-top-color:#AAA}.jq-selectbox{vertical-align:middle;cursor:pointer}.jq-selectbox__select{height:32px;padding:0 45px 0 10px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #FFF}.jq-selectbox__select:hover{background:#E6E6E6;background:-webkit-linear-gradient(#F6F6F6,#E6E6E6);background:linear-gradient(#F6F6F6,#E6E6E6)}.jq-selectbox__select:active{background:#F5F5F5;box-shadow:inset 1px 1px 3px #DDD}.jq-selectbox.focused .jq-selectbox__select{border:1px solid #5794BF}.jq-selectbox.disabled .jq-selectbox__select{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}.jq-selectbox__select-text{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.jq-selectbox .placeholder{color:#888}.jq-selectbox__trigger{position:absolute;top:0;right:0;width:34px;height:100%;border-left:1px solid #CCC}.jq-selectbox:hover .jq-selectbox__trigger-arrow{border-top-color:#000}.jq-selectbox.disabled .jq-selectbox__trigger-arrow{border-top-color:#AAA}.jq-selectbox__dropdown{box-sizing:border-box;width:100%;margin:2px 0 0;padding:0;border:1px solid #CCC;border-radius:4px;background:#FFF;box-shadow:0 2px 10px rgba(0,0,0,.2);font:14px/18px Arial,sans-serif}.jq-selectbox__search{margin:5px}.jq-selectbox__search input{box-sizing:border-box;width:100%;margin:0;padding:5px 27px 6px 8px;border:1px solid #CCC;border-radius:3px;outline:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) 100% 50% no-repeat;box-shadow:inset 1px 1px #F1F1F1;color:#333;-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__not-found{margin:5px;padding:5px 8px 6px;background:#F0F0F0;font-size:13px}.jq-selectbox ul{margin:0;padding:0}.jq-selectbox li{min-height:18px;padding:5px 10px 6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;color:#231F20}.jq-selectbox li.selected{background-color:#A3ABB1;color:#FFF}.jq-selectbox li:hover{background-color:#08C;color:#FFF}.jq-selectbox li.disabled{color:#AAA}.jq-selectbox li.disabled:hover{background:0 0}.jq-selectbox li.optgroup{font-weight:700}.jq-selectbox li.optgroup:hover{background:0 0;color:#231F20;cursor:default}.jq-selectbox li.option{padding-left:25px}.jq-select-multiple{box-sizing:border-box;padding:1px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;background:#FFF;box-shadow:inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,.1);font:14px/18px Arial,sans-serif;color:#333;cursor:default}.jq-select-multiple.focused{border:1px solid #5794BF}.jq-select-multiple.disabled{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}.jq-select-multiple ul{margin:0;padding:0}.jq-select-multiple li{padding:3px 9px 4px;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.jq-select-multiple li:first-child{border-radius:3px 3px 0 0}.jq-select-multiple li:last-child{border-radius:0 0 3px 3px}.jq-select-multiple li.selected{background:#08C;color:#FFF}.jq-select-multiple li.disabled{color:#AAA}.jq-select-multiple li.selected.disabled,.jq-select-multiple.disabled li.selected{background:#CCC;color:#FFF}.jq-select-multiple li.optgroup{font-weight:700}.jq-select-multiple li.option{padding-left:25px}input[type=email].styler,input[type=password].styler,input[type=search].styler,input[type=tel].styler,input[type=text].styler,input[type=url].styler,textarea.styler{padding:8px 9px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;box-shadow:inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,.1);font:14px Arial,sans-serif;color:#333}input[type=search].styler{-webkit-appearance:none}textarea.styler{overflow:auto}input[type=email].styler:hover,input[type=password].styler:hover,input[type=search].styler:hover,input[type=tel].styler:hover,input[type=text].styler:hover,input[type=url].styler:hover,textarea.styler:hover{border-color:#B3B3B3}input[type=email].styler:focus,input[type=password].styler:focus,input[type=search].styler:focus,input[type=tel].styler:focus,input[type=text].styler:focus,input[type=url].styler:focus,textarea.styler:focus{border-color:#B3B3B3 #CCC #CCC;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}button.styler,input[type=button].styler,input[type=reset].styler,input[type=submit].styler{overflow:visible;padding:8px 11px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;outline:0;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,.1);font:14px Arial,sans-serif;color:#333;text-shadow:1px 1px #FFF;cursor:pointer}button.styler::-moz-focus-inner,input[type=button].styler::-moz-focus-inner,input[type=reset].styler::-moz-focus-inner,input[type=submit].styler::-moz-focus-inner{padding:0;border:0}button.styler:not([disabled]):hover,input[type=button].styler:not([disabled]):hover,input[type=reset].styler:hover,input[type=submit].styler:not([disabled]):hover{background:#E6E6E6;background:-webkit-linear-gradient(#F6F6F6,#E6E6E6);background:linear-gradient(#F6F6F6,#E6E6E6)}button.styler:not([disabled]):active,input[type=button].styler:not([disabled]):active,input[type=reset].styler:active,input[type=submit].styler:not([disabled]):active{background:#F5F5F5;box-shadow:inset 1px 1px 3px #DDD}button.styler[disabled],input[type=button].styler[disabled],input[type=submit].styler[disabled]{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888} /* End */ /* Start:/local/templates/shop/assets/main/css/style.css?168067446584693*/ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { 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 ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; -moz-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 ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * 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 style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * 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 ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: 'Open Sans Condensed', sans-serif, sans-serif; /* 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; outline: none; } /** * 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; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; } /** * 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; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 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; -moz-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 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ 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; -moz-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 and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [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 IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } @font-face { font-family: 'Caveat'; src: url('/local/templates/shop/assets/main/css/../fonts/Caveat-Bold.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/Caveat-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Condensed'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSansCondensed-Bold.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSansCondensed-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Condensed'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSansCondensed-Light.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSansCondensed-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Caveat'; src: url('/local/templates/shop/assets/main/css/../fonts/Caveat-Regular.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/Caveat-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSans-ExtraBoldItalic.woff') format('woff'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSans-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSans-Light.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSans-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Condensed'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSansCondensed-LightItalic.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSansCondensed-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSans-Italic.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSans-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSans-LightItalic.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSans-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSans-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSans-Bold.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSans-Regular.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSans-BoldItalic.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSans-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/local/templates/shop/assets/main/css/../fonts/OpenSans-SemiBold.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/OpenSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'ALS Rubl'; src: url('/local/templates/shop/assets/main/css/../fonts/ALSRubl.woff2') format('woff2'), url('/local/templates/shop/assets/main/css/../fonts/ALSRubl.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } .container.shop-page { /*display: block;*/ width: 100%; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, textarea { height: 60px; font-size: 18px; border: none; padding: 23px 29px; color: #6f6f6e; max-width: 100%; -webkit-border-radius: 30px; border-radius: 30px; display: inline-block; vertical-align: top; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999; } input::placeholder, textarea::placeholder { color: #999; } input:focus, textarea:focus { outline: none; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { font-size: 0; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { font-size: 0; } input:focus::placeholder, textarea:focus::placeholder { font-size: 0; } .jq-checkbox { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05); box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05); background: #fff; width: 20px; height: 20px; margin: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e5e5; } .jq-checkbox .jq-checkbox__div { position: absolute; width: 15px; height: 15px; top: 0px; left: 0px; } .jq-checkbox.checked { width: 20px; height: 20px; background-color: #fff; } .jq-checkbox.checked .jq-checkbox__div { position: absolute; width: 13px; height: 9px; background-color: transparent; border-left: 1px solid #7048b8; border-bottom: 1px solid #7048b8; top: -1px; left: 2px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } body { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; font-weight: 300; color: #010101; height: 100%; min-width: 320px; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; } *, *::before, *::after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } a { text-decoration: none; color: #ffa800; } a:hover { text-decoration: underline; } .ruble { font-family: 'ALS Rubl', sans-serif; font-weight: 700; } .page-header__nav { display: flex; justify-content: flex-end; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .page-header__burger { display: none; width: 15px; height: 15px; padding: 0; background: transparent url('/local/templates/shop/assets/main/css/../img/burger-icon.svg'); -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; border: none; -webkit-transition: background 0.2; -o-transition: background 0.2; transition: background 0.2; } .page-header__burger--active { background-image: url('/local/templates/shop/assets/main/css/../img/burger-close-icon.svg'); } .page-header__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 40px; padding-right: 40px; min-height: 71px; } .page-header__top-form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 0; opacity: 0; height: 100%; top: 0; right: 0; border-bottom: 3px solid #ffba00; background-color: #fff; -webkit-transition: width 0.2s, opacity 0.2s; -o-transition: width 0.2s, opacity 0.2s; transition: width 0.2s, opacity 0.2s; } .page-header__top-form--active { width: 100%; opacity: 1; } .page-header__top-form--active .page-header__top-input { width: 60%; padding-left: 40px; padding-top: 10px; padding-right: 0; padding-bottom: 10px; } .page-header__top-form--active .page-header__top-search-label { margin-right: 40px; width: 30px; } .page-header__top-form--active .page-header__top-close-search { display: block; } .page-header__top-input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0; border: none; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #000; } .page-header__top-input::-webkit-input-placeholder { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #000; } .page-header__top-input::-moz-placeholder { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #000; } .page-header__top-input::placeholder { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #000; } .page-header__top-input:focus { outline: none; border: none; } .page-header__top-search { width: 0; height: 30px; padding: 0; background-color: transparent; border: none; } .page-header__top-search-label { width: 30px; height: 30px; padding: 0; cursor: pointer; background-color: transparent; background-image: url('/local/templates/shop/assets/main/css/../img/search-icon.svg'); -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } .page-header__top-close-search { margin-right: 40px; padding: 0; background-color: transparent; border: none; display: none; } .page-header__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; min-height: 120px; padding-top: 19px; /* padding-right: 40px; padding-left: 40px;*/ background: url('/local/templates/shop/assets/main/css/../img/header-bg-lg.png'); -webkit-background-size: cover; background-size: cover; } .page-header__bottom-container { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .page-header__bottom-search { height: 60px; position: relative; } .page-header__bottom-search-input { width: 200px; height: 60px; padding-top: 0; padding-bottom: 12px; padding-left: 43px; color: #ffffff; background-color: transparent; border: none; font-weight: 400; font-size: 24px; line-height: 1; } .page-header__bottom-search-input:focus { border: none; } .page-header__bottom-search-input::-webkit-input-placeholder { color: #ffffff; } .page-header__bottom-search-input::-moz-placeholder { color: #ffffff; } .page-header__bottom-search-input::placeholder { color: #ffffff; } .page-header__bottom-search-submit { background-color: transparent; border: none; padding: 0; } .page-header__bottom-search-submit-label { position: absolute; left: 1px; top: 49%; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 22px; height: 22px; background: url('/local/templates/shop/assets/main/css/../img/search-orange-icon.png') top left no-repeat; -webkit-background-size: cover; background-size: cover; padding: 0; cursor: pointer; } .page-header__list { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; /*background-color: #ffffff;*/ } .page-header__item { } .page-header__link { display: block; position: relative; padding-top: 25px; padding-right: 20px; padding-left: 20px; padding-bottom: 25px; color: #000000; background-color: #ffffff; font-size: 16px; font-weight: 400; line-height: 1.5; } .page-header__link:hover { text-decoration: none; } .page-header__link::after { position: absolute; content: ""; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: -webkit-calc(61%); width: calc(61%); height: 3px; background-color: #fff; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .page-header__link--active::after, .page-header__link:hover::after { background-color: #ffa800; } .page-header__phone { position: relative; margin-right: 21px; color: #ffffff; font-size: 16px; font-weight: 400; line-height: 1.5; } .page-header__phone-wrapper { margin-bottom: 8px; } .page-header__phone--color-gray { color: #999999; } .page-header__phone--color-orange { color: #ffa800; } .page-header__phone:first-child::after { position: absolute; content: ""; width: 1px; height: 12px; background-color: #ffffff; right: -10px; top: 50%; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .page-header__mega { width: 50%; position: relative; margin-left: auto; padding-right: 121px; color: #ffa800; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: right; } .page-header__mega::after { content: ""; position: absolute; top: 50%; right: 0; width: 116px; height: 16px; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: url('/local/templates/shop/assets/main/css/../img/megagroup-logo.svg') top left no-repeat; } .main-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 80px; } .main-content__left { /* width: 200px;*/ width: 100%; /*margin-right: 60px;*/ -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; /* z-index: 1; */ } .main-content__right { /*width: 75%;*/ width: 100%; } .main-content__banner { margin-top: 40px; } .main-content__upper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .products__filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .products__filter-item { position: relative; cursor: pointer; background-color: #f2f2f2; -webkit-border-radius: 17px; border-radius: 17px; padding: 7px 20px; margin-bottom: 10px; } .products__filter-item:not(:last-child) { margin-right: 20px; } .products__filter-item svg { fill: #ffa800; margin-right: 6px; } .products__filter-item.active { background-color: #ffa800; } .products__filter-item.active svg { fill: #fff; } .products__filter-item.active::after { content: ''; position: absolute; bottom: -10px; left: 19px; border-top: 10px solid #ffa800; border-right: 10px solid transparent; } .products__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products__items--recommend { min-width: 0; } .products__items--recommend .products__item { max-width: 362px; width: 100%; } .products__items--recommend .products__item-photo { max-width: 362px; max-height: 362px; width: 100%; } .products__items--recommend .products__item-name, .products__items--recommend .products__item-price { font-size: 24px; } .products__items .owl-nav { position: absolute; right: 1px; top: -46px; } .products__items .owl-prev { width: 20px; height: 20px; margin-right: 18px; } .products__items .owl-prev span { font-size: 0; } .products__items .owl-prev::after { content: ''; position: absolute; width: 9px; height: 16px; background-image: url('/local/templates/shop/assets/main/css/../img/slider-left.svg'); } .products__items .owl-next { width: 20px; height: 20px; } .products__items .owl-next span { font-size: 0; } .products__items .owl-next::after { content: ''; position: absolute; width: 9px; height: 16px; background-image: url('/local/templates/shop/assets/main/css/../img/slider-right.svg'); } .products__item-photo { position: relative; /*width: 228px;*/ /*height: 228px;*/ margin-bottom: 15px; border: 1px solid #e5e5e5; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products__item-photo img { max-width: 100%; } .products__buttons { display: none; z-index: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: max-content; } .products__item { text-align: center; margin-right: 20px; margin-bottom: 40px; } .hitblock .products__items { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; } @media (max-width: 678px) { .hitblock .products__items { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; } } .hitblock .products__item { width: 100% !important; margin-right: 0; } /*.products__item:nth-child(3n) {*/ /*margin-right: 0;*/ /*}*/ .products__item:hover .products__item-photo { border: 1px solid #7048b8; } .products__item:hover .products__item-photo::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #7048b8; opacity: 0.8; top: 0; left: 0; } .products__item:hover .products__item-photo .products__buttons { display: block; } .products__item-price { font-family: 'Open Sans', sans-serif; font-weight: 700; } .products__item-name { margin-bottom: 15px; } .products__item-name a { color: #010101; } .products__btn { background-color: transparent; border: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products__btn:not(:last-child) { margin-right: 23px; margin-right: 19px; } .products__btn:hover { opacity: 1; -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .products__btn svg { fill: #fff; } .main-title { font-size: 36px; font-weight: 300; margin-top: 0; margin-bottom: 22px; } .page-footer { background-color: #000; background-image: url('/local/templates/shop/assets/main/css/../img/footer-bg.jpg'); -webkit-background-size: cover; background-size: cover; padding-top: 45px; padding-bottom: 180px; } .page-footer__title { color: #fff; text-align: center; font-weight: 300; font-size: 60px; margin-top: 0; margin-bottom: 30px; } .page-footer__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .page-footer__left { width: 47%; } .page-footer__right { width: 46%; } .page-footer__cities { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0; list-style-type: none; counter-reset: list1; margin: 0 35px 10px 0; } .page-footer__cities li { padding-left: 78px; padding-top: 7px; position: relative; margin-bottom: 30px; } .page-footer__cities li::before { position: absolute; counter-increment: list1; content: counter(list1); color: #fff; font-size: 24px; font-weight: 700; left: 23px; top: 15px; z-index: 1; } .page-footer__cities li::after { content: ''; position: absolute; width: 60px; height: 60px; background-color: #ffa800; -webkit-border-radius: 50%; border-radius: 50%; top: 0; left: 0; } .page-footer__map { margin-bottom: 25px; } .page-footer__map img { max-width: 100%; } .page-footer__city { display: block; color: #fff; margin-bottom: 3px; } .page-footer__city-number { color: #fff; } .page-footer__city-number > span { color: #ffa800; } .page-footer__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-footer__form input { margin-bottom: 20px; } .page-footer__name, .page-footer__text { width: 100%; } .page-footer__mail, .page-footer__phone { width: 225px; } .page-footer__agree { cursor: pointer; font-size: 14px; color: #fff; margin-left: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 21px; } .page-footer__agree .jq-checkbox { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; } .page-footer__submit { position: relative; text-align: left; color: #fff; background-color: #ffa800; width: 158px; padding: 20px 40px; -webkit-border-radius: 30px; border-radius: 30px; border: 0; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .page-footer__submit:hover, .page-footer__submit:active { background-color: #ffb933; } .page-footer__submit::after { content: ''; position: absolute; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 27px; margin-left: 5px; } .page-footer__text { height: 120px; resize: none; } .page-footer__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px; } .page-footer__address { position: relative; color: #fff; padding-left: 35px; margin-bottom: 20px; } .page-footer__address::before { content: ''; width: 15px; height: 20px; position: absolute; background-image: url('/local/templates/shop/assets/main/css/../img/pin.svg'); left: 0; top: 0; } .page-footer__mail { position: relative; padding-left: 35px; } .page-footer__mail::before { content: ''; position: absolute; background-image: url('/local/templates/shop/assets/main/css/../img/mail.svg'); width: 15px; height: 16px; top: 0; left: 0; } .recommend-slider { position: relative; margin-bottom: 30px; } .wrapper .btn-more { display: block; margin: 0 auto; width: 100%; border: 1px solid #e5e5e5; -webkit-border-radius: 30px; border-radius: 30px; background-color: #fff; padding: 20px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wrapper .btn-more:hover, .wrapper .btn-more:active { background-color: #e5e5e5; } .hero { width: 765px; margin-top: -65px; margin-bottom: 60px; } .hero__tab-buttons { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; position: relative; } .hero__tab-button { width: 100%; padding-top: 9px; padding-bottom: 10px; border-top: 1px solid rgba(255, 255, 255, 0.25); border-left: 1px solid rgba(255, 255, 255, 0.25); color: #ffffff; text-align: center; font-weight: 600; font-size: 16px; line-height: 130%; cursor: pointer; border-radius: 10px 10px 0px 0px; background: #623FA2; } .hero__tab-button + .hero__tab-button { margin-left: 1px; } .hero__tab-button.hero__tab-button--active { background: #FFA800; } /*.hero__tab-button:nth-last-child(2) { border-right: 1px solid rgba(255, 255, 255, 0.25); }*/ .hero__tab-controls { display: none; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .hero__tab-arrow { background-color: transparent; border: none; padding: 15px; } .hero__tab-arrow--right { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .hero__tabs { margin: 0; padding: 0; list-style-type: none; width: 100%; } .hero__tab { display: none; position: relative; width: 100%; min-height: 430px; overflow: hidden; border: 1px solid #EDEDED; border-radius: 0px 0px 10px 10px; background: none !important; } .hero__tab.tab--1 { background-image: url('/local/templates/shop/assets/main/css/../img/tab-1-bg.png'); -webkit-background-size: cover; background-size: cover; background-position: left top; } .hero__tab--active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .hero__content { width: 50%; max-width: 500px; padding-top: 60px; padding-right: 40px; padding-bottom: 30px; padding-left: 60px; color: #010101; } .hero__content.tab--1 { background-color: transparent; } .hero__image-wrapper { margin-left: auto; width: 50%; padding-top: 30px; padding-bottom: 30px; text-align: left; overflow: hidden; } .hero__image { width: auto; height: auto; } .hero__title { margin-top: 0; margin-bottom: 0; font-size: 60px; font-weight: 400; line-height: 1; } .hero__title--bitrix { width: 334px; height: 60px; } .hero__title--amoCRM { width: 231px; height: 44px; } .hero__title img { display: block; width: 100%; height: 100%; } .hero__sub-title { margin-top: 16px; margin-bottom: 0; font-size: 24px; font-family: 'Caveat', cursive; } .hero__text { margin-top: 40px; margin-bottom: 0; font-size: 16px; } /*.tab--1 { color: #fff; background-color: #7f57c7; } .tab--2 { background-color: #ffa700; } .tab--3 { color: #fff; background-color: #7048b8; } .tab--4 { background-color: #ff9900; }*/ .side-menu__list { margin: 0; padding: 0; list-style-type: none; width: 200px; background-color: #fff; border: 1px solid #e5e5e5; } .side-menu__item { position: relative; border-bottom: 1px solid #e5e5e5; } .side-menu__item::before { position: absolute; content: ""; height: 100%; width: 3px; left: 0; top: 0; background-color: #fff; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .side-menu__item:hover::before { background-color: #7048b8; } .side-menu__item:last-child { border-bottom: none; } .side-menu__item--active::before { background-color: #ffa800; } .side-menu__link { display: block; padding-top: 16px; padding-bottom: 15px; padding-left: 29px; color: #010101; text-decoration: none; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; font-weight: 400; } .side-menu__link:hover { text-decoration: none; } .side-menu__select { display: none; position: relative; height: 60px; padding-top: 18px; padding-bottom: 18px; padding-left: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #fff; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; font-weight: 400; cursor: pointer; } .side-menu__select::after { position: absolute; content: ""; width: 12px; height: 7px; top: 50%; right: 30px; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background-image: url('/local/templates/shop/assets/main/css/../img/arrow-down-orange.svg'); } .breadcrumbs { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: auto; margin-bottom: 5px; margin-left: 60px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs__item { position: relative; margin-right: 17px; padding-right: 25px; } .breadcrumbs__item:last-child::before { content: none; } .breadcrumbs__item::before { position: absolute; content: "|"; right: 0; top: 0; color: #cccccc; } .breadcrumbs__link { color: #ffffff; font-size: 16px; font-weight: 400; line-height: 1.5; } .breadcrumbs__link--active { color: #cccccc; } .search-filters { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .search-filters__button { display: block; width: 20px; height: 20px; margin-left: 20px; padding: 0; background: none; border: none; margin-bottom: 20px; } .search-filters__button svg { fill: #ffa800; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s; } .search-filters__button svg:hover { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .search-filters__button--active svg { fill: #ffffff; } .filter { width: 100%; /* width: 764px;*/ /* margin-top: 60px;*/ padding-top: 24px; padding-right: 40px; padding-bottom: 60px; padding-left: 40px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border: 1px solid #e4e4e4; background-color: #ffffff; } .filter__section { width: 100%; } .filter__section--active .filter__dropdown::before { background-image: url('/local/templates/shop/assets/main/css/../img/icon-plus.svg'); } .filter__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filter__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 16px; cursor: pointer; } .filter__dropdown { position: relative; height: 0; margin-top: 12px; border-top: 1px solid #e4e4e4; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .filter__dropdown::before { content: ""; position: absolute; right: 0; top: -8px; width: 17px; height: 17px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #e4e4e4; background-image: url('/local/templates/shop/assets/main/css/../img/icon-minus.svg'); -webkit-background-size: 9px 9px; background-size: 9px; background-repeat: no-repeat; background-position: 50% 50%; } .filter__checkbox { margin-right: 5px; } .filter__title { margin-right: 20px; color: #010101; font-size: 24px; font-weight: 400; line-height: 1; } .filter__label { margin-top: 0; margin-right: 27px; margin-bottom: 12px; display: inline-block; color: #666666; font-size: 18px; font-weight: 400; line-height: 1.25; cursor: pointer; } .filter__items { margin-bottom: 13px; } .filter__items--hidden { display: none; } .filter__submit { position: relative; min-height: 60px; margin-top: 9px; margin-right: auto; padding-top: 0; padding-right: 48px; padding-bottom: 0; padding-left: 41px; font-size: 18px; color: #010101; background-color: #ffa800; border: 1px solid #ffa800; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .filter__submit::after { content: ""; position: absolute; width: 8px; height: 13px; top: 50%; right: 33px; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: url('/local/templates/shop/assets/main/css/../img/icon-arrow.svg'); -webkit-background-size: 8px 13px; background-size: 8px 13px; } .filter__submit:hover { background-color: #fff; } .filter__reset { position: relative; min-height: 60px; margin-top: 9px; margin-left: auto; padding-top: 0; padding-right: 63px; padding-bottom: 0; padding-left: 41px; font-size: 18px; color: #010101; background-color: #ffffff; border: 1px solid #ffa800; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .filter__reset::after { content: ""; position: absolute; width: 13px; height: 13px; top: 50%; right: 40px; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: url('/local/templates/shop/assets/main/css/../img/icon-cross.svg'); -webkit-background-size: 13px 13px; background-size: 13px 13px; } .filter__reset:hover { background-color: #ffa800; } .category { margin-top: 60px; } .fav-content .category { margin-top: 0; } .category__list { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; } .category__item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 60px; } .category__item:last-child { margin-bottom: 0; } .category__content { width: 496px; margin-left: 40px; color: #010101; font-family: 'Open Sans Condensed', sans-serif; font-weight: 400; } .category__header { margin-top: -6px; margin-bottom: 12px; } .category__title-desc { display: none; font-size: 24px; } .category__title { font-size: 24px; color: #010101; } .category__cost-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .category__cost-block .item-card__label { margin-left: 30px; } .category__cost-desc { display: none; font-size: 24px; } .category__old-cost { margin-right: 21px; opacity: 0.5; font-family: 'Open Sans', sans-serif; font-weight: 700; text-decoration: line-through; font-size: 18px; line-height: 1.3; } .category__cost { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; line-height: 1.3; } .category__description { margin-top: 8px; margin-bottom: 30px; /*color: #999999;*/ color: #010101; font-family: sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; } .category__show-more-btn { display: inline-block; height: 60px; position: relative; padding-top: 16px; padding-right: 46px; padding-left: 41px; border: 1px solid #ffa800; -webkit-border-radius: 30px; border-radius: 30px; color: #010101; font-size: 18px; line-height: 24px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .category__show-more-btn:hover { text-decoration: none; background-color: #ffa800; } .category__show-more-btn::after { content: ""; position: absolute; width: 8px; height: 13px; top: 50%; right: 31px; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: url('/local/templates/shop/assets/main/css/../img/icon-arrow.svg'); -webkit-background-size: 8px 13px; background-size: 8px 13px; } .category__buy-btn { margin-left: 26px; padding: 0; background-color: transparent; border: none; color: #010101; font-size: 0; line-height: 24px; -webkit-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .category__buy-btn svg { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; fill: #ffa800; } .category__buy-btn:hover svg { fill: #7048b8; } .category__favorite-btn { margin-left: 16px; padding: 0; background-color: transparent; border: none; color: #010101; font-size: 18px; line-height: 24px; -webkit-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .category__favorite-btn svg { stroke: #ffa800; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .category__favorite-btn:hover svg { stroke: #7048b8; } .category__image { width: 228px; height: 228px; border: 1px solid #e5e5e5; background-color: #ffffff; -webkit-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; } .category__image img { width: 100%; } .category__load-more-btn { width: 100%; } .category__pages { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; } .category__paginator { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 460px; height: 60px; } .category__paginator-arrow { width: 60px; position: relative; } .category__paginator-arrow:hover svg { fill: #7048b8; } .category__paginator-arrow::before { content: ""; position: absolute; width: 8px; height: 13px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(180deg); -o-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); background: url('/local/templates/shop/assets/main/css/../img/icon-arrow.svg'); -webkit-background-size: 8px 13px; background-size: 8px 13px; } .category__paginator-arrow svg { position: absolute; content: ""; width: 30px; height: 60px; left: 0; top: 0; fill: #ffa800; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .category__paginator-arrow--right::before { -webkit-transform: translate(-50%, -50%) rotate(0); -o-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); } .category__paginator-arrow--right svg { left: auto; right: 0; -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .category__page { display: block; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #000000; font-size: 18px; } .category__page--dots { padding-left: 5px; padding-right: 5px; } .category__page--current { color: #010101; font-weight: 700; } .category__select { cursor: pointer; } .category__select:hover .jq-selectbox__select { background-color: #e5e5e5; } .category__select:focus { outline: none; } .category__select.focused .jq-selectbox__select { border-color: #e5e5e5; } .category__select .jq-selectbox__dropdown li { -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .category__select .jq-selectbox__dropdown li:hover { background-color: #e5e5e5; } .category__select .jq-selectbox__select { width: 200px; height: 60px; -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05); box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05); -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #e5e5e5; background: #ffffff; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .category__select .jq-selectbox__select:focus { outline: none; } .category__select .jq-selectbox__select::after { content: ""; position: absolute; width: 12px; height: 7px; right: 30px; top: 50%; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: url("/local/templates/shop/assets/main/css/../img/arrow-down-orange.svg"); } .category__select .jq-selectbox__select-text { margin-top: 12px; margin-left: 19px; font-family: 'Open Sans Condensed', sans-serif; color: #010101; font-size: 18px; font-weight: 400; margin-right: 0; text-overflow: unset; } .category__select .jq-selectbox__dropdown { border: none; background: none; -webkit-box-shadow: none; box-shadow: none; } .category__select .jq-selectbox__dropdown li { width: 200px; height: 45px; margin-bottom: 1px; -webkit-border-radius: 30px; border-radius: 30px; padding-left: 30px; padding-top: 12px; border: 1px solid #e5e5e5; background: #ffffff; font-family: 'Open Sans Condensed', sans-serif; color: #010101; font-size: 18px; font-weight: 400; } .category__select .jq-selectbox__trigger { border-left: none; } .category--block .category__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; width: 228px; margin-right: 40px; } .category--block .category__item .item-card__label { display: none; } .category--block .category__item:nth-child(3n) { margin-right: 0; } .category--block .category__item .category__image::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #7048b8; opacity: 0; top: 0; left: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .category--block .category__item:hover .category__buy-block { display: block; } .category--block .category__item:hover .category__image { border: 1px solid #7048b8; } .category--block .category__item:hover .category__image::after { opacity: 0.8; } .category--block .category__item:nth-last-child(-n+3) { margin-bottom: 0; } .category--block .category__image { position: relative; } .category--block .category__content { width: auto; margin-left: 0; margin-top: 20px; } .category--block .category__title { text-align: center; font-size: 18px; } .category--block .category__header { margin-top: 0; text-align: center; } .category--block .category__description { display: none; } .category--block .category__show-more-btn { display: none; } .category--block .category__cost-block { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .category--block .category__buy-block { display: none; position: absolute; top: 114px; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .category--block .category__buy-btn { margin-left: 0; } .category--block .category__buy-btn svg { fill: #ffffff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .category--block .category__buy-btn:hover svg { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); fill: #fff; } .category--block .category__favorite-btn { margin-left: 39px; } .category--block .category__favorite-btn svg { stroke: #ffffff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .category--block .category__favorite-btn:hover svg { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); stroke: #fff; } .category--list .category__item { margin-bottom: 0; border-bottom: 1px solid #e5e5e5; } .category--list .category__item .item-card__label { display: none; } .category--list .category__table-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 9px; } .category--list .category__title-desc { display: block; width: 502px; } .category--list .category__cost-desc { display: block; } .category--list .category__image { display: none; } .category--list .category__header { margin-top: 0; width: 502px; } .category--list .category__title { font-size: 18px; color: #666666; } .category--list .category__cost-block { margin-right: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .category--list .category__description { display: none; } .category--list .category__show-more-btn { display: none; } .category--list .category__favorite-btn { display: none; } .category--list .category__buy-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 18px; } .category--list .category__buy-btn svg { margin-right: 10px; } .category--list .category__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-left: 0; padding-top: 15px; padding-bottom: 15px; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .category--list .category__cost { width: 100%; } .category--list .category__old-cost { margin-right: 0; width: 100%; } .item-card { margin-top: 55px; } .item-card__title { font-weight: 300; font-size: 40px; } .item-card__photo { display: inline-block; border: 1px solid #e5e5e5; margin-right: 60px; max-width: 48%; } .item-card__photo img { max-width: 100%; } .item-card__info { width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .item-card__price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 13px; } .item-card__price-old, .item-card__price-new { text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 27px; } .item-card__price-old { text-decoration: line-through; color: #010101; opacity: 0.5; margin-right: 27px; } .item-card__label { position: relative; font-family: 'Open Sans', sans-serif; font-size: 14px; background-color: #7048b8; color: #fff; -webkit-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; display: inline-block; padding: 4px 30px 4px 15px; margin-left: 10px; margin-bottom: 30px; } .item-card__label::before { content: ''; position: absolute; border-top: 13px solid transparent; border-right: 10px solid #7048b8; border-bottom: 13px solid transparent; left: -10px; top: 0; } .item-card__label-num { font-weight: 700; } .item-card__cart, .item-card__favorite { width: auto; height: auto; padding:5px; /* -webkit-border-radius: 15%; border-radius: 15%; */ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .item-card__cart svg, .item-card__favorite svg { margin: auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .item-card__cart { background-color: #ffa800; border: none; margin-right: 20px; padding: 5px 10px; border-radius:10px; } .item-card__cart svg { fill: #fff; } .item-card__cart:hover, .item-card__cart:active { background-color: #fff; border: 1px solid #ffa800; } .item-card__cart:hover svg, .item-card__cart:active svg { fill: #ffa800; } .item-card__favorite { background-color: #fff; border: 1px solid #e5e5e5; } .item-card__favorite svg { stroke: #ffa800; } .item-card__favorite:hover, .item-card__favorite:active { background-color: #ffa800; border: none; } .item-card__favorite:hover svg, .item-card__favorite:active svg { stroke: #fff; } .item-card__counter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 25px; } .item-card__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .item-card__counter-number { width: 117px; border: 1px solid #e5e5e5; -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05); box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05); padding-left: 40px; padding-right: 40px; } .item-card__plus, .item-card__minus { display: block; width: 20px; height: 20px; background-color: transparent; position: relative; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid transparent; } .item-card__plus svg, .item-card__minus svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .item-card__plus:hover, .item-card__minus:hover, .item-card__plus:active, .item-card__minus:active { border: 1px solid #f5f5f5; } .item-card__counter-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 15px; } .item-card__plus { margin-bottom: 5px; } .item-card__plus svg { fill: #ffa800; } .item-card__minus svg { fill: #999; } .item-card__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .item-card__descr { font-size: 16px; /*color: #999;*/ color: #010101; font-family: sans-serif; line-height: 24px; margin-bottom: 30px; } .item-card__extra-info { width: 100%; margin-top: 35px; } .item-card__subtitle { font-size: 24px; font-weight: 300; } .item-card__text { /*color: #999;*/ color: #010101; font-family: sans-serif; line-height: 27px; } .integrator { margin-bottom: 55px; } .integrator__title { font-size: 24px; font-weight: 300; margin-bottom: 25px; } .integrator__title span, .integrator__title img { display: inline-block; } .integrator__title span { margin-left: 5px; vertical-align: top; } .integrator__title img { vertical-align: middle; } .integrator__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .integrator__item { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .integrator__text { font-size: 20px; } .integrator__photo { margin-right: 30px; width: 142px; } .fixed-btns { position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); z-index: 10000; } .fixed-btns__btn { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80px; height: 80px; border: 1px solid #e4e4e4; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #fff; } .fixed-btns__btn svg { margin: auto; } .fixed-btns__btn--cart { border-bottom: 0; -webkit-border-radius: 2px 0 0 0; border-radius: 2px 0 0 0; } .fixed-btns__btn--cart:hover { background-color: #ffa800; } .fixed-btns__btn--cart:hover svg { fill: #fff; } .fixed-btns__btn--cart svg { fill: #ffa800; } .fixed-btns__btn--favorite { -webkit-border-radius: 0 0 0 2px; border-radius: 0 0 0 2px; } .fixed-btns__btn--favorite.hide { display: none; } .fixed-btns__btn--favorite:hover { background-color: #d8d8d8; } .fixed-btns__btn--favorite:hover svg { stroke: #fff; } .fixed-btns__btn--favorite svg { stroke: #d8d8d8; } .fixed-btns__count { right: 11px; bottom: 21px; color: #000; font-size: 12px; position: absolute; } .main-cart.shop-page{ margin-top: 60px; margin-bottom: 100px; } .cart-detail-link { display: inline-block; font-size: 16px !important; line-height: 20px; color: #ffa800 !important; } .main-cart .item-card__counter-number { width: 104px; } .main-cart-bottom { border-top: 4px solid #e5e5e5; padding-top: 20px; } .main-cart-float:nth-child(odd) { float: left; text-align: left; } .main-cart-float:nth-child(even) { float: right; text-align: right; } .mcf-top { } .mcf-order { margin: 20px 0; } .mcf-order .filter__submit { margin: 0; } .clear-cart-top { line-height: 100px; color: #010101; position: relative; padding-right: 30px; } .clear-cart-top:after { content: ""; position: absolute; width: 13px; height: 13px; top: 50%; right: 9px; color: #ffa800; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: url(/local/templates/shop/assets/main/css/../img/icon-cross.svg); -webkit-background-size: 13px 13px; background-size: 13px 13px; } .main-cart-bottom .total { font-size: 24px; color: #000; } .main-cart-bottom .total span { font-weight: bold; } .main-cart-bottom .total-price { font-size: 24px; color: #000; font-weight: bold; } .main-cart-bottom .total-price span { font-weight: normal; } .main-cart-float .filter__submit, .main-cart-float .filter__reset { display: block; line-height: 58px !important; } .main-cart-float .filter__submit:hover, .main-cart-float .filter__reset:hover { text-decoration: none; } .bx-sbb-empty-cart-image { width: 131px; height: 116px; margin: 50px auto 42px; background: url('/local/templates/shop/components/shop/sale.basket.basket/custom/images/empty_cart.svg') no-repeat center; background-size: contain; } .bx-sbb-empty-cart-text { font-size: 36px; text-align: center; color: #bababa; margin-bottom: 42px; } .bx-sbb-empty-cart-desc { text-align: center; color: #000; font-size: 16px; margin-bottom: 42px; } .clearfix:after { content: ''; clear:both; display: block; height: 0; } @media (min-width: 320px) { .container.shop-page { width: 100%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 480px) { .container.shop-page{ width: 100%; } } @media (max-width:479px){ .sale_order_full_table div{ padding:0!important; width:100%!important; } } @media (min-width: 480px) and (max-width: 1023px) { .sale_order_full_table div{ padding:0!important; width:100%!important; } .main-cart-float.mcf-order .filter__submit, .main-cart-float .filter__submit, .main-cart-float .filter__reset{ width: 100%; } .filter__submit { width: 49%; padding-left: 10px; } .filter__reset { width: 49%; padding-left: 10px; } .category__content { width: 70%; margin-left: 10px; } .category--block .category__item { margin-right: 14px; } .category--block .category__item:nth-child(3n) { margin-right: 14px; } .category--block .category__item:nth-child(5n) { margin-right: 14px; } } @media (min-width: 768px) { .container.shop-page{ width: 768px; } .page-header__item:last-child { margin-right: auto; } } @media (min-width: 768px) and (max-width: 1100px) { .page-header__nav--active { width: 100%; } .page-header__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; max-width: none; width: 100%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header__top { padding-right: 20px; padding-left: 20px; } .page-header__bottom { /* padding-right: 20px; padding-left: 20px;*/ } .main-content__left { width: 0; margin-right: 0; } .hero__content { width: 90%; max-width: none; padding-top: 30px; padding-right: 30px; padding-left: 30px; } .hero__image-wrapper { display: none; } .side-menu { margin-top: 18px; position: absolute; /*top: 55px;*/ /*top: 65px;*/ top: 94px; left: 50%; -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-border-radius: 30px; border-radius: 30px; } .side-menu__list { display: none; width: 100%; -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; } .side-menu__list--active { display: block; } .side-menu__item:hover::before { background-color: #ffffff; } .side-menu__select { display: block; width: 260px; height: 50px; padding-top: 11px; } .filter { margin-top: 30px; } .category--block .category__item { margin-right: 22px; } .category--block .category__item:nth-child(3n) { margin-right: 0; } .category--block .category__item:nth-child(5n) { margin-right: 22px; } .item-card__photo { margin-right: 20px; } } @media (min-width: 1024px) { .container.shop-page{ width: 1024px; padding-left: 0; padding-right: 0; } } @media (min-width: 1920px) { .container.shop-page { width: 1577px!important; padding-left: 0; padding-right: 0; } .page-header__nav { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin-left: auto; } .page-header__bottom { background-image: url('/local/templates/shop/assets/main/css/../img/header-bg-xxl.png'); } .page-header__logo { margin-right: 20px; } .page-header__link { display: block; padding-left: 20px; padding-right: 20px; } .main-content__right { /* width: 84%;*/ width: 100%; } /*.products__item {*/ /*margin-right: 44px;*/ /*}*/ /*.products__item:nth-child(3n) {*/ /*margin-right: 44px;*/ /*}*/ /*.products__item:nth-child(5n) {*/ /*margin-right: 0;*/ /*}*/ .page-footer { background-image: url('/local/templates/shop/assets/main/css/../img/footer-bg-big.jpg'); } .page-footer__inner { width: 1024px; } .hero { width: 1320px; } /* .hero__tab-button:not(.hero__tab-button--active) { background-color: transparent; }*/ /* .filter { width: 1320px; } */ .category__content { width: 720px; } .category__image { width: 320px; height: 320px; } .category--block .category__item { margin-right: 44px; } .category--block .category__item:nth-child(3n) { margin-right: 44px; } .category--block .category__item:nth-child(5n) { margin-right: 0; } .category--block .category__image { width: 228px; height: 228px; } .category--list .category__title-desc { width: 1000px; } .category--list .category__header { width: 1000px; } } @media (max-width: 1366px) { .page-header__nav { /* display: none; */ } .page-header__nav--active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; top: 100%; right: 0; z-index: 500; } .page-header__burger { display: block; } .page-header__link { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 0) and (max-width: 767px) { .page-header__nav--active { width: 60%; } .shop-page.main-content{ flex-direction: column; } .main-content__left { width: 100%; /* position: absolute;*/ /* top: 150px;*/ /* left: 50%;*/ /*-webkit-transform: translate(-50%, 0);*/ /* -o-transform: translate(-50%, 0);*/ /* transform: translate(-50%, 0);*/ } .products__filter-item:not(:last-child) { margin-right: 10px; } .products__filter-item.active::after { content: none; } .main-title { font-size: 30px; } .page-footer { padding-bottom: 60px; background-image: url('/local/templates/shop/assets/main/css/../img/footer-bg-small.jpg'); } .page-footer__title { font-size: 40px; text-align: left; padding-right: 20px; padding-left: 20px; } .page-footer__left { width: 100%; } .page-footer__right { width: 100%; } .page-footer__cities { margin-right: 0; } .page-footer__form { margin-top: 30px; } .filter { margin-top: 40px; } .category__cost-block .item-card__label { margin-left: 0; -webkit-border-radius: 20px; border-radius: 20px; } .category__cost-block .item-card__label::after, .category__cost-block .item-card__label::before { display: none; } .item-card { margin-top: 0; } .item-card__title { font-size: 25px; } .item-card__photo { margin-right: 0; } .item-card__info { width: 100%; } .item-card__label { margin-bottom: 5px; } .integrator__item { width: 100%; } .integrator__photo { margin-right: 10px; } .fixed-btns__btn { width: 40px; height: 40px; } .fixed-btns__btn svg { width: 20px; height: 15px; } .fixed-btns__count { font-size: 11px; right: 3px; bottom: 1px; } } @media (max-width: 767px) { .page-header__top { min-height: 51px; padding-left: 15px; padding-right: 15px; } .page-header__bottom { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; min-height: 171px; padding-top: 25px; /* padding-right: 20px; padding-left: 20px;*/ background-image: url('/local/templates/shop/assets/main/css/../img/header-bg-sm.png'); } .page-header__bottom-search { display: none; } .page-header__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 500px; } .page-header__item:last-child .page-header__link { border-bottom: 1px solid #000000; } .page-header__link { border-top: 1px solid #000000; } .page-header__phone { display: block; margin-right: 0; line-height: 1.3; } .page-header__phone:first-child::after { display: none; } .page-header__mega { padding-right: 0; padding-bottom: 16px; } .page-header__mega::after { top: unset; bottom: 0; -webkit-transform: none; -o-transform: none; transform: none; } .main-content__upper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -75px; padding-left: 0; padding-right: 0; } .hero { width: 100%; margin-top: 15px; } .hero__tab-buttons { height: auto; } .hero__tab-button { width: 100%; display: none; padding-top: 24px; padding-bottom: 24px; padding-left: 20px; border: none; text-align: left; } .hero__tab-button--active { display: block; } .hero__tab-controls { display: block; } .hero__tab { height: 500px; } .hero__content { width: 70%; padding-top: 0; padding-right: 0; padding-bottom: 20px; padding-left: 20px; } .hero__image-wrapper { width: 100%; position: absolute; left: 65%; bottom: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; } .hero__title { font-size: 36px; } .hero__title--bitrix { -webkit-background-size: contain; background-size: contain; width: 200px; height: 40px; } .hero__title--amoCRM { -webkit-background-size: contain; background-size: contain; width: 200px; height: 40px; } .hero__sub-title { font-size: 18px; } .hero__text { margin-top: 25px; } .shop-page .side-menu { margin-top: 5px!important; width: 100%; padding-right: 20px; padding-left: 20px; } .side-menu__list { display: none; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); position: absolute; top: 60px; left: 20px; margin-top: 1px; z-index: 100; -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; } .side-menu__list--active { display: block; } .side-menu__select { display: block; } .search-filters__button { margin-bottom: 10px; } } @media (min-width: 0) and (max-width: 479px) { .page-header__bottom-container { /* padding-left: 10px; padding-right: 10px;*/ -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .products__filter-item:nth-child(2n) { margin-right: 0; } .breadcrumbs { display: none; } .breadcrumbs { margin-bottom: 0; min-height: 45px; } .breadcrumbs__link { font-size: 14px; } .search-filters { padding-bottom: 0; } .filter__submit { width: 100%; } .filter__reset { width: 100%; margin-left: 0; } .category__item { margin-bottom: 30px; } .category__content { width: 100%; margin-left: 0; } .category__image { /* display: none; */ margin-bottom: 25px; width: 100% !important; } .category__show-more-btn { width: auto !important; } .category__item { flex-direction: column; } .category__paginator { max-width: 290px; } .category__paginator-arrow { width: 45px; } .category__page { padding-left: 5px; padding-right: 5px; } .category--block .category__item { margin-right: auto; } .category--block .category__item:nth-child(3n) { margin-right: auto; } .category--block .category__item:nth-child(5n) { margin-right: auto; } .category--block .category__item { margin-left: auto; margin-right: auto; } .category--block .category__image { display: block; margin-left: auto; margin-right: auto; } .category--list .category__title-desc { font-size: 22px; } .category--list .category__cost-desc { font-size: 22px; } .category--list .category__header { margin-bottom: 8px; } .category--list .category__buy-btn svg { width: 25px; height: 20px; } .category--list .category__cost { font-size: 14px; } .category--list .category__old-cost { font-size: 14px; } .category--list .category__title { font-size: 14px; } .item-card__cart { margin-right: 5px; } .item-card__counter { margin-right: 5px; } .item-card__bottom { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 479px) { .page-header__list { max-width: 320px; } .page-header__link { width: 100%; } } @media (min-width: 0) and (max-width: 1023px) { .main-content__right { width: 100%; } .main-content__banner { display: none; } .products__items--recommend .products__item { width: 280px; } .products__items--recommend .products__item-photo { width: 280px; height: 280px; } .products__items .owl-nav { top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /*.products__item-photo {*/ /*width: 280px;*/ /*height: 280px;*/ /*}*/ .products__buttons { display: block; background-color: #7048b8; padding: 10px; bottom: 0; right: 0; left: auto; top: auto; -webkit-transform: none; -o-transform: none; transform: none; } /*.products__item:nth-child(3n) {*/ /*margin-right: 20px;*/ /*}*/ /*.products__item {*/ /*width: 280px;*/ /*margin-bottom: 30px;*/ /*margin-right: 20px;*/ /*}*/ .products__item:hover .products__item-photo { border: 1px solid #e5e5e5; } .products__item:hover .products__item-photo::after { content: none; } .page-footer__mail, .page-footer__phone { width: 100%; } .page-footer__agree { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-left: 0; margin-bottom: 15px; } .page-footer__submit { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .page-footer__bottom { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .recommend-slider { padding-bottom: 30px; } .recommend-slider::after { content: ''; position: absolute; width: -webkit-calc(100% + 40px); width: calc(100% + 40px); height: 1px; background-color: #e5e5e5; bottom: 0; left: -20px; } .breadcrumbs { margin-left: 0; } .breadcrumbs__item { padding-right: 10px; margin-right: 5px; } .filter { width: 100%; } .category__list { margin-bottom: 30px; } .category__item { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .category__cost-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .category__old-cost { margin-right: 10px; } .category__cost { margin-right: 10px; } .category__description { margin-bottom: 10px; } .category__show-more-btn { width: 49%; padding-left: 25px; text-align: center; } .category__buy-block { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .category__buy-btn { margin-left: 5%; } .category__favorite-btn { margin-left: 5%; } .category__image { width: 30%; height: auto; } .category__pages { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .category__paginator { margin-bottom: 30px; } .category--block .category__item:hover .category__buy-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .category--block .category__item:hover .category__image { border: 1px solid #e5e5e5; } .category--block .category__item:hover .category__image::after { display: none; } .category--block .category__image { width: 228px; height: 228px; } .category--block .category__content { width: 100%; } .category--block .category__buy-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; top: 228px; left: 228px; padding: 10px; -webkit-transform: translate(-100%, -100%); -o-transform: translate(-100%, -100%); transform: translate(-100%, -100%); background-color: #7048b8; } .category--block .category__favorite-btn { margin-left: 20px; } .category--list .category__title-desc { width: 65%; } .category--list .category__cost-desc { width: 25%; } .category--list .category__header { width: 65%; } .category--list .category__cost-block { width: 25%; } .category--list .category__buy-btn { font-size: 0; } .category--list .category__content { padding-top: 7px; padding-bottom: 7px; } .item-card__bottom { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /*@media (min-width: 0) and (max-width: 599px) {*/ /*.products__item {*/ /*margin-right: auto;*/ /*margin-left: auto;*/ /*}*/ /*}*/ #result_form { color: #fff; } .error { border: 2px solid red !important; } @media (min-width: 0) and (max-width: 767px) { .products__buttons svg{ width: 15px; } .products__btn:not(:last-child){ margin-right: 10px; } } .item-card__in__wrapper { display:flex; } @media screen and (max-width: 767px) { .item-card__in__wrapper { display:block; } .item-card__photo { max-width: 100%; } } .search { height: 40px; } .search__input { display: block; height: 100%; } .item-card__info .item-card__title { font-weight: 600; font-size: 24px; line-height: 130%; color: #000000; margin-top: 0; margin-bottom: 14px; } .item-card__price-old, .item-card__price-new { font-weight: 800; font-size: 22px; line-height: 130%; color: #623FA2; } .item-card__price { margin-bottom: 20px; } .item-card__descr { font-weight: 400; font-size: 16px; line-height: 130%; color: #000000; } .item-card__descr strong { font-weight: 600; margin-right: 15px; display: inline-block; } .item-card__cart { padding: 20px 30px; font-weight: 600; font-size: 16px; line-height: 65%; color: #FFFFFF !important; border: 1px solid transparent; } .item-card__photo { margin-right: 20px; max-width: 350px; width: 100%; } .item-card { margin-top: 0; } .item-card__subtitle { font-weight: 600; font-size: 22px; line-height: 130%; color: #000000; margin-bottom: 20px; } .item-card__text { font-weight: 400; font-size: 16px; line-height: 130%; color: #000000; } .item-card__text p + p { margin-top: 15px; } .item-card__text *, .item-card__text { font-family: 'Raleway' !important; } .item-card__text ul { margin-top: 15px; margin-bottom: 15px; } .integrator { margin-top: 30px; } .integrator__text { font-weight: 500; font-size: 16px; line-height: 130%; color: #000000; } .integrator__photo { margin-right: 20px; width: 60px; min-width: 60px; } .item-card__cart:hover, .item-card__cart:active { color: #000 !important; } .integrator__item { width: calc(50% - 10px); } @media (max-width: 767px) { .item-card__photo { margin-bottom: 30px; max-width: 100%; margin-right: 0; display: flex; justify-content: center; } .item-card__in__wrapper { width: 100%; } .integrator__item { width: 100%; } } .item-card__text ul { margin-top: 12px; margin-bottom: 12px; } .item-card__text ul li { padding-left: 24px; position: relative; } .item-card__text ul li + li { margin-top: 6px; } .item-card__text ul li:before { content: ""; position: absolute; top: 8px; left: 10px; width: 3px; height: 3px; border-radius: 50%; background-color: #000000; } /* End */ /* Start:/local/templates/new_template/components/bitrix/menu/integ.menu/style.min.css?16674007113715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/new_template/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/new_template/components/bitrix/menu/integ.menu/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/new_template/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/new_template/components/bitrix/menu/template_menu_footer/style.min.css?1667400711490*/ 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/new_template/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 */ /* Start:/local/templates/.default/components/bitrix/sale.basket.basket.line/fixed-cart/style.min.css?16674007113712*/ .bx-basket-block{position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/local/templates/new_template/assets/css/main.css?166740070969280*/ html, body { line-height: 24px; font-size: 16px; margin: 0; padding: 0; } body { /*padding-top: 70px;*/ font-family: 'Open Sans Condensed', sans-serif; } *, :after, :before { box-sizing: border-box; outline: none; } img { max-width: 100%; } a, button { text-decoration: none; transition: 0.5s; cursor: pointer; } .flex { display: flex; } .s-b { display: flex; justify-content: space-between; } .j-c { justify-content: center; } .f-e { justify-content: flex-end; } .f-d-c { flex-direction: column; display: flex; } .center-col { flex-direction: column; justify-content: center; display: flex; } .open-sans { font-family: 'Open Sans', sans-serif; } .CondensedLight { font-family: 'Open Sans Condensed', sans-serif; } .CondensedBold { font-family: 'Open Sans Condensed Bold', sans-serif; } .poiretOne { font-family: 'Poiret One', cursive; } .caveat { /* font-family: 'Caveat', cursive; */ } .text-darkgrey { color: #999999; } .text-orange { color: #ffa800; } .text-white { color: #fff; } .text-grey { color: #666666; } .bg-purple { background: #7048b8; } .bg-orange { background: #ffa800; } .bold { font-weight: bold; } .no-padding { padding: 0 !important; } .text-center { text-align: center; } .text-left { text-align: left; } .rotate180 { transform: rotate(180deg); } .w50 { width: 50%; } .w100 { width: 100%; } .container { width: 100%; } .relative { position: relative; } .back-gray { background: #f7f7f7; } .text-right { text-align: right; } .block { display: block; } .h768 { /*height: 768px;*/ } .wrap { flex-wrap: wrap; } /*#region header */ /*header {*/ /*position: fixed;*/ /*width: 100%;*/ /*top: 0;*/ /*left: 0;*/ /*background: #fff;*/ /*height: 74px;*/ /*z-index: 5;*/ /*}*/ header .container { height: 100%; } .logo-header { border-bottom: 3px solid #fff; } .header-inner { height: 100%; padding: 0 40px; } .menu-box:first-child { margin-left: 0; } .menu-box:last-child { margin-right: 0; } .menu-box { height: 100%; display: flex; } .menu-el { display: flex; height: 100%; align-items: center; font-size: 16px; color: #000; margin: 0 19px; border-bottom: 3px solid #fff; } .menu-el:hover { border-bottom: 3px solid #ffa800; } .menu-box:last-child::hover { border-bottom: 3px solid #fff; } /*#endregion */ /* ______________________________________________MAIN-PAGE________________________________________ */ /*#region slider */ .slider-box { height: 1009px; } .slider-phones { font-size: 20px; display: flex; } .slider-phones a { display: block; } .slider-element { padding: 60px 40px; height: 100%; position: relative; background-position: center; background-size: cover; } .slick-track, .slick-list { height: 100%; } .bx-ios .slider-element.slide-1 { background-image: url(/local/templates/new_template/assets/css/../img/sl-one.png); } .slider-element.slide-1 { background-image: url(/local/templates/new_template/assets/css/../img/sl-one.webp); } .bx-ios .slider-element.slide-2 { background-image: url(/local/templates/new_template/assets/css/../img/sl-two.png); } .bx-ios .slider-element.slide-3 { background-image: url(/local/templates/new_template/assets/css/../img/sl-three.png); } .bx-ios .slider-element.slide-4 { background-image: url(/local/templates/new_template/assets/css/../img/sl-four.png); } .slider-element.slide-2 { background-image: url(/local/templates/new_template/assets/css/../img/sl-two.webp); } .slider-element.slide-3 { background-image: url(/local/templates/new_template/assets/css/../img/sl-three.webp); } .slider-element.slide-4 { background-image: url(/local/templates/new_template/assets/css/../img/sl-four.webp); } .slider-assist img { margin-left: 6px; vertical-align: bottom; display: inline !important; width: auto !important; margin-top: 4px; height: 17px; } .sl-title { font-size: 72px; line-height: normal; margin-bottom: 20px; } .slider-content { padding-left: 260px; position: absolute; bottom: 50%; transform: translateY(50%); } .slide-1 .sl-main-text { max-width: 512px; } .slide-4 .sl-main-text { max-width: 429px; } .sl-main-text { max-width: 100%; color: #fff; margin-bottom: 40px; } .sl-button { border-radius: 30px; height: 60px; line-height: 60px; display: inline-block; padding: 0 40px; border: 1px solid #756e85; text-align: center; } .sl-button svg { margin-left: 9px; vertical-align: middle; } .sl-button:hover { background: #ffa800; border: 1px solid #ffa800; } .sl-top-header { font-size: 144px; line-height: 100px; } .slder-min-box { padding-right: 30px; padding-left: 30px; position: relative; border-right: 1px solid #554f64; } .slder-min-box:after { content: ''; position: absolute; right: -3px; top: 50%; z-index: 2; transform: translatey(-50%) rotate(45deg); width: 5px; background: #1c1432; height: 5px; border-right: 1px solid #554f64; border-top: 1px solid #554f64; } .sl-min-box-title { margin-bottom: 10px; } .sl-main-text .slder-min-box:nth-of-type(1) { padding-left: 0; } .sl-main-text .slder-min-box:nth-last-of-type(1) { border: none; } .sl-main-text .slder-min-box:nth-last-of-type(1):after { display: none; } /*#endregion */ /*#region consultation */ .consultation { position: relative; height: 1350px; /* padding-top: 210px; */ background: url(/local/templates/new_template/assets/css/../img/p2b.png); background-position: 100% 88%; background-repeat: no-repeat; background-size: 50%; } .inner-container { max-width: 1024px; width: 100%; margin: 0 auto; } /*.page-header {*/ /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, .45);*/ /*font-size: 36px;*/ /*}*/ .line-box { vertical-align: top; margin: 30px 0 40px; } .big-title { line-height: 60px; font-size: 40pt; margin-bottom: 30px; } @media screen and (max-width: 768px) { .big-title h2 { font-size: 30px !important; } } .consult-element { text-align: left; margin-bottom: 40px; } .consult-el-title { font-weight: bold; font-size: 20px; margin-bottom: 15px; } .consult-el-text { text-overflow: ellipsis; overflow: hidden; /* white-space: nowrap; */ width: 385px; transition: 0.5s; } .next-but { transition: 0s; cursor: pointer; } @keyframes fa { 0% { height: 0; } 50% { height: 50%; } 100% { height: 100%; } } .consult-el-text.active { height: auto; animation-name: fa; animation-duration: .5s; } .consult-el-inner-box { padding: 0 30px; } .consult-el-inner-box a { font-size: 20px; } /*#endregion */ /* CRM */ .bx-ios .crm { background: url(/local/templates/new_template/assets/css/../img/crm-b.png); } .crm { height: 1009px; background: url(/local/templates/new_template/assets/css/../img/crm-b.webp); background-position: right bottom; background-repeat: no-repeat; position: relative; } .absolute-left-box .big-title { margin-bottom: 10px; } .absolute-left-box { position: absolute; max-width: 476px; width: 100%; top: 50%; left: 9%; transform: translateY(-50%); } .crm-prices { margin: 25px 0; } .price-title { font-size: 30px; } .absolute-left-box .left { border-left: 3px solid #ffa800; padding-left: 20px; } .crm .absolute-left-box .right { border-left: 3px solid #7048b8; padding-left: 20px; padding-right: 0; text-align: left; border-right: 0; } .absolute-left-box .caveat { font-size: 22px; } .absolute-left-box .sl-button { background: #ffa800; margin-top: 40px; border: 1px solid #ffa800; } .absolute-left-box .sl-button:hover { background: #fff; color: #ffa800; } .absolute-right-box { position: absolute; bottom: 160px; right: 270px; } .absolute-line { display: flex; justify-content: flex-end; } .abs-number-box { text-align: center; } .abs-number-text { font-size: 18px; font-weight: bold; color: #fff; margin-top: 20px; } .absolute-number-box { max-width: 276px; padding: 30px; width: 100%; text-align: center; } /* endregion */ /* Site sale */ .bx-ios .site-sale { height: 1009px; background: url(/local/templates/new_template/assets/css/../img/site-sale-b.png); } .site-sale { height: 1009px; background: url(/local/templates/new_template/assets/css/../img/site-sale-b.webp); background-position: center; background-repeat: no-repeat; position: relative; } .site-sale .absolute-left-box { position: absolute; bottom: 200px; right: 270px; top: auto; transform: translateY(0); left: auto; } .site-sale .absolute-right-box { position: absolute; top: 150px; left: 285px; max-width: 1000px; } .site-sale .absolute-line { display: flex; justify-content: flex-start; } .site-sale .abs-number-text { color: #000; } .site-sale .absolute-left-box .sl-button { background: #7048b8; margin-top: 40px; border: 1px solid #7048b8; } .site-sale .absolute-left-box .sl-button:hover { background: #fff; margin-top: 40px; border: 1px solid #7048b8; color: #7048b8; } .site-sale .absolute-left-box { text-align: right; } .site-sale .absolute-left-box .left { border-right: 3px solid #ffa800; padding-right: 20px; border-left: none; text-align: right; } .absolute-left-box .right { border-right: 3px solid #7048b8; padding-right: 20px; border-left: none; text-align: right; } /* endregion */ /* projects */ .projects { height: 1000px; display: grid; grid-template-columns: repeat(2, 2fr) } .project-el { overflow: hidden; position: relative; text-align: center; } .project-el:hover .project-img { transform: scale(1.2); } .project-img { z-index: 1; width: 100%; height: 100%; transition: all .6s; background-position: center; background-repeat: no-repeat; } .one .project-img { background-image: url(/local/templates/new_template/assets/css/../img/proj1.png) } .two .project-img { background-image: url(/local/templates/new_template/assets/css/../img/proj2.png) } .three .project-img { background-image: url(/local/templates/new_template/assets/css/../img/proj3.png) } .four .project-img { background-image: url(/local/templates/new_template/assets/css/../img/proj4.png) } .project-center-box { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); z-index: 2; color: #fff; } .project-el .caption { font-size: 24px; } .project-el .text { font-size: 18px; } .project-el .logo { margin-bottom: 50px; } /* endregion */ /* Clients */ .bx-ios .clients { background: url(/local/templates/new_template/assets/css/../img/clients-b.png); } .clients { background: url(/local/templates/new_template/assets/css/../img/clients-b.webp); background-repeat: no-repeat; background-position: left top; height: 1009px; background-size: cover; position: relative; } .clients .big-title { margin-bottom: 20px; } .clients .abs-box { max-width: 1100px; } .btn { height: 30px; border-radius: 15px; padding: 0 15px; background: #e9e9e9; line-height: 30px; border: none !important; margin: 0 10px; cursor: pointer; transition: 0.5s; font-family: 'Open Sans Condensed', sans-serif !important; } .btn.is-checked, .btn:hover { background: #ffa800; color: #fff; } .clients .sl-button { margin-top: 70px; color: #000; border: 1px solid #ffa800; } .clients-el-box { margin-top: 65px; flex-wrap: wrap; width: 100%; } .client-el { justify-content: center; flex-direction: column; display: flex; width: 20%; height: 71px; margin: 0 auto; background-position: center; background-repeat: no-repeat; } .client-img-hover { display: none; } .client-el:hover .client-img { display: none; } .client-el:hover .client-img-hover { display: inline; } /* endregion */ /* benefits */ .bx-ios .benefits { background: url(/local/templates/new_template/assets/css/../img/benefits-b.png); } .benefits { background: url(/local/templates/new_template/assets/css/../img/benefits-b.webp); background-repeat: no-repeat; background-position: left top; height: 1009px; background-size: cover; position: relative; } .abs-box { text-align: center; /* position: absolute;*/ /* top: 50%;*/ /* left: 50%;*/ /* width: 100%;*/ /* transform: translate(-50%, -50%);*/ } .abs-box--tr { text-align: center; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } .benefits-box { max-width: 1100px; margin: 0 auto; flex-wrap: wrap; } .benefit { margin: 20px 0; padding: 0 46px; width: 33%; } /* endregion */ /* blog */ .bx-ios .blog { background: url(/local/templates/new_template/assets/css/../img/blog-b.png); } .blog { background: url(/local/templates/new_template/assets/css/../img/blog-b.webp); background-repeat: no-repeat; background-position: left top; height: 1009px; background-size: cover; position: relative; } .blog-but-box { text-align: center; } .blog-box { justify-content: space-between; max-width: 1100px; margin: 0 auto; } .blog .blog-but-box .sl-button { background: #7048b8; margin-top: 60px; border: 1px solid #7048b8; } .blog .big-title { margin-bottom: 0 } .blog .caveat { line-height: 33px; font-size: 24px; margin-bottom: 30px; } .blog-el { text-align: center; padding: 40px; border: 1px solid #cacaca; width: 32%; } .blog-title { line-height: 30px; margin-top: 15px; margin-bottom: 10px; font-size: 24px; } .blog-text { font-family: 'Roboto', Arial, sans-serif; overflow: hidden; } .new-head-blog { height: 148px; overflow: hidden; } .blog-el .sl-button { border: 1px solid #ffa800; color: #000; } .blog-el .sl-button svg path { fill: #000; } .blog-el .sl-button:hover { border: 1px solid #fff; background: #fff; color: #ffa800; } .blog-el .sl-button:hover svg path { fill: #ffa800; } .dots { margin-bottom: 18px; line-height: 5px; } /* endregion */ /* ______________________________________________CRM-PAGE________________________________________ */ /* hero */ .crm-hero { height: 697px; background: url(/local/templates/new_template/assets/css/../img/crm-hero.png); background-repeat: no-repeat; background-position: right top; text-align: left; } .crm-hero .relative { height: 100%; margin-left: 130px; } .crm-hero-inner-box { width: 320px; margin-left: 167px; left: 0; } .crm-hero-inner-box .sl-title { font-size: 47px; } .crm-hero .sl-top-header { line-height: 130px; } .crm-hero .sl-main-text { text-align: left; } /* problems */ .problems { padding: 0; } .problem-container { padding: 0 170px; } .problem-line { /* height: 482px;*/ margin-top: -86px; } .problem-text { width: 50%; /*padding-top: 100px;*/ /*New*/ padding-top: 50px; } .problem-number { /* width: 50%; padding-top: 100px; text-align: center;*/ /*New*/ width: 30%; padding-top: 50px; text-align: center; margin-left: auto; margin-right: auto; } .problem-img-box { width: 33%; z-index: 1; /*New*/ padding-top: 40px; } .problem-text-box { /* width: 66%; padding-top: 86px;*/ /*New*/ flex: 1; } .problem-text-header { font-size: 50px; } .problem-text-main { font-size: 24px; max-width: 360px; } .two .problem-text-box { padding-top: 0; } .two .problem-img-box { margin-top: -86px; } .problem-line.two { margin-top: 0; } /* RESULT */ .results { padding: 40px 0 50px 0; } .result-element { width: 20%; } .result-element-text { max-width: 190px; margin: 30px auto; font-size: 20px; } .result-title-big { font-size: 40px; line-height: initial; } .custom-height { height: 400px; } .custom-height-box .custom-element { width: 20%; } .custom-height-box { margin: 0 auto; max-width: 1000px; } .custom-el-img { height: 125px; } @media screen and (max-width: 476px) { .custom-element { flex-direction: unset; } .custom-el-img img { width: 50%; } .custom-element .custom-el-text { font-size: 17px; } } .custom-el-text { margin-top: 10px; font-size: 24px; } .results .sl-button { margin-top: 30px; color: #fff; background: #ffa800; border: 1px solid #ffa800; } .results .sl-button:hover { color: #ffa800; background: #fff; border: 1px solid #ffa800; } /* ______________________________________________ADVERTISING-PAGE________________________________________ */ .advertising { height: 697px; background: url(/local/templates/new_template/assets/css/../img/a-b.png); background-repeat: no-repeat; background-position: center; text-align: left; background-size: cover; } .advertising .relative { height: 100%; } .advertising .crm-hero-inner-box { width: auto; margin-left: 167px; left: 0; transform: translate(0, -50%); text-align: left; } .sl-title.personal-size { font-size: 72px; margin-bottom: -30px; } .advertising .sl-top-header { line-height: 144px; } .advertising .sl-main-text { width: 389px; } .advertising .sl-title.poiretOne.text-orange.personal-size { margin-bottom: 30px; } .advertising .sl-main-text { margin-bottom: 0; } .advertising-context { padding: 80px 0 40px; } .pic-align img { margin-botom: 0; vertical-align: bottom; } .advertising-context .pic-align img { margin-bottom: 0 !important; } .advertising-context .pic-align img:nth-last-of-type(1) { margin-bottom: -8px !important; } .big-title.pic-align { margin-bottom: 15px; } .you-get-box { font-size: 30px; } .you-get-box svg { margin-top: 22px; } .you-get-box span { margin: 0 10px; } .adv-number-text { color: #666666; font-size: 24px; margin-top: 30px; } .adv-number-el { max-width: 326px; padding: 20px 50px 30px; } .adv-page-header { font-size: 30px; text-align: center; font-weight: normal; margin: 0; } .adv-table { margin-top: 25px; width: 100%; } .adv-table-line { } .adv-table .head-caption { background: #7048b8; color: #fff; min-height: 60px; line-height: 30px; font-size: 24px; } .adv-table .head-caption > div:not(:first-child) { display: flex; justify-content: center; align-items: center; } .adv-table .head-caption > div { display: flex; align-items: center; } .adv-table .head-caption .percent-40 { padding: 00px 0px 00px 40px; } .percent-40 { padding: 20px 20px 20px 40px; width: 40%; } .percent-20 { width: 20%; } .adv-table-line img { /* vertical-align: middle; */ } .adv-table-line.basic { font-size: 18px; } .h40 { height: 40px; } .adv-table-line.basic:nth-of-type(odd) { background: #f2f2f2; } .adv-table-line.price { font-size: 24px; border-top: 1px solid #cccccc; } p.context-paragraph { max-width: 800px; margin: 20px auto; font-size: 18px; } .head-caption.yellow-bg { background: #ffa800; color: #000; } .adv-table { margin-bottom: 60px; } h1 { font-weight: normal } /* ______________________________________________ADVERTISING-PAGE________________________________________ */ .bx-ios .bitrix-main { height: 697px; background: url(/local/templates/new_template/assets/css/../img/sl-one.png); background-repeat: no-repeat; background-position: center; text-align: left; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bitrix-main { height: 697px; background: url(/local/templates/new_template/assets/css/../img/sl-one.webp); background-repeat: no-repeat; background-position: center; text-align: left; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bitrix-main .relative { height: 100%; } .bitrix-main .crm-hero-inner-box { width: auto; margin-left: 167px; left: 0; transform: translate(0, -50%); text-align: left; } .bitrix-main .sl-title.personal-size { font-size: 36px; margin: 0 0 -17px 60px; } .bitrix-main .crm-hero-inner-box .sl-title { font-size: 72px; } .bitrix-main-bottom { width: 620px; } .bitrix-main-bottom .w50.caveat { font-size: 24px; line-height: 33px; font-family: 'Open Sans Condensed', sans-serif; padding-left: 20px; border-left: 1px solid #fff; } .bitrix-main .crm-hero-inner-box .sl-image { /* margin-bottom: -30px; */ } .bitrix-main-bottom .sl-main-text { margin: 0; padding-left: 24px; padding-left: 24px; } .hero-form { margin-top: 30px; } .hero-form input { height: 60px; width: 240px; background: rgba(255, 255, 255, 0.5); border-radius: 30px; border: none; padding-left: 30px; line-height: 60px; color: #fff; margin-right: 15px; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } .hero-form .sl-button { background: transparent; border: 1px solid #fff; } .hero-form .sl-button:hover { background: #ffa800; border: 1px solid #ffa800; } .what-for { /* height: 768px;*/ background: url(/local/templates/new_template/assets/css/../img/what-for-b.png); background-size: cover; background-position: center; background-repeat: no-repeat; } p.bitrix-p { font-size: 20px; color: #666666; margin: 10px 0; } .what-for .big-title { margin-bottom: 10px; } .what-for-el { width: 33%; padding-right: 30px; padding-left: 10px; margin-bottom: 10px; } .what-for-img { max-width: 70px; width: 100%; text-align: center; margin-right: 25px; } .what-for-title { font-size: 20px; margin-bottom: 15px; } .what-for-in-box { margin-top: 50px; flex-wrap: wrap; } .sl-button.w-f { margin-top: 30px; background: #ffa800; border: 1px solid #ffa800; } .sl-button.w-f:hover { background: #fff; color: #ffa800; } .sl-main-text li { font-size: 24px; line-height: 33px; } .why-box { /* height: 768px;*/ background: url(/local/templates/new_template/assets/css/../img/why-b.png); background-repeat: no-repeat; background-position: center; text-align: left; background-size: cover; } .why-box .abs-box { /* top: auto; transform: translate(-50%, 0); bottom: 0;*/ } .right-plus-el { text-align: left; padding-right: 40px; margin: 30px 0; } .right-plus-img { min-width: 150px; text-align: center; } .right-plu-text { font-size: 18px; } .bx-ios .diplom-box { background: url(/local/templates/new_template/assets/css/../img/diploma-b.png); } .diplom-box { height: 768px; background: url(/local/templates/new_template/assets/css/../img/diploma-b.webp); background-repeat: no-repeat; background-position: center; text-align: left; background-size: cover; } .diplom-left-box { max-width: 390px; padding-left: 50px; margin: 0 auto; text-align: left !important; } .diplom-left-box h2 { line-height: 40px; } .diplom-left-title { margin: 25px 0 30px; font-size: 22px; font-weight: bold; } .diplom-left-box .sl-button { background: #7048b8; border: 1px solid #7048b8; margin-top: 50px; } .diplom-left-box .sl-button:hover { background: #fff; color: #7048b8; } .success { background: url(/local/templates/new_template/assets/css/../img/succ-b.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .success-box { margin: 20px 60px; } .success-img { width: 137px; } .success-el { padding: 30px 0; } .success-el.with-b { background: url(/local/templates/new_template/assets/css/../img/suc-01-b.png); background-position: right center; background-repeat: no-repeat; } .success-el.flex.f-e.text-right { flex-direction: row-reverse; justify-content: flex-start; } .text-left.with-b { background-position: left center; background: url(/local/templates/new_template/assets/css/../img/suc-04-b.png); background-repeat: no-repeat; } .success-title { margin-bottom: 20px; } .bx-ios .think { height: 864px; background: url(/local/templates/new_template/assets/css/../img/think-b.png); } .think { height: 864px; background: url(/local/templates/new_template/assets/css/../img/think-b.webp); background-size: cover; background-repeat: no-repeat; background-position: center; } .bx-ios .think-top-img-box { height: 264px; width: 100%; background: url(/local/templates/new_template/assets/css/../img/think-top.png); } .think-top-img-box { height: 264px; width: 100%; background: url(/local/templates/new_template/assets/css/../img/think-top.webp); background-size: cover; background-repeat: no-repeat; background-position: center; } .think-abs { position: absolute; bottom: 0; left: 50%; transform: translatex(-50%); } .think-left-box { position: absolute; top: 50%; right: 0%; transform: translate(0, -50%); } .bx-ios .think .w50.bg-image { height: 600px; background: url(/local/templates/new_template/assets/css/../img/think-right.png); } .think .w50.bg-image { height: 600px; background: url(/local/templates/new_template/assets/css/../img/think-right.webp); background-repeat: no-repeat; background-position: right center; } .think .big-title { margin-bottom: 0; } .think-left-img { margin-right: 40px; } .think-left-title { font-size: 20px; margin-bottom: 10px; } .think-left-text-title { width: 380px; } .think-left-el { margin-bottom: 40px; } .digital { /* padding-top: 137px;*/ /*height: 741px;*/ } .digital-text { margin: 0 20px; line-height: 29px; } .digital-el { margin-bottom: 40px; } .digital-center { height: 55px; font-size: 30px; line-height: 58px; } .digi-one { background: url(/local/templates/new_template/assets/css/../img/digi-one.png); width: 512px; } .digi-two { width: 351px; background: url(/local/templates/new_template/assets/css/../img/digi-two.png) } .digi-three { width: 271px; background: url(/local/templates/new_template/assets/css/../img/digi-three.png) } .digi-four { width: 191px; background: url(/local/templates/new_template/assets/css/../img/digi-four.png) } .digi-five { width: 432px; background: url(/local/templates/new_template/assets/css/../img/digi-five.png) } .inception { /* height: 1100px;*/ background: url(/local/templates/new_template/assets/css/../img/inception-b.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .inception .caveat { font-size: 24px; margin-bottom: 50px; } .inception-title { font-size: 24px; margin-bottom: 15px; } .inception-box { width: 256px; margin-bottom: 80px; } .inception .w50.text-right { padding-right: 80px; } .inception .w50.text-left { padding-left: 80px; padding-top: 140px; } .text-right .inception-box:after { content: ''; width: 20px; height: 20px; position: absolute; right: -40px; top: 10px; background: #ffa800; } .text-left .inception-box:after { content: ''; width: 20px; height: 20px; position: absolute; left: -40px; top: 10px; background: #ffa800; } .register { background: url(/local/templates/new_template/assets/css/../img/register-b.png); background-size: cover; background-repeat: no-repeat; background-position: center; height: 435px; } .register .open-sans { font-size: 30px; margin-right: 10px; line-height: 60px; } .register .sl-button { background: #7048b8; border: 1px solid #7048b8; margin-top: 0px; font-size: 18px; } .register .sl-button:hover { background: #fff; color: #7048b8; } .register .bold, .order .bold { color: #7f5400; line-height: 30px; font-size: 30px; margin: 30px 0 20px; } .order .bold { font-size: 24px; line-height: 30px; margin: 10px 0 20px; font-family: 'open-sans', sans-serif; } .order .big-title { margin-bottom: 0; } .order { background: url(/local/templates/new_template/assets/css/../img/order-b.png); background-size: cover; background-repeat: no-repeat; background-position: center; /* height: 435px;*/ } .order .sl-button { background: #7048b8; border: 1px solid #7048b8; margin-top: 0px; font-size: 18px; } .order .sl-button:hover { background: #fff; color: #7048b8; } .order ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #666666; opacity: 1; /* Firefox */ } .order :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666666; } .order ::-ms-input-placeholder { /* Microsoft Edge */ color: #666666; } .order input { color: #666666; } /*.promocode { height: 850px; }*/ .promocode input { height: 60px; width: 344px; background: rgba(255, 255, 255, 0); border-radius: 30px; border: 1px solid #cccccc; padding-left: 30px; line-height: 60px; color: #fff; margin-right: 15px; } .promocode ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #666666; opacity: 1; /* Firefox */ } .promocode :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666666; } .promocode ::-ms-input-placeholder { /* Microsoft Edge */ color: #666666; } .promocode .sl-button { background: #7048b8; border: 1px solid #7048b8; margin-top: 0px; font-size: 18px; } .promocode .sl-button:hover { background: #fff; color: #7048b8; } .promocode form { margin-bottom: 40px; } .promocode .promo-title { font-size: 24px; margin-bottom: 15px; } .promo-img { min-width: 63px; text-align: center; margin-right: 30px; } .promo-el { width: 33%; padding-right: 50px; margin-bottom: 40px; } .rate-el { width: 33%; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc } .rates { padding: 40px 0 50px 0; } .rate-el-header-title { font-size: 24px; text-transform: uppercase; } .rate-el-header { font-size: 20px; padding: 25px; line-height: 24px; font-weight: bold; min-height: 186px; } .rate-el-header .caveat { margin: 8px 0; font-size: 18px; } .rate-el.rate-grey .rate-el-header { background: url(/local/templates/new_template/assets/css/../img/grey-bg.png) } .rate-el.orange .rate-el-header { background: url(/local/templates/new_template/assets/css/../img/orange-bg.png) } .rate-el.purple .rate-el-header { color: #fff; background: url(/local/templates/new_template/assets/css/../img/prurple-bg.png) } .rate-el-main { padding: 20px 40px; } .rate-el p { border-bottom: 1px solid #e2e2e2; padding: 20px 0; margin: 0; } .rate-el-main .sl-button { background: #7048b8; border: 1px solid #7048b8; } .rate-el-main .sl-button:hover { background: #fff; color: #7048b8; } .oficial { padding-top: 60px; } .oficial-el { width: 33%; padding: 20px; text-align: center; } .oficial-el img { } .hidden-box { display: none; } .custom-element.custom-height.hidden-768-1 { display: none; } .page-footer a { color: #ffa800; } .project-el:nth-last-of-type(2) .caption, .project-el:nth-last-of-type(2) .text { color: #000; } .project-el:nth-of-type(1) .caption, .project-el:nth-of-type(1) .text { color: #000; } .blog-date.text-white { color: #7048b8; font-size: 18px; } .blog-text { color: #666666; } .problem-text-header { line-height: normal; } .results { background: url(/local/templates/new_template/assets/css/../img/result-b.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .advices .big-title { margin-bottom: 0; } .advices { padding-top: 40px; font-size: 18px; } .advices .result-title-big { margin-bottom: 40px; } .advice-but-box .sl-button { border: none; } .advice-text .open-sans { margin-bottom: 25px; } .advice-but-box a.bg-purple { margin-right: 30px; } .advice-text { /* padding-right: 170px;*/ position: relative; } .advice-abs { max-width: 512px; /* position: absolute; top: 50%; transform: translateY(-50%);*/ } .advice-line { margin-bottom: 50px; } .advice-line.right .advice-text { /* padding-left: 170px;*/ padding-right: 0; } .advice-line.right .advice-img { text-align: right; } .advice-line .sl-button.bg-orange:hover { background: #7048b8; } .blog-text p { margin: 0; } .success .big-title img, .why-box .big-title img { margin-bottom: -10px; } .level0 a { margin-right: 40px; color: #fff; font-size: 18px; } a .count { color: #ffa800; font-size: 18px; margin-left: 10px; } .level1 { display: flex; flex-wrap: wrap; } .level1 .level0 a { display: block; font-size: 16px; line-height: 20px; padding: 5px 20px; color: #000; border-radius: 20px; line-height: 30px; background: #e9e9e9; } .level1 .level0 a .count { font-weight: bold; color: #000; } a[href^="tel:"] { cursor: pointer !important; } .blog-text p { margin: 0; } .g-article { border: none !important; } .g-article__date { margin-bottom: 0; line-height: auto } .modal { display: none; /* transition: 0.5s; */ } .modal-shop { z-index:100; } .modal-bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; z-index: 100; background: rgba(0, 0, 0, .6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modal-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 590px; width: 100%; padding: 60px; z-index: 101; } .modal { display: none; } .modal-popup.page-footer { background: #fff; padding: 40px; } .modal-popup .page-footer__agree { color: #666666 } .page-footer__agree input { margin: 4px 10px; } .modal-popup.page-footer .page-footer__form input, .modal-popup.page-footer .page-footer__form textarea { border: 1px solid #e5e5e5; } .popup-title { font-size: 60px; text-align: center; line-height: normal; } .popup-text { margin: 20px 0 30px; font-size: 20px; text-align: center; } .close-button { position: absolute; right: -15px; top: -15px; width: 30px; height: 30px; cursor: pointer; } .modal .page-footer__submit::after { top: 29px; right: 25px; } .contacts-hero .slider-element { height: 468px; background-position: bottom; background-image: url(/local/templates/new_template/assets/css/../img/cont-b.png); background-repeat: no-repeat; background-size: cover; } .contacts-hero .hero-form { margin-top: 20px; } .contacts-hero .slider-element { padding: 30px 0; } .contacts-hero .problem-container.flex { margin-top: 50px; padding: 0 130px; } .contacts-hero .slick-slide img { max-width: auto; width: auto; display: inline; } .contacts-hero .sl-top-header { margin-bottom: 25px; } .abs-box .page-header { box-shadow: none; } .contacts-inner { padding-top: 50px; } .cont-el { width: 33%; font-size: 24px; padding-right: 50px; margin-bottom: 35px; } .cont-el-number { padding-top: 4px; margin-right: 30px; } .cont-el-city { margin-bottom: 10px; } .contact-footer { height: 200px; background-position: center; background-image: url(/local/templates/new_template/assets/css/../img/cont-footer.png); background-repeat: no-repeat; background-size: cover; } .cont-adress svg, .cont-email svg { margin-right: 15px; vertical-align: middle; } .cont-adress span, .cont-email span { line-height: 40px; font-size: 24px; } .cont-adress, .cont-email { margin-bottom: 30px; } .contact-us .w50 { width: 50%; } .contact-us { margin-bottom: 40px; } .contact-us .page-footer { background: none; padding-bottom: 0; padding-top: 0; } .contact-us .page-footer .page-footer__form input, .contact-us .page-footer .page-footer__form textarea { border: 1px solid #e5e5e5; } .contact-us .page-footer__agree { color: #666666; } .cont-info .w50 { padding-left: 30px; line-height: 30px; font-size: 20px; } .cont-info .purple-line { border-left: 2px solid #7048b8 } .cont-info .yellow-line { border-left: 2px solid #ffa800 } .cont-box { margon-bottom: 5px; } .cont-info { margin-bottom: 40px; } .edu-header { position: relative; padding: 30px 40px 0; } .blog-top-nav { padding: 0; font-family: 'Open Sans', sans-serif; position: absolute; bottom: 30px; font-weight: bold; text-align: center; } .count-header { color: #fff; font-size: 18px; } .level0.active { position: relative } .level0.active:after { position: absolute; content: ''; border: 25px solid transparent; border-bottom: 25px solid #fff; left: 50%; bottom: -30px; transform: translatex(-50%); } .count { margin-left: 5px; color: #ffa800; font-size: 18px; margin-left: 7px; } .problem-container.blog-bottom-nav.flex.wrap { padding: 30px 0; max-width: 980px; margin: 0 auto; } .level1 { display: block; font-size: 16px; line-height: 20px; padding: 5px 20px; color: #000; margin: 0 20px 10px 0; border-radius: 20px; line-height: 30px; background: #e9e9e9; } a[href^="tel:"] { cursor: pointer !important; } .blog-text p { margin: 0; } .g-article { border: none; } .blog-top-nav a { margin-right: 40px; } .g-article--simple-view { padding: 0 !important; } .help-title { font-size: 24px; font-weight: bold; } .news-detail .help-title { font-size: 35px; } .level1 .count { font-family: 'Open Sans', sans-serif; font-weight: bold; color: #000; font-size: 16px; } .level1.active, .level1:hover { background: #ffa800; color: #fff; } .level1.active .count, .level1:hover .count { color: #fff; } .news-detail .cat-header, .news-top-line svg { margin-left: 5px; } .news-detail .text-gray, .news-top-line { margin-right: 25px; } .blog-bot { height: 100%; margin: 0 auto; max-width: 980px; } .g-article .flex { margin-bottom: 10px; } .active-from { margin-right: 15px; } .cat-header a { color: #333 } .cover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: 100; } .confirm-form { display: none; } .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; } .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; } .supplier p { margin: 30px 0; color: #666666; } .supplier .fs24 { font-size: 24px; color: #010101; font-weight: bold; } .supp-ul li { color: #ffa800; list-style-type: square; } .supp-ul { list-style-position: inside; padding-left: 0; margin-bottom: 50px; } .supp-ul li span, .supp-ol li span { color: #666666; } .supp-ol { padding-left: 30px; counter-reset: item; list-style-type: none; margin-bottom: 50px; } .supp-ol li { position: relative; color: #000; display: block; /* list-style-type: decimal-leading-zero;; */ } .supp-ol li:before { position: absolute; content: counter(item, decimal-leading-zero) " "; counter-increment: item; left: -30px; font-weight: bold; } .bottom-agree-text { color: #7f5400; font-size; 14px; max-width: 1100px; margin: 35px auto 0; } .oficial-cert { background: #efefef; } .new-min-height .rate-el-header { min-height: auto; } .bx-ios .amo-main { background: url(/local/templates/new_template/assets/css/../img/amo-bg.png); } .amo-main { background: url(/local/templates/new_template/assets/css/../img/amo-bg.webp); background-repeat: no-repeat; background-position: center; background-size: cover; } .text-left.with-b.new { background-position: left center; background: url(/local/templates/new_template/assets/css/../img/suc-01-b.png); background-repeat: no-repeat; } .success-el.with-b.new { background: url(/local/templates/new_template/assets/css/../img/suc-04-b.png); background-position: right center; background-repeat: no-repeat; } .digital.new { /* height: 866px;*/ } .m-10 { margin: 10px 0; } .bx-ios .bitrix-main.app { background: url(/local/templates/new_template/assets/css/../img/app-bg.png); } .bitrix-main.app { background: url(/local/templates/new_template/assets/css/../img/app-bg.webp); background-repeat: no-repeat; background-position: center; text-align: left; background-size: cover; } .fs-54 { font-size: 54px; } .sl-top-header.fs-108 { font-size: 108px; line-height: 50px; margin-bottom: 30px; } .app .sl-title.poiretOne.fs-54 { font-size: 54px; margin: 0; line-height: 54px !important; } .app.bitrix-main .crm-hero-inner-box .sl-title { line-height: 72px; margin-bottom: 30px; } .app.bitrix-main .crm-hero-inner-box .sl-title.fs-54 { margin-bottom: 0; } .steps { /*margin-top: -50px;*/ /* margin-top: -10px;*/ padding-top: 40px; } .step { width: 25%; padding: 0 40px; text-align: center; /* padding-bottom: 50px;*/ } .step-img-box { border-radius: 50%; background: #fff; width: 100px; height: 100px; margin: 0 auto; position: relative; padding: 10px; padding-left: 20px; } .step-img-box:before { position: absolute; top: -10px; left: -10px; content: ''; display: block; width: 120px; height: 60px; border: 10px solid #a08c9a; border-radius: 50% 50% 0 0 / 100% 100% 0 0; border-bottom: none; z-index: 1 } .step-header { font-size: 20px; color: #000; margin: 20px 0; } .step-text { color: #666666; } .visits { padding: 50px 80px; } .app-develop .promo-el { width: 50%; padding: 30px 50px 20px 40px; margin-bottom: 0px; } .promo-title { font-size: 24px; margin-bottom: 15px; } .promo-el.with-b { background-position: left center; background: url(/local/templates/new_template/assets/css/../img/suc-04-b.png); background-repeat: no-repeat; } .promo-el.with-b2 { background-position: right center; background-image: url(/local/templates/new_template/assets/css/../img/suc-01-b.png); background-repeat: no-repeat; } .promo-app { padding: 80px 0 100px; } .app-price { padding: 80px 0px 100px 0; background-color: #f5f5f5; } .app-price-box { padding-right: 170px; } .app-price-price { font-size: 60px; line-height: 60px; margin: 10px 0 15px; } .app-price .caveat { font-size: 30px; } .app-price-text { padding-left: 25px; position: relative; font-size: 22px; color: #666666; margin-bottom: 40px; } .app-price-text:before { content: ""; position: absolute; left: 3px; width: 3px; height: 100%; background-color: #7048b8; } .app-develop .right-plus-header { font-size: 18px; margin-bottom: 10px; color: #000; } .app-develop .right-plus-img { min-width: 110px; text-align: left; } .app-develop .right-plus-text { color: #666666; font-size: 18px; } .port-el { width: 50%; padding-top: 30px; text-align: center; background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 30px; } .port-header { font-size: 30px; color: #fff; } .port-desc { margin: 10px 0 25px; font-size: 18px; } .port-one { background-image: url(/local/templates/new_template/assets/css/../img/portbg-01.webp) } .port-two { background-image: url(/local/templates/new_template/assets/css/../img/portbg-02.webp) } .port-three { background-image: url(/local/templates/new_template/assets/css/../img/portbg-03.webp) } .port-four { background-image: url(/local/templates/new_template/assets/css/../img/portbg-04.webp) } .bx-ios .port-one { background-image: url(/local/templates/new_template/assets/css/../img/portbg-01.png) } .bx-ios .port-two { background-image: url(/local/templates/new_template/assets/css/../img/portbg-02.png) } .bx-ios .port-three { background-image: url(/local/templates/new_template/assets/css/../img/portbg-03.png) } .bx-ios .port-four { background-image: url(/local/templates/new_template/assets/css/../img/portbg-04.png) } .por-img { margin-bottom: -6px; display: flex; justify-content: space-around; } .por-img img { display: inline !important; max-width: 100%; width: auto !important; max-height: 300px !important; min-height: 300px; margin-top: 100px; } .por-text { margin-top: 30px; color: #fff; } .por-text span:nth-of-type(1) { font-size: 30px; } .por-text span:nth-of-type(2) { font-size: 22px; } .por-img img.port-center { max-height: 400px !important; min-height: 400px; margin-top: 0px; } .port-caption { font-size: 30px; margin: 0 auto; text-align: center; min-width: 227px; } .app-develop hr { width: 100%; margin: 13px; } .app-develop .cont-el { width: 50%; font-size: 16px; padding-right: 50px; margin-bottom: 35px; color: #666666; } .app-develop .cont-el-city { font-size: 20px; font-weight: bold; color: #000; } .app-develop .cont-el-number { min-width: 100px; } .app-develop .cont-el-number img { width: 100px; } .for-clients { padding: 80px 0; } .for-clients a.form-button { background: #7048b8; margin: 0 auto; border-color: #7048b8; } .for-clients p { margin-bottom: 50px; } .app-develop .cont-box { margin-bottom: 15px; } .app-develop .for-clients .sl-button:hover { color: #7048b8; } .app-develop .for-clients .sl-button:hover svg path { fill: #7048b8; } .how-we { padding: 80px 0 162px 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/new_template/assets/css/../img/how-we.webp) } .bx-ios .how-we { background-image: url(/local/templates/new_template/assets/css/../img/how-we.png) } .how-we-box { margin-top: 50px; } .how-we-el { width: 25%; padding: 0 5px; } .how-we-header { font-size: 24px; margin: 30px 0 15px; } .how-we-text { padding: 0 30px; } .visit-el { width: 30%; padding: 0 15px; font-size: 20px; color: #666666; } .visit-el img { max-height: 149px; } .visit-box { justify-content: space-between; } .sm-image-box { display: flex; flex-direction: column; justify-content: center; max-height: 149px; } .visit { padding: 60px 90px; } .technology-box { background-image: url(/local/templates/new_template/assets/css/../img/tech-bg.png); } .technology-box { background-image: url(/local/templates/new_template/assets/css/../img/tech-bg.webp); background-position: left bottom; background-repeat: no-repeat; padding: 80px 0 40px; } .tech-header { font-size: 30px; } .tech-slider { padding: 0 0; } .technology-slider .slick-dots { display: flex; justify-content: center; } .technology-slider .slick-dots li { width: 10px; height: 10px; background: #7048b8; margin: 10px; list-style: none; } .technology-slider .slick-dots li.slick-active { background: #ffa800; } .technology-slider .slick-dots li button { opacity: 0; } .contact-footer .modal-confirm { right: auto; left: 50%; } .tech-img-box img { max-width: 100%; height: auto; width: auto !important; display: inline !important; max-height: unset !important; } .tech-img-box { text-align: center; } .test-mfp-slick { display: block; width: 100%; overflow: hidden; position: relative; height: 120px; margin: 15px 0 0 0; } .test-mfp-slick .test-slick-slide { height: 100px; background: #121212; } .test-mfp-slick .test-slick-slide img { width: 100%; max-width: 100%; height: auto; } .test-mfp-slick .slick-slide img { opacity: 0.5; } .test-mfp-slick .slick-slide:hover img { opacity: 1; } .test-mfp-slick .slick-current img { opacity: 1; } img.mfp-img { padding: 40px 0px 213px 0; } .mfp-bottom-bar { margin-top: -213px; padding: 20px 20px 0 20px; } .mfp-counter { top: 15px; right: 20px; } .test-mfp-slick, .mfp-bottom-bar { background: #121212; } .mfp-content figcaption { display: none; } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .new-blog-form input { width: 230px; } .new-blog-form { height: auto; padding: 30px; font-family: 'Open Sans Condensed', sans-serif; } .bx_soc_comments_div { display: none; } .why-we { margin: 20px auto; } .jobBlockMain.corporatePage { margin: 20px auto; } body .bx-pagination .bx-pagination-container ul li.bx-active span { background: #ffba00; color: #fff; line-height: 35px; } body .bx-pagination .bx-pagination-container ul li span { line-height: 35px; } @media screen and (max-width: 1024px) { body .phone-top { margin: 46px 0px 0 0; } } .content-bl { line-height: 22px; color: #333; } .buy-bitrix-box.abs-box { text-align: left !important; left: 0%; bottom: 0; top: auto; display: flex; transform: translate(0%, 0%); } .buy-bitrix-box .sl-button { color: #fff; background: #ffa800; border: 1px solid #ffa800; } .buy-bitrix-box .sl-button:hover { background: #7048b8; border: 1px solid #7048b8 } .buy-bitrix.slider-element { padding-bottom: 0; height: 697px; background: url(/local/templates/new_template/assets/css/../img/buy-bitrix-bg.webp); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: left; } .buy-bitrix .relative { height: 100%; margin-left: 130px; } .result-title-big h2 { font-size: 40px; } .buy-bitr-el-img { text-align: center; flex: 1; } .buy-bitr-el-img img { margin-top: -10px; } .buy-bitr-el-number { width: 140px; display: flex; flex-direction: column; justify-content: center; } .buy-bitr-el-text { font-size: 18px; width: 340px; display: flex; flex-direction: column; justify-content: center; margin-left: 50px; } .buy-bitr-main-box .buy-bitr-line:nth-of-type(odd) { background-color: #f7f7f7 } .buy-bitr-line:nth-of-type(even) .buy-bitr-el-img { text-align: right; } .buy-bitr-main-box .sl-button { background: #7048b8; border: 1px solid #7048b8; } .buy-bitr-main-box { padding: 100px 0 75px; border-bottom: 1px solid #e5e5e5; } .preferential-box { /*height: 362px;*/ height: auto; padding-top: 40px; padding-bottom: 50px; background: url(/local/templates/new_template/assets/css/../img/preferential-b.webp); background-size: cover; background-repeat: no-repeat; background-position: center; } .preferential-center-text { max-width: 550px; width: 100%; margin: 0 auto; color: #ffa800; font-size: 24px; font-weight: bold; } .preferential-box .sl-button:hover svg path { fill: #000; } .preferential-box .sl-button { color: #000; } .preferential-box .sl-button:hover { color: #000; } .preferential-box h2 { color: #fff; } .pref-left-box { min-width: 170px; max-width: 170px; height: 240px; overflow: hidden; } .pref-left-box img { max-width: none; } .pref-center-box .pref-header { background: url(/local/templates/new_template/assets/css/../img/pref-center.webp); font-size: 30px; color: #000; } .pref-right-box .pref-header { background: url(/local/templates/new_template/assets/css/../img/pref-right.webp); font-size: 30px; color: #fff; } .pref-center-right { text-align: center; /* height: 100%; */ } .wrapper-header__blocks { width: 100%; } @media screen and (max-width: 590px) { .pref-plans { display: block !important; } .pref-plans .pref-plans-element { width: 100% !important; border: 1px solid #e2e2e2; } .problem-container { padding: 0px !important; } } .pref-header { height: 100px; text-transform: uppercase; display: flex; line-height: 40px; justify-content: center; flex-direction: column; } .pref-plans .pref-plans-element { background: #fff; text-align: center; width: 50%; border-right: 1px solid #e2e2e2; } .pref-center-box .pref-plans-element:nth-of-type(1) { border-left: 1px solid #e2e2e2; } .pref-plans .pref-plans-element:nth-of-type(odd) { background: #f5f5f5; } .pref-plan-title { height: 60px; display: flex; justify-content: center; flex-direction: column; font-size: 18px; font-weight: bold; color: #000; font-family: 'Open-sans', sans-serif; } .pref-plan-desc { font-size: 14px; text-align: center; color: #666666; height: 80px; line-height: 20px; } .pref-line:nth-last-of-type(1) { border-bottom: 1px solid #e2e2e2; } .pref-line { border-left: 1px solid #e2e2e2; } .pref-line:nth-of-type(1) .pref-line-header { border-top: 1px solid #e2e2e2; } .pref-line:nth-of-type(1) .pref-line-header:before { display: none; } .pref-color-box { width: 50px; height: 20px; border: 1px solid #ffa800; margin: 0 auto; } .pref-color-box div { height: 100%; background: #ffa800; } .pref-color-box.purple { border: 1px solid #7048b8; } .pref-color-box.purple div { height: 100%; background: #7048b8; } .pref-color-box .w75 { width: 80%; } .w20 { width: 20%; } .purple-text { color: #7048b8; } .pref-line-header { position: relative; border-right: 1px solid #e2e2e2; min-width: 170px; max-width: 170px; height: 74px; text-align: center; font-size: 16px; } .pref-line-element { position: relative; text-align: center; font-size: 16px; flex: 1; height: 74px; border-right: 1px solid #e2e2e2; } .pref-line-element.CondensedBold, .extraBold { font-family: 'Open-sans', sans-serif; font-weight: 800; } .pref-line-header.CondensedBold { font-weight: 700; } .pref-line-element:before, .pref-line-header:before { content: ''; top: 0; position: absolute; width: 80%; left: 50%; transform: translatex(-50%); display: block; border-top: 1px solid #e2e2e2; } .pref-line-element:nth-of-type(even) { background-color: #f5f5f5; } } .pref-line .pref-line-element:nth-of-type(1) { border-left: 1px solid #e2e2e2; } .h134 { height: 134px } .pref-line-element .mini-button { margin: 0 auto; color: #000; width: 129px; margin-top: 10px !important; height: 40px; line-height: 40px; padding: 0 15px; } .pref-line-element .mini-button:hover svg path { fill: #ffa800; } .pref-line-element .mini-button.purple-button:hover svg path { fill: #7048b8; } .pref-line-element .mini-button.purple-button:hover { color: #7048b8; } .pref-line-element .purple-button.mini-button { color: #fff; background: #7048b8; border-color: #7048b8; } .preferential-table .big-title { margin-top: 70px; } .hidden-price-box { display: none; } .g-article .text-gray { margin-right: 15px !important; } .level1 { display: block; font-size: 16px; line-height: 20px; padding: 5px 10px; color: #000; margin: 0 20px 10px 0; border-radius: 20px; line-height: 20px; background: #e9e9e9; } .newamo-bg.buy-bitrix.slider-element { height: 650px; } .newamo .buy-bitrix-box .sl-button:hover span, .newamo .buy-bitrix-box .sl-button:hover svg path { color: #fff !important; fill: #fff; } .buy-bitr-main-box .sl-button { color: #000; background: #ffa800; border: 1px solid #ffa800; } .buy-bitr-main-box .sl-button svg path { fill: #000; } .buy-bitr-main-box .sl-button:hover, .buy-bitr-main-box .sl-button:hover svg path { fill: #fff; color: #fff; background: #7048b8; border: 1px solid #7048b8; } .newamo .preferential-center-text { max-width: 500px; width: 100%; } .newamo .preferential-box { background: url(/local/templates/new_template/assets/css/../img/preferential-c.png); repeat:no-repeat; background-size: cover; } .newamo .preferential-box .sl-button { color: #fff; background: #7048b8; border: 1px solid #7048b8; } .preferential-table .big-title { margin-top: 70px; } .buy-bitrix-box.abs-box { top: 50px !important; } .pref-line-element .purple-button.mini-button:hover { background-color: #fff; } .line-t { font-size: 17px; font-weight: 800; position: relative; } .line-t:before { content: ''; position: absolute; width: 117%; display: block; border-top: 2px solid #7048b8; top: 46%; left: -5%; } .new-word-table { padding: 75px 0; } .new-word-table .w50:nth-of-type(1) .header-table { background: #ffa800; color: #000; text-align: center; height: 60px; line-height: 60px; font-size: 24px; } .new-word-table .w50:nth-of-type(2) .header-table { background: #7048b8; color: #fff; height: 60px; text-align: center; line-height: 60px; font-size: 24px; } .new-word-table .table-list { border: 1px solid #e2e2e2; margin: 0; padding-left: 0; list-style: none; } .new-word-table .table-list li { height: 40px; line-height: 40px; padding-left: 33px; font-size: 18px; position: relative; } .new-word-table .table-list li:before { content: ''; position: absolute; display: block; left: 7px; top: 10px; width: 17px; height: 20px; background-image: url(/local/templates/new_template/assets/img/aYes.png); background-size: 17px 20px; } .new-word-table .table-list li:nth-of-type(odd) { background: #f2f2f2; } .new-word-table .table-list:nth-of-type(2) { border-left: none; } .preferential-table .big-title { margin-top: 70px; } .kupit-spb .buy-bitrix-box.abs-box { top: 50px !important; } .pref-line-element .purple-button.mini-button:hover { background-color: #fff; } .line-t { font-size: 17px; font-weight: 800; position: relative; } .line-t:before { content: ''; position: absolute; width: 117%; display: block; border-top: 2px solid #7048b8; top: 46%; left: -5%; } .kupit-spb .page-footer__cities li { display: none; } .kupit-spb .page-footer__cities li:nth-of-type(1) { display: list-item; } .newamo .preferential-table { border-bottom: 1px solid #e2e2e2; } .newamo .button-box-newamo .sl-button:hover { color: #000 !important; background: #ffa800 !important; border: 1px solid #ffa800 !important; } .newamo .button-box-newamo .sl-button:hover path { fill: #000; } .newamo .button-box-newamo .sl-button { margin: 40px auto 60px !important; color: #fff; background: #7048b8 !important; border: 1px solid #7048b8 !important; } .tarif-bot-el::before, .left-amo-tarif-element:before { content: ''; top: 0; position: absolute; width: 80%; left: 50%; transform: translatex(-50%); display: block; border-top: 1px solid #e2e2e2; } .left-amo-tarif-element { position: relative; } .newamo-tarif-bottom { border-bottom: 1px solid #e5e5e5; } .newamo-tarif-bottom-line { text-align: center; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .tarif-bot-el .bird { border-bottom: 5px solid #ffa800; border-right: 5px solid #ffa800; transform: rotate(45deg); width: 14px; height: 21px; margin: 0 auto; } .tarif-bot-el .bird2 { border-bottom: 5px solid #7048b8; border-right: 5px solid #7048b8; transform: rotate(45deg); width: 14px; height: 21px; margin: 0 auto; } .tarif-bot-el { position: relative; justify-content: center; width: 25%; border-left: 1px solid #e5e5e5; background: #f5f5f5; } .tarif-bot-el:nth-of-type(3) { background: #fff; } .bottom-el-temp { font-size: 16px; } .tarif-top-el-title, .tarif-top-el-price { font-size: 18px; } .tarif-top-el-price span { font-size: 14px; color: #666666; } .left-amo-tarif img { height: 126px; } .tarif-top-el .sl-button { margin-top: 0 !important; margin: 0 auto !important; padding: 0 10px !important; height: 40px !important; line-height: 40px !important; font-size: 18px; width: 134px; color: #000; } .tarif-top-el { padding: 20px 0 25px; display: flex; justify-content: space-around; flex-direction: column; height: 233px; width: 25%; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: none; background: #f5f5f5; text-align: center; } .tarif-top-el:last-child { border-right: 1px solid #e5e5e5; } .tarif-top-el:nth-of-type(3) { background: #fff; } .left-amo-tarif { width: 25%; text-align: center; } .newamo-tarif .left-amo-tarif-element { border-top: 1px solid #e5e5e5; height: 100%; } .left-amo-tarif-element { border-left: 1px solid #e5e5e5; font-size: 16px; padding: 25px 0; } .newamo-sales-box { padding: 60px 0; border-bottom: 1px solid #e5e5e5; border-right: none; } .newamo .preferential-box .sl-button:hover { color: #000; background: #ffa800; border: 1px solid #ffa800; } .newamo-sale { width: 25%; text-align: center; } .newamo-sale-month { color: #ffa800; font-size: 36px; font-weight: 900; line-height: 40px; } .newamo-sale-month.purple { color: #7048b8; } .newamo-sale .sale-bottom { font-size: 60px; line-height: 60px; color: #666666; justify-content: center; } .newamo-sale-bottom { line-height: 24px; font-size: 24px; margin: 10px 15px; } .newamo-sale-free { margin-top: 10px; font-size: 24px; } .newamo-sale .sale-bottom span { font-weight: 400; } .newamo-sale .sale-bottom span.CondensedBold { font-weight: 900; } .team-list { display: flex; flex-wrap: wrap; justify-content: center; } .team-member { flex: 0 0 33%; padding: 20px 10px 30px; text-align: center; } .member-photo { width: 220px; height: 220px; overflow: hidden; border-radius: 50%; margin: 0 auto; position: relative; } .member-photo:after { position: absolute; content: ''; display: block; width: 100%; height: 50%; right: -55px; transform: rotate(90deg); top: 55px; border-radius: 220px 220px 0 0; border-top: 10px solid #7048b8; border-left: 10px solid #7048b8; border-right: 10px solid #7048b8; } .member-photo.yel:before { position: absolute; content: ''; display: block; width: 100%; height: 50%; left: -55px; transform: rotate(-90deg); top: 55px; border-radius: 220px 220px 0 0; border-top: 10px solid #ffa800; border-left: 10px solid #ffa800; border-right: 10px solid #ffa800; } .member-name { font-size: 20px; font-weight: 700; color: #000; margin: 20px 0 15px; } .member-position { font-size: 16px; color: #666666; } .member-tel { font-size: 16px; color: #ffa800; } .member-tel span { font-weight: bold; } .company-team { padding: 80px 170px; } .company-team .bitrix-p { line-height: 20px; font-size: 20px; max-width: 480px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .company-team h2 { text-align: center; } .company-clients { padding: 80px 170px 80px; position: relative; text-align: center; } .company-clients:before { content: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE2cHgiIGhlaWdodD0iMjRweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAxNjgsIDApIg0KIGQ9Ik0xMS4wMDAsMjMuOTk5IEwzLjAwMCwyMy45OTkgTDguMDAwLDExLjk5OSBMMTYuMDAwLDExLjk5OSBMMTEuMDAwLDIzLjk5OSBaTS0wLjAwMCwxMS45OTkgTDUuMDAwLC0wLjAwMSBMMTMuMDAwLC0wLjAwMSBMOC4wMDAsMTEuOTk5IEwtMC4wMDAsMTEuOTk5IFoiLz4NCjwvc3ZnPg=='); position: absolute; top: 40px; left: 50%; transform: translatex(-50%); } .company-clients:after { content: ''; left: 50%; top: 52px; transform: translatex(-50%); display: block; border-top: 1px solid #cccccc; width: 360px; position: absolute; } .company-benefits .sl-button { background: #ffa800; margin: 40px auto 0; border: 1px solid #ffa800; } .company-benefits .sl-button:hover { background: #fff; color: #ffa800; } .company-benefits .sl-button:hover svg path { fill: #ffa800; } .benefit-el { padding: 0 10px; flex: 1; text-align: center; } .benefit-img { text-align: center; min-height: 125px; max-height: 125px; } .benefit-header { font-size: 24px; color: #ffa800; margin: 30px 0 15px; } .benefit-text { color: #fff; font-size: 16px; } .benefits-list { margin-top: 50px; display: flex; } .company-benefits { padding: 80px 170px; background-image: url('/local/templates/new_template/assets/css/../img/benefit-bg.png'); background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; } .big-logo.cb .sl-button { background: #7048b8; margin-top: 20px; border: 1px solid #7048b8; } .big-logo.cb .sl-button:hover { background: #fff; border: 1px solid #7048b8; color: #7048b8; } .big-logo.cb .sl-button:hover svg path { fill: #7048b8; } .big-logo.cb p { font-size: 20px; margin-top: 40px; color: #666666; } .big-logo.cb { max-width: 630px; width: 100%; text-align: center; position: relative; } .big-logo.cb:after { content: url(/local/templates/new_template/assets/css/../img/right-leaf.png); position: absolute; right: -72px; top: 40px; } .big-logo.cb:before { content: url(/local/templates/new_template/assets/css/../img/left-leaf.png); position: absolute; left: -72px; top: 40px; } .bitrix-main.company { height: 118px; padding: 25px 40px; } .our-projects.problem-container { padding-top: 55px; } .our-projects .bitrix-p { line-height: 20px; font-size: 20px; max-width: 90%; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .our-projects h2 { text-align: center; } .grid { display: grid; } .grid.projects-list { grid-template-columns: repeat(3, 1fr); } .project-el { padding: 0 35px; margin-bottom: 40px; } .project-info { font-size: 18px; margin-top: 15px; } .we-helping { padding-top: 100px; } .we-helping .big-title { position: absolute; top: 35px; left: 50%; transform: translateX(-50%); } .we-helping .img-with-bg { height: 426px; background-image: url('/local/templates/new_template/assets/css/../img/cert.png'); background-position: center center; background-repeat: no-repeat; } .we-right-info { padding-top: 50px; padding-right: 170px; padding-left: 20px; } .we-right-info p:nth-of-type(1) { margin-bottom: 30px; color: #000; } .we-right-info p { color: #666666; font-size: 20px; } .big-logo-box { padding: 80px 0 120px; display: flex; justify-content: center; } .copyright { margin: 0 auto; color: #fff; padding-top: 15px; } .arrow::after { content: ''; display: block; position: relative; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: -55%; right: -100%; margin-left: 5px; } .dec-line { position: relative; top: -24px; } .dec-line-center { width: 95px; } .footer-menu-list { padding-left: 0; } .footer-menu-list-item, .bx_catalog_line .bx_catalog_line_ul .footer-menu-list-item { list-style: none; margin-bottom: 0; } .head { color: #fff; font-weight: bold; font-size: 24px; } .footer_links { display: flex; padding-top: 25px; justify-content: space-between; width: 100%; } .learn .sl-button { padding: 10px 40px; height: unset; line-height: 1.6; } @media screen and (max-width: 675px) { .footer_links { display: block; margin: 0 auto; } } @media screen and (max-width: 768px) { .results { background: unset; } } @media(max-width:768px) { .content-block .content-bl .learn { padding: 0; } .learn .adv-table{ display: block; } .learn .new-word-table .table-list:nth-of-type(2){ border-left: 1px solid #e2e2e2;; } } .new-word-table.adv-table .table-list ul{ padding-left: 0; } .learn .new-word-table .table-list{ display: flex; flex-direction: column; justify-content: space-between; } .why-box { padding-top: 40px; } .problems { padding-top: 80px; } .success, .inception, .register, .diplom-box, .order, .visit, .for-clients, .promo-app, .technology-box, .what-for, .crm-included, .crm-video, .crm-benefit, .contacts-inner { padding-top: 40px; padding-bottom: 50px; } .digital, .how-we, .our-projects { padding-top: 40px; } .panel .panel-heading-link span, .panel .panel-body p b, .panel .panel-body h3, .panel .panel-body h2, .panel .panel-body strong { font-size: 24px; font-weight: 400; line-height: 130%; text-align: left; justify-content: flex-start; } .panel .panel-body p b, .panel .panel-body h3 { display: block; margin-bottom: 20px; } .panel .panel-body p + h3 { margin-top: 20px; } .panel .panel-body p, .panel .panel-body li { font-size: 16px; font-weight: 400; line-height: 130%; } /*.register { display: flex; align-items: center; }*/ .diplom-box .flex { align-items: center; } @media (max-width: 767px) { .diplom-box .flex { align-items: flex-start; } } .crm-heading .container { max-width: 1064px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; width: 100%; } /* End */ /* Start:/local/templates/new_template/assets/css/media.css?166740070945740*/ @media(min-width:1367px){ body{ background: #fff; } .container{ max-width: 1920px; margin: 0 auto; } } @media(max-width:1920px){ .absolute-left-box { position: absolute; max-width: 476px; width: 100%; top: 39%; } } @media(max-width:1600px){ .site-sale{ background-position: center center; } .site-sale .absolute-left-box { position: absolute; bottom: 15%; right: 9%; } .site-sale .absolute-right-box { position: absolute; top: 15%; left: 12%; max-width: 1000px; } .crm{ background-position: center center; } .crm .absolute-left-box { position: absolute; bottom: 15%; right: 9%; } .crm .absolute-right-box { position: absolute; bottom: 15%; right: 12%; top: auto; left: auto; max-width: 1000px; } } @media (max-width:1100px) { .slider-phones{ flex-wrap: wrap; } .slider-assist{ min-width: 182px; } } @media(max-width:1366px){ .app-price-box { padding-right: 25px; padding-left: 25px; } .how-we-text { padding: 0 0px; } .visit { padding: 60px 0px; } .think{ height:768px; } .think .w50.bg-image { height: 500px; background-position: right top; } .oficial-el { width: 50%; } .advice-line.right .advice-text{ padding-left: 40px; } .advice-line .advice-text{ padding-right: 40px; } .container{ max-width: 1366px; } .slider-box{ height: 697px; } .slider-content { bottom: 50%; transform: translate(50%, 50%); padding-left: 0; right: 50%; } .slider-element{ padding: 25px 40px; } .sl-main-text .slder-min-box:nth-last-of-type(2):after{ background: #362237; } .consultation{ height: 1500px; } .inner-container{ max-width: 100%; padding: 0 30px; } /* .w50:nth-of-type(1) .consult-element { justify-content: flex-end; } */ .consult-el-text{ width: 300px; } .blog{ height: 697px; } .blog-box { max-width: 100%; padding: 0 40px; } .site-sale .absolute-right-box { position: absolute; top: 5%; left: 5%; } .crm .absolute-right-box { position: absolute; bottom: 5%; top: auto; right: 5%; } .advertising .crm-hero-inner-box{ margin-left: 00px; } .problem-container{ padding: 0 90px; } .adv-table .head-caption{ font-size:18px; } .problem-img-box{ width: 50%; } .problem-text-box{ width: 50% } .problem-number{ width: 138px; margin-right: 30px; padding-top: 80px; } .problem-line.back-gray .problem-number{ margin-right: 0; margin-left: 30px; } .problem-line.back-gray .problem-text-box{ justify-content: flex-end; } .problem-text{ width: auto; padding-top: 60px; } .crm-hero .relative{ margin-left: 50px; } .crm-hero{ background-position: 65% center; } .bitrix-main{ height: 768px } .bitrix-main .crm-hero-inner-box{ margin-left: 50px; } .what-for-el { width: 50%; margin: 20px 0; } .what-for{ height: 900px; } .problem-container .sl-button.w-f{ margin: 20px 0; margin-top: 20px; } .think-left-box{ padding-left: 40px; padding-right: 40px; } .order .sl-button{ margin-bottom: 20px; } .order input{ margin: 10px; } .promocode { height: auto; } .contacts-hero .problem-container.flex { margin-top: 50px; padding: 0 50px; } .problem-container .sl-button.w-f.mini-button{ margin: 10px auto; } .we-right-info{ padding-right: 90px; } .company-benefits { padding: 60px 90px; background-position: 0px -65px; background-size: 100% 120%; } .company-team{ padding: 60px 90px; } .company-clients { padding: 60px 90px 60px; } } @media(max-width:991px){ .blog-title{ line-height:29px; } .promo-el.with-b2{ background-position: right bottom; } .app-price-box{ width: 100%; } .right-plus-box{ display: flex; flex-wrap: wrap; justify-content: center; } .right-plus-el{ width: 100%; } .app-price-img{ display: none; } .port-desc { font-size: 15px; } .app-develop .cont-el { padding-right: 20px; margin-bottom: 25px; } .oficial-cert{ flex-direction:column-reverse; } .oficial-cert .w50{ width:100%; } .how-we { padding: 40px; } .how-we-el { width: 25%; padding: 0 15px; } .tech-slider { padding: 0 40px; } .step { width: 25%; padding: 0 20px; } .main-block{ width:100%; padding:0 40px; } .cont-hero-head{ width:100%!important; } .cont-el { width: 50%; } .contacts-hero .problem-container.flex{ padding:0; } .contacts-hero .text-center{ display:none; } .blog-el:nth-last-of-type(1){ display:none; } .advice-line{ margin: 0; padding: 20px 0; border:2px solid #cdcdcd; flex-direction: column-reverse; } .advice-line.right { flex-direction: column; } .advice-abs{ position: relative; margin: 0 auto; transform: translate(0); } .advice-line .w50{ width:100%; } .advice-img{ display: none; text-align: center; } .advice-text, .advice-line.right .advice-text{ padding: 0 40px; } .consultation, .clients, .benefits, .blog{ padding: 40px 0; } .site-sale, .crm{ padding-top: 40px; } /* .slide-1 .slider-content { bottom: 35%; transform: translate(50%, 50%); padding-left: 0; right: 65%; } */ .slide-1 .sl-title { line-height: 32px; } .slide-1 .sl-main-text.CondensedLight.text-white{ margin-bottom: 20px; } .register, .order, .promocode{ padding: 40px; } .promo-el{ width: 50% } .oficial .flex{ flex-wrap: wrap; } .digital-text{ position: relative; } .digital-text.text-right{ padding-right: 60px; margin: 0; margin-right: 10px; } .digital-text.text-left{ padding-left: 60px; margin: 0; margin-left: 10px; } .digital-text.text-right:after{ content: ''; top: 0; width: 55px; height: 55px; position: absolute; right:-5px; background: url(/local/templates/new_template/assets/css/../img/rub.png); } .digital-text.text-left:after{ content: ''; top: 0; width: 55px; height: 55px; position: absolute; left:-5px; background: url(/local/templates/new_template/assets/css/../img/rub.png); } .digital-center{ display: none; } .think .w50.bg-image{ display: none; } .think-left-box{ position: relative; } .success, .think { padding: 40px 0; } .think .w50{ width: 100%; } .think-left-el{ justify-content: center; } .why-box .abs-box { top: auto; transform: translate(0%, 0); bottom: 0; padding: 40px 0; } .what-for .problem-container .problem-container{ padding: 0 } .bitrix-main.slider-element.anchor{ height: 850px; } .bitrix-main .crm-hero-inner-box{ position: absolute; top: 42%; transform: translatey(-50%); } .consult-elements-box{ flex-direction: column; text-align: left; } .consult-elements-box .w50{ width: 100%; } .consult-element { justify-content: center; } .consult-element-img{ margin-left: 0!important; } .consult-el-inner-box { min-width: 400px; } .inner-container .page-header{ display: flex; flex-direction: column; } .line-box { vertical-align: top; margin: 10px 0 40px; } .consultation{ height: auto; } .abs-box { text-align: center; position: relative; top: 0; left: 0; width: 100%; transform: none; } .anchor{ height: auto; } .benefit{ width: 50%; } .benefits-box { max-width: 700px; margin: 0 auto; flex-wrap: wrap; justify-content: flex-start; } .client-el { width: 33%; } .clients{ height: 1000px; } .clients .abs-box{ text-align: center; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } .projects{ height: 697px; padding: 0; } .site-sale{ height: 1000px; } .absolute-number-box{ width: 223px; } .site-sale .absolute-right-box { position: absolute; top: 0%; left: 0%; max-width: 100%; } .site-sale .absolute-left-box { position: absolute; bottom: 11%; right: 7%; } .projects{ height: 697px; padding: 0; } .site-sale{ height: 1000px; } .absolute-number-box{ width: 223px; } .site-sale .absolute-right-box { position: absolute; top: 0%; left: 0%; max-width: 100%; } .site-sale .absolute-left-box { position: absolute; bottom: 11%; right: 7%; } .crm{ height: 1000px; } .crm .absolute-right-box { position: absolute; bottom: 0%; left: 0%; max-width: 100%; } .crm .absolute-left-box { position: absolute; bottom: 11%; right: 7%; } .advertising .crm-hero-inner-box{ transform: translate(0, 0%); } .slider-box { height: 697px; } .big-title.pic-align.text-center br{ display: none; } .problem-container{ padding: 0 40px; } .percent-40{ padding: 20px; } .adv-table .head-caption .percent-40{ padding-left: 20px; } .adv-number-el { max-width: 326px; padding: 20px 20px 30px; } .crm-hero .relative { margin-left: 00px; } .crm-hero .crm-hero-inner-box{ margin-left: 0; text-align: left; margin-top: 80px; } /* .sl-main-text.CondensedLight.text-white{ max-width: 320px; margin-bottom: 80px; } */ .crm-hero.slider-element.anchor{ height: 700px; } .problem-img-box img{ max-width: 250px; } .problem-line{ margin-top: 0; padding: 20px 0 0; height: auto; } .problem-line.back-gray .problem-text-box { flex-direction: column-reverse; } .problem-line.back-gray .problem-img-box { text-align: right; } .problem-line.back-gray .problem-number { text-align: right; margin-left: 0; } .problem-number{ text-align: left; margin: 0; } .problem-text-box { width: auto; width: 50%; flex-direction: column; padding-top: 0; } .problem-text, .problem-number{ padding-top: 0; } .two .problem-img-box{ margin-top: 0!important; } .problem-number{ width: 100%; } .problem-number img{ width:138px; } .flex.results-box{ flex-wrap: wrap; justify-content: center; } .result-element{ width: 33%; margin-bottom: 15px; } .problem-container.blog-bottom-nav.flex.wrap{ padding: 30px 40px } .edu-header .blog-top-nav{ padding:0; } .blog-top-nav a { text-align: center; } .buy-bitrix .relative{ height:auto; margin-left: 0!important; } .preferential-box .sl-button.w-f{ margin-bottom: 30px; } .company-benefits { padding: 60px 40px; } .we-right-info { padding-right: 40px; } .company-team{ padding: 60px 40px; } .bitrix-main.slider-element.anchor.company { height: auto; } .benefit-el { padding: 0 10px; } .company-clients { padding: 60px 40px 60px; } } @media(max-width:991px) and (min-width:769px){ .clients { height: 1500px; } .blog .blog-box{ justify-content: center; } } @media(max-width:768px){ .buy-bitrix-box.abs-box { padding: 0!important; top: 0!important; } .buy-bitrix-box .sl-title{ margin-top: -20px!important; } .buy-bitrix-box.abs-box { padding: 0!important; top: 0!important; } .slider-phones{ flex-direction: row!important; } .slider-assist { min-width: 114px; } .buy-bitrix.slider-element { height: 550px!important; } .new-word-table .flex{ flex-wrap:wrap; } .new-word-table .w50{ width:100%; } .new-word-table .w50:nth-of-type(2){ margin-top:30px; } .client-el:nth-last-of-type(4), .client-el:nth-last-of-type(3), .client-el:nth-last-of-type(2), .client-el:nth-last-of-type(1){ display: flex; } .client-el, .filter-head{ display:none; } .right-plus-el{ width: 100% } .port { flex-wrap: wrap; } .port-el { width: 50%; overflow:hidden; } .port-desc { margin: 10px 0 20px; font-size: 20px; } .app-develop .cont-el{ flex-direction: column; } .app .sl-top-header, .sl-top-header.fs-108 { font-size: 50px; margin: 0; line-height: 50px!important; } .how-we-box{ flex-wrap: wrap; } .technology-box { padding: 0px 0 20px; } .tech-img-box{ width: 30%; } .how-we-el { width: 50%; padding: 15px; } .tech-slider .text-center{ width: 70%; padding-left: 20px; } .visit-el { width: 30%; padding: 0px; font-size: 15px; } .visit-el img, .sm-image-box { max-height: 95px; min-height: 95px; } .steps { flex-wrap: wrap; } .step { width: 50%; } .digital.new { height: 771px; } .oficial-cert{ flex-direction: column-reverse; } .oficial-cert .w50{ width: 100%; } .problem-container.blog-bottom-nav.flex.wrap { padding: 20px 20px; flex-direction:row; } .level0.active:after { position: absolute; content: ''; border: 10px solid transparent; border-left: 10px solid #fff; left: -1px; bottom: 7px; transform: translatex(0); } .blog-top-nav{ position:relative; bottom:0; flex-direction:column; } .edu-header { height: auto!important; } .problem-container.blog-top-nav .level0 { padding:5px 0; text-align:left; margin-right:0; padding-left: 40px; } .edu-header .blog-top-nav{ margin-top:35px; } .blog-top-nav a { padding: 5px 0; text-align: left; margin-right: 0; padding-left: 40px; } .main-block{ width:100%; padding:0 20px; } .contacts-hero .hero-form input { width: 200px; } .contacts-hero .hero-form .sl-button{ margin-top:20px;} .contacts-hero .sl-top-header{ font-size:100px;} .contacts-hero .hero-form input, .contacts-hero .hero-form button{ display:inline} .advice-line .advice-text{ padding-right: 20px; } .advice-text, .advice-line.right .advice-text{ padding: 0 20px; } .advices{ padding: 20px; } .advice-line{ margin-bottom: 20px; } .advice-but-box a.bg-purple { margin-right: 10px; } .slide-3 .slder-min-box:after{ display: none; } .slide-3 .sl-main-text{ flex-direction: column; margin-bottom: 20px; } .slide-3 .sl-min-box-text{ display: none; } .slide-3 .slder-min-box{ padding: 0; border-right: none; } .slide-1 .sl-image{ max-width: 400px; } .slide-4 .sl-title{ line-height: 50px; } .slide-2 .sl-main-text{ margin-bottom: 20px; } .slide-2 .slider-content br{ display: none; } .blog .slick-next { right: 38px; } .slide-1 .sl-main-text.CondensedLight.text-white{ max-width: 100%; } /* .slide-1 .slider-content { bottom: 120px; transform: translate(0); padding-left: 0; right: auto; } */ .slider-box .sl-main-text.CondensedLight.text-white{ background: none; } .inception .w50.text-right{ text-align: left; padding-right: 0; padding-left: 40px; } .text-right .inception-box:after { content: ''; width: 20px; height: 20px; position: absolute; left: -40px; top: 10px; background: #ffa800; } .inception .w50.text-left{ padding: 0; padding-left: 40px; } .inception-box { width: 100%; margin-bottom: 30px; } .inception{ padding: 40px; } .inception .flex{ flex-wrap: wrap; } .inception .flex .w50{ width: 100%; } .promocode .sl-button { margin-top: 10px; } .oficial-el { width: 100%; } .promocode .problem-container{ padding: 0; } .promo-el{ flex-direction: column; padding-right: 0; padding: 15px; text-align: center; } .promo-img{ margin-right: 0; } .order{ padding: 40px; } .order input, .order button{ margin: 10px auto; } .rates{ padding: 40px 0; } .rates .flex{ flex-wrap: wrap; } .rate-el{ width: 100%; border:1px solid #cccccc; margin-bottom:20px; } .inception, .register{ padding: 40px; } .register .flex.j-c{ flex-direction: column; } .digital { padding: 40px; } .think-abs { padding-left: 40px; width: 100%; } .success { padding: 40px 0; } .success-el.w50{ width: 100%; justify-content: center; } .success-text-box{ text-align: left; } .success-text-box{ width: 180px; } .success-title { margin-bottom: 10px; } .success-el.with-b{ background: none; } .success-el.w50.with-b{ width: 100%; } .success-el.flex.f-e.text-right{ justify-content: center; } .diplom-box .abs-box .problem-container .flex .w50{ width: 100%; } .diplom-box .abs-box .problem-container .flex{ flex-wrap: wrap; } .diplom-left-box{ max-width: 100% } .diplom-box{ background-position: right; } .why-box .abs-box .problem-container .flex .hide-this{ display: none; } .why-box .abs-box .problem-container .flex .w50{ width: 100%; } .what-for-el { flex-direction: column; text-align: center; } @media screen and (max-width: 476px) { .what-for-el { flex-direction: unset; } .what-for-img, .what-for-title-text { margin-left:20px; } .what-for{ background: unset; } } @media screen and (max-width: 768px) { .diplom-left-text { margin-bottom:20px; } } .what-for-img { max-width: 100%; min-height: 128px; margin: 0 0 10px 0; } .bitrix-main .crm-hero-inner-box{ margin-left: 0; width: 100%; } .bitrix-main .sl-image{ max-width: 300px; } .bitrix-main .crm-hero-inner-box .sl-title{ font-size: 36px; margin: 0; } .flex.bitrix-main-bottom{ flex-wrap: wrap; margin: 30px 0; width: 100%; } .bitrix-main-bottom .sl-main-text{ width: 100%; } .bitrix-main-bottom .w50.caveat.text-white{ width: 100%; margin-top: 30px; } .hero-form input, .hero-form button{ display: block; } .hero-form button{ margin-top: 20px; } .slider-box{ height: 598px; } .slider-element { padding: 25px 20px; } .slick-prev{ left:20px; } .slick-next{ right:20px; } .hidden-el{ display: none; } .slider-phones, .slider-assist{ flex-direction: column; text-align: right; } .consult-element { padding-left: 20px; } .consultation{ height: auto; } .abs-box { text-align: center; position: relative; top: 0; left: 0; width: 100%; transform: none; } .consult-el-inner-box { min-width: 380px; } .blog-box{ } .blog-el{ width:50%;} .clients{ height: auto; } .clients .abs-box{ text-align: center; position: relative; top: 00%; left: 00%; width: 100%; transform: translate(-0%, -0%); } .clients-el-box { margin-top: 20px; } .client-el { width: 50%; } .btn{ margin: 5px 10px; } .projects{ height: 1000px; padding: 0; } .crm{ height: 100%; background: none; padding-bottom: 0; } .crm .absolute-left-box, .crm .absolute-right-box { position: relative; width: 100%; max-width: 100%; transform: none; right: 0; padding: 0 20px; left: 0; } .crm .absolute-left-box .right{ border-left: 3px solid #7048b8; } .crm .crm-prices { flex-wrap: wrap; } .crm .crm-prices .w50{ width: 100%; text-align: left; margin-top: 20px; padding-right: 0; border-right: none; } .crm .absolute-right-box{ margin-top: 20px; padding: 0; background-image:url(/local/templates/new_template/assets/css/../img/crm-b.png); background-position: 100% 99%; display: flex; background-repeat: no-repeat; flex-wrap: wrap; } .crm .absolute-line:nth-of-type(1){ width: 33%; } .crm .absolute-line:nth-of-type(2){ width: 66%; justify-content: center; } .crm .absolute-line:nth-of-type(3){ width: 100%; justify-content: center; } .crm .absolute-number-box{ padding: 20px; } .site-sale{ display: flex; flex-direction: column; } .site-sale{ height: 100%; background: none; padding-bottom: 0; padding-bottom: 0; } .site-sale .absolute-left-box, .site-sale .absolute-right-box { position: relative; width: 100%; max-width: 100%; transform: none; right: 0; padding: 0 20px; left: 0; bottom: 0; } .site-sale .absolute-left-box{ text-align: left; } .site-sale .absolute-left-box .right{ border-left: 3px solid #7048b8; } .site-sale .crm-prices { flex-wrap: wrap; } .site-sale .crm-prices .w50{ width: 100%; text-align: left; margin-top: 20px; padding-right: 0; border-right: none; padding-left: 20px; } .site-sale .absolute-left-box .left{ border-left: 3px solid #ffa800; } .bx-ios .site-sale .absolute-right-box{ margin-top: 20px; padding: 20px 0; background-image:url(/local/templates/new_template/assets/css/../img/site-sale-b.png); } .site-sale .absolute-right-box{ margin-top: 20px; padding: 20px 0; background-image:url(/local/templates/new_template/assets/css/../img/site-sale-b.webp); background-position: 0% 35%; display: flex; background-repeat: no-repeat; flex-wrap: wrap; } .site-sale .absolute-line:nth-of-type(1){ width: 100%; justify-content: center; } .site-sale .absolute-line:nth-of-type(2){ width: 66%; justify-content: center; } .site-sale .absolute-line:nth-of-type(3){ width: 33%; justify-content: flex-start; } .site-sale .absolute-number-box{ padding: 20px; } .advertising .crm-hero-inner-box { padding: 30px 0; } .sl-title.personal-size{ font-size: 36px; } .advertising .sl-top-header{ font-size: 72px; line-height: 100px; } .problem-container{ padding: 0 40px; } .hidden-box{ display: block; } .adv-table{ display: none; } .hidden-box{ border:1px solid #cccccc; margin: 30px 0; } .adv-hid-el{ padding: 10px 15px; } .adv-hid-img{ min-width: 40px; margin-right: 15px; } .adv-hid-header{ font-size: 24px; line-height: 40px; background: #ffa800; } .adv-hid-cost{ padding: 20px 0; font-size: 20px; } .adv-number-text{ font-size: 20px; } .adv-hid-header.purple-bg{ background: #7048b8; } .you-get-box svg{ display: none; } .advertising-context { padding: 30px 0; } .problem-text-header{ font-size: 36px; } .problem-container{ flex-direction: column-reverse; } .problem-img-box { width: 100%; text-align: center; } .problem-text-box{ width: 100%; flex-direction: row; justify-content: center; margin-bottom: 20px; } .problem-text, .problem-number{ width: auto; } .problem-number{ margin-right: 20px; } .problem-line.back-gray .problem-container{ flex-direction: column; } .problem-line.back-gray .problem-text{ text-align: left; } .problem-line.back-gray .problem-text-box{ flex-direction: row-reverse; justify-content: center; } .problem-line.back-gray .problem-number{ text-align: center; margin-right: 20px; } .problem-line.back-gray .problem-img-box{ text-align: center; } .custom-height-box{ flex-wrap: wrap; } .custom-element.custom-height{ width: 50%; padding: 0 10px; } .custom-element.custom-height.hidden-768-1{ display: flex; } .custom-element.bot.hidden-768{ display: none; } .custom-height-box .custom-element{ justify-content: center; } .slide-3 .sl-main-text.CondensedLight.text-white{ max-width: 320px; margin-bottom: 20px; } .contact-map .flex, .cont-info .flex{ flex-direction:column; } .contact-us .page-footer__form{ flex-direction:column-reverse; } .contact-map .flex .w50, .contact-us .w50, .cont-info .w50{ width:100%; } .contact-us .w50{ padding:10px 0!important; } .cont-info .w50{ margin:10px 0; } .cont-el{ width:50%; padding-right:10px; } .contacts-inner .big-title{ margin-bottom:20px; } .contacts-inner .page-footer__form { margin-top: 0; } .cont-el-number{ margin-right: 10px; } .buy-bitr-line .buy-bitr-el-img{ text-align: center!important; order: 3; width: 100%; flex:initial; margin-top: 10px; } .buy-bitr-line .buy-bitr-el-number{ order: 1; } .buy-bitr-line .buy-bitr-el-text{ width: calc(100% - 120px); margin-left: 20px; order: 2; font-size:20px; } .buy-bitr-line{ flex-direction: row!important; flex-wrap: wrap; padding-top: 20px!important; padding-bottom: 20px!important; } .buy-bitrix-box .w50:nth-last-of-type(1) img{ display: none; } .buy-bitrix-box.abs-box{ padding: 0!important; } .buy-bitrix-box .w50 img{ max-width: 280px; } .buy-bitrix .w50{ width: auto!important; } .buy-bitrix-box .sl-title{ font-size: 40px!important; } .buy-bitrix.slider-element{ height: 450px; display: flex; flex-direction: column; justify-content: space-between; } .buy-bitrix .relative{ padding-bottom:30px; } .buy-bitr-el-number{ width:100px; } .pref-table-main, .pref-left-box{ display: none; } .hidden-price-box{ display: flex; } .preferential-table-header{ border-bottom: 1px solid #e2e2e2; } .pref-plans-element .mini-button{ height: 40px; line-height: 40px; color:#000; padding: 0 20px!important; } .pref-plans-element .purple-button.mini-button{ color:#fff; background: #7048b8; border-color: #7048b8; } .pref-plan-desc { font-size: 14px; text-align: center; color: #666666; padding: 0 5px; height: 100px; } .buy-bitrix.slider-element.newamo-bg{ justify-content: space-around; } .newamo-sales-inner{ flex-wrap: wrap; } .newamo-sale{ width: 50%; padding: 10px; } .left-amo-tarif, .newamo-tarif-bottom, .bottom-el-temp{ display: none; } .tarif-top-el{ width: 33%; } .company-benefits{ background-size: auto 150%; background-position: center -155px; } .benefits-list{ flex-wrap: wrap; } .benefit-el { padding: 0 10px; width: 100%; flex: auto; margin-bottom: 30px; } .big-logo.cb { max-width: 100%; width: 100%; } .big-logo.cb:before, .big-logo.cb:after{ display: none; } .big-logo-box{ padding: 60px 40px; } .we-helping .flex{ flex-direction: column; } .we-helping .w50{ width: 100%; } .grid.projects-list { grid-template-columns: repeat(2, 1fr); } .company .slider-phones{ flex-direction: column!important; } } @media(max-width:590px){ .cont-el{ text-align: center; flex-direction: column; } .cont-el-number{ margin: 0 0 10px 0; } .pref-center-right { flex-wrap: wrap; } .pref-center-right .w50{ width: 100%; } .pref-right-box{ width: 100%; } .pref-center-box{ width: 100%; margin-bottom: 20px; } .newamo-tarif{ flex-wrap: wrap; } .tarif-top-el{ border: 1px solid #e5e5e5!important; margin: 10px 0; width: 50%; } } @media(max-width:476px){ .new-word-table .table-list li { height: auto; } .promo-app { padding: 40px 0 40px; } .promo-el.with-b2, .promo-el.with-b{ background-image: none; } .app-develop .promo-el{ width: 100%; } .app-price-box { padding-right: 20px; padding-left: 20px; } .app-develop .right-plus-img { min-width: 84px; text-align: left; } .app-develop .right-plus-el{ padding-right: 0; } .port-el { width: 100%; } .port-desc { margin: 10px 0 20px; font-size: 20px; } .for-clients { padding: 20px 0; } .app-develop .cont-box { margin-bottom: 0px; } .app-develop .cont-el{ width: 100%; padding-right: 0; } .technology-box { background-image: none; padding: 0 20px; } .tech-slider .text-center { width: 100%; padding-left: 0px; } .tech-img-box{ display: none; } .tech-slider { padding: 0 0px; } .how-we { padding: 30px 20px; } .how-we-el img{ height: max-content; min-width: 68px; margin-top: 40px; } .how-we-box { margin-top: 0px; } .how-we-new{ padding-left: 10px; } .how-we-el { width: 100%; display: flex; padding: 15px 0; } .how-we-el { width: 100%; padding: 15px; } .visit-box { flex-direction: column; } .sm-image-box{ display: none; } .visit-el { display: flex; width: 100%; padding: 0 0px; margin: 10px 0; font-size: 15px; } .visit { padding: 40px 0px; } .app.bitrix-main .crm-hero-inner-box .sl-title { line-height: initial; } .app .sl-title.poiretOne.fs-54, .sl-top-header, .sl-top-header.fs-108 { font-size: 50px; margin: 0; line-height: 50px!important; } .steps { margin-top: -20px; } .step { width: 100%; padding: 0 0 20px 0; } .step-header { font-size: 20px; color: #000; margin: 10px 0; } .bitrix-main.slider-element.anchor.amo-main { height: 868px; } .digital.new { height: 974px; } .g-article .flex, .news-detail .flex { flex-wrap: wrap; } .contacts-hero .slider-element{ padding:20px;} .contacts-hero .sl-top-header{ font-size:60px;} .cont-el{ font-size: 19px; } .advice-but-box {text-align: center;} .advice-but-box a{ margin: 10px 0; padding: 0 20px; } .consultation, .clients, .benefits, .blog{ padding: 20px 0; } .slide-3 .sl-main-text.CondensedLight.text-white{ max-width: 320px; margin-bottom: 20px; } .slide-4 .sl-main-text.CondensedLight.text-white{ max-width: 320px; margin-bottom: 20px; } .inception .caveat{ text-align: left; } .inception{ padding: 20px; } .promo-el { width: 100%; } .promocode input{ width: 250px; } .oficial{ padding: 0; } .register .bold, .order .bold { text-align: left; } .order{ padding: 20px; } .order .abs-box{ padding: 0; } .order .hero-form input { display: block; width: 250px; } .register .abs-box{ padding: 0; } .oficial p, .promocode{ text-align: left; } .promocode .text-center{ line-height:normal; } h2{ /* font-size:40px!important; */ } .promocode .sl-button{ margin-top: 10px; } .promocode .problem-container{ padding: 0; } .register, .promocode { padding: 20px; } .register .open-sans { font-size: 20px; } .digital { padding: 20px; } .register .bold{ font-size: 20px; } .think-abs .caveat.text-center{ text-align: left; } .big-title { font-size: 36px; text-align: center; } .digital-el { flex-direction: column; margin-bottom: 20px; } .digital-text.text-right{ padding: 0 0 0 60px; margin: 0 0 20px; text-align: left; } .digital-text.text-left{ margin-left: 0; } .digital-text.text-right:after{ content: ''; top: 0; width: 55px; height: 55px; position: absolute; left:-5px; background: url(/local/templates/new_template/assets/css/../img/rub.png); } .think-abs { padding-left: 20px; width: 100%; } .think-abs .caveat.text-center br{ display: none; } .think-left-box{ padding: 0 20px; } .success { padding: 20px 0; } .diplom-box .abs-box{ padding: 0; } .bitrix-p.text-grey{ text-align: left; } .success-box { margin: 20px 0; } .success-img { width: 90px; } .success-el.flex.f-e.text-right{ justify-content: flex-start; } .success .sl-button.w-f{ margin-top: 0px; } .success-el.w50{ justify-content: flex-start; } .success-el.flex.f-e.text-right{ flex-direction: row; } .right-plus-img { min-width: 100px; padding-right: 15px; } .what-for-el { width: 100%; margin: 20px 0; } .what-for .problem-container .abs-box.text-center{ padding: 0; } .hero-form input{ display: block; width: 200px; } .bitrix-main .crm-hero-inner-box{ padding: 0; } .slider-content{ width: calc(100% - 40px) } .sl-title{ font-size: 36px; } .sl-top-header { font-size: 72px; line-height: inherit; } .slide-2 .sl-main-text{ padding-left: 20px; margin-bottom: 20px; } .slide-2 .sl-main-text br{ display: none; } .slide-2 .sl-main-text.CondensedLight.text-white{ margin-bottom: 20px; max-width: 100%; padding-left:0; } .page-header{ font-size: 21px; } .inner-container { max-width: 100%; padding: 0 20px; } .big-title{ font-size: 40px; } .consult-element{ flex-direction: column; padding-left: 0; } .consult-el-inner-box { min-width: 200px; padding: 0 20px 0 0; } .consult-element-img { text-align: center; } .consult-el-text { width: 280px; margin: 0 auto; } .blog-box{ flex-direction: column; padding: 0; } .blog-el { width: 100%; } .blog-el .blog-text{ display:block; } .blog-text{ display:none; } .new-head-blog { height: 155px; overflow: hidden; } .blog-el:nth-last-of-type(1){ display:block; } .benefit { width: 100%; } .filter-head{ display: none; flex-wrap: wrap; justify-content: center; } .btn{ margin: 5px 10px; } .client-el { width: 100%; } .projects{ grid-template-columns: repeat(1, 1fr) } .project-el .logo { margin-bottom: 20px; } .project-el{ width: 100%; } .project-center-box { top: 50%; } .crm .absolute-line:nth-of-type(1){ width: 100%; justify-content: center; flex-wrap: wrap; } .crm .absolute-line:nth-of-type(2){ width: 100%; justify-content: center; flex-wrap: wrap; } .crm .absolute-line:nth-of-type(3){ width: 100%; justify-content: center; flex-wrap: wrap; } .crm .absolute-line{ flex-direction: column; } .crm .absolute-number-box{ margin: 0 auto; padding: 10px; } .crm .abs-number-text{ margin-top: 10px; } .crm .absolute-left-box .sl-button{ margin-top: 20px; } .bx-ios .crm .absolute-right-box { background-image: url(/local/templates/new_template/assets/css/../img/crm-b.png); } .crm .absolute-right-box { margin-top: -100px; padding-top: 165px; /* padding: 0; */ padding-bottom: 10px; z-index: 3; background-image: url(/local/templates/new_template/assets/css/../img/crm-b.webp); background-position: 100% -95%; display: flex; background-repeat: no-repeat; flex-wrap: wrap; } .crm .absolute-left-box{ z-index: 4; } .site-sale .absolute-line:nth-of-type(1){ width: 100%; justify-content: center; flex-wrap: wrap; } .site-sale .absolute-line:nth-of-type(2){ width: 100%; justify-content: center; flex-wrap: wrap; } .site-sale .absolute-line:nth-of-type(3){ width: 100%; justify-content: center; flex-wrap: wrap; } .site-sale .absolute-line{ flex-direction: column; } .site-sale .absolute-number-box{ margin: 0 auto; padding: 10px; } .site-sale .abs-number-text{ margin-top: 10px; } .site-sale .absolute-left-box .sl-button{ margin-top: 20px; } .site-sale .absolute-right-box { background-image: url(/local/templates/new_template/assets/css/../img/site-sale-b.png); } .site-sale .absolute-right-box { /* padding: 0; */ z-index: 3; background-image: url(/local/templates/new_template/assets/css/../img/site-sale-b.webp); background-position: 0% 0%; display: flex; background-repeat: no-repeat; flex-wrap: wrap; } .site-sale .absolute-left-box{ z-index: 4; } .consult-el-inner-box{ text-align: center; padding-right: 0; } .consult-el-inner-box svg{ vertical-align: middle; } .clients, .abs-box{ padding-left: 20px; padding-right: 20px; } .blog .slick-prev, .blog .slick-next{ bottom: -50px; } .blog .slick-prev { right: 40px; left: auto; } .blog .slick-next { right: 20px; left: auto; } .blog .blog-el{ padding: 20px; } .blog .caveat{ text-align: left; } .problem-container{ padding: 0 20px; } .adv-numbers-box{ flex-wrap:wrap } .big-title.pic-align.text-center img{ margin-bottom: 0!important; max-width: 250px; } .crm-hero .crm-hero-inner-box{ padding: 0; } .crm-hero .sl-top-header { line-height: 72px; } .advertising .crm-hero-inner-box .sl-title{ margin-bottom:-10px; } .advertising .sl-top-header{ line-height:60px!important; } .crm-hero-inner-box .sl-title{ font-size: 24px; } /* .sl-main-text.CondensedLight.text-white { max-width: 160px; margin-bottom: 80px; } */ .crm-hero.slider-element.anchor { /* height: 600px; */ overflow:hidden; } .crm-hero .sl-main-text.CondensedLight.text-white { margin-bottom: 80px; } .backgr.crm-hero .crm-hero-inner-box{ background: rgba(58, 46, 72, 0.5); padding:5px; max-width:180px; } .problem-line .problem-container{ } .problem-text-header { font-size: 25px; } .problem-text-main{ font-size: 16px; } .problem-text-box{ justify-content: flex-start; } .problem-line.back-gray .problem-text-box{ justify-content: flex-end; } .result-element{ width: 100%; display: flex; margin-bottom: 15px; } .result-element img{ margin-right: 20px; } .result-element-text{ text-align: left; margin: 0; max-width:auto; display: flex; justify-content: center; flex-direction: column; } .result-text { text-align: left; } .custom-element.custom-height{ width: 100%; padding: 0 10px; /* margin: 30px 0; */ height: auto; } .custom-element.custom-height.hidden-768-1{ max-width: 100%!important } .problem-container .sl-button{ margin-top: 40px; } .result-title-big, .big-title{ line-height: 35px; } .crm-hero { background-position: 70% center; } .popup-title{ font-size:30px} .popup-text{ margin:10px 0; } .contacts-hero .slider-element{ height:407px; } .sl-main-text li { font-size: 15px; line-height: 24px; } .modal-popup.page-footer .page-footer__form textarea{ height: 67px; } .modal-popup .page-footer__form input { margin-bottom: 10px; } .modal-popup .page-footer__form { margin-top: 10px; } .modal-popup.page-footer { padding: 20px; } .modal-popup.page-footer .close-button { position: absolute; right: 12px; top: 21px; } .modal-popup.page-footer .page-footer__bottom{ margin-top:10px; } .por-img img:first-child{ display:none!important; } .newamo-tarif{ flex-wrap: wrap; } .tarif-top-el{ margin: 10px 0; width: 100%; } .bitrix-main.company { padding: 25px 20px; } .grid.projects-list { grid-template-columns: repeat(1, 1fr); } .we-helping .big-title{ width: 100%; } .we-right-info { padding-right: 20px; } .big-logo-box { padding: 40px 20px; } .company-team { padding: 40px 20px; } .company-clients:after{ width: 100%; } .we-helping .img-with-bg{ background-position: left center; } .company-benefits { padding: 40px 20px; } .benefit-header{ margin: 15px 0; } .company-benefits { background-size: auto 120%; background-position: center -210px; } } /* End */ /* Start:/local/templates/new_template/assets/css/styles.scss.css?1679580786138069*/ @charset "utf-8"; @font-face { font-family: oswaldbold; src: url(/local/templates/new_template/assets/css/oswald-bold-webfont.eot); src: url(/local/templates/new_template/assets/css/oswald-bold-webfont.eot?#iefix) format('embedded-opentype'), url(/local/templates/new_template/assets/css/oswald-bold-webfont.woff2) format('woff2'), url(/local/templates/new_template/assets/css/oswald-bold-webfont.woff) format('woff'), url(/local/templates/new_template/assets/css/oswald-bold-webfont.ttf) format('truetype'), url(/local/templates/new_template/assets/css/oswald-bold-webfont.svg#oswaldbold) format('svg'); font-weight: 400; font-style: normal; font-display: swap; } html { overflow-y: scroll; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background: 0 0 } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0 } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-size: 1em; font-family: monospace, monospace } button, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver } legend { padding: 0; border: 0 } textarea { overflow: auto } optgroup { font-weight: 700 } table { border-spacing: 0; border-collapse: collapse } td, th { padding: 0 } @media print { * { background: 0 0 !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } blockquote, pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } img { max-width: 100% !important } @page { margin: .5cm } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } } .hide { display: none } .show { display: block } .invisible { visibility: hidden } .visible { visibility: visible } .reset-indents { padding: 0; margin: 0 } .reset-font { line-height: 0; font-size: 0 } .clear-list { list-style: none; padding: 0; margin: 0 } .clearfix:after, .clearfix:before { display: table; content: ""; line-height: 0; font-size: 0 } .clearfix:after { clear: both } .clear { visibility: hidden; clear: both; height: 0; font-size: 1px; line-height: 0 } .clear-self::after { display: block; visibility: hidden; clear: both; height: 0; content: '' } .YMaps, .thumb, .ymaps-map { color: #000 } .table { display: table } .table .tr { display: table-row } .table .tr .td { display: table-cell } .table0, .table1, .table2 { border-collapse: collapse } .table0 td, .table1 td, .table2 td { padding: .5em } .table1, .table2 { border: 1px solid #f2f2f2 } .table1 td, .table1 th, .table2 td, .table2 th { border: 1px solid #f2f2f2 } .table2 th { padding: .5em; color: #fff; background: #5ac476 } label { cursor: pointer } body, html { height: 100% } @media all and (max-width: 767px) { h1 { font-size: 30px } } h2 { line-height: normal; font-size: 30pt; margin: 0; font-weight: 400 } h3 { font-size: 23px } h4 { font-size: 15px } h5 { font-size: 15px } h6 { font-size: 15px } h5, h6 { font-size: 15px } a { text-decoration: none; color: #ffba00 } a:hover { text-decoration: none } a img { border-color: #000 } .table-wrapper, img, input, table, textarea { max-width: 100% } .table-wrapper { overflow: auto } .site-path { font-size: 13px; margin-bottom: 10px; white-space: pre-wrap; line-height: 1; color: #333 } .site-path a { color: #ffba00 } .footer a img, .header a img, .sidebar a img { border: none } .footer p, .header p { margin: 0 } .sidebar p:first-child { margin-top: 0 } .sidebar p:last-child { border-bottom: 0 } .site-wrapper { min-height: 100%; margin: 0 auto -318px; overflow: hidden } .site-wrapper:after { display: block; visibility: hidden; height: 318px; content: "" } .oveflowHidden { overflow: hidden } .oveflowHidden:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .7); z-index: 11150 } .menu-top-wrapper2 { position: absolute; top: 0; right: 0; bottom: 0; width: 320px; background: #fff; z-index: 10000000; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; opacity: 0; visibility: hidden; overflow: hidden } .menu-top-wrapper2.opened { opacity: 1; visibility: visible } .menu-top-wrapper2.opened .menu-scroll { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .menu-top-wrapper2 .menuClose { position: absolute; top: 13px; right: 33px; width: 42px; height: 42px; cursor: pointer; padding: 10px; box-sizing: border-box; z-index: 20 } @media all and (max-width: 920px) { .menu-top-wrapper2 .menuClose { top: 34px } } @media all and (max-width: 639px) { .menu-top-wrapper2 .menuClose { top: 24px; right: 12px } } .menu-top-wrapper2 .menuClose span { display: block; width: 22px; height: 22px; position: relative; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .menu-top-wrapper2 .menuClose span:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 2px; background: #000; margin: auto } .menu-top-wrapper2 .menuClose span:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 2px; background: #000; margin: auto } .menu-top-wrapper2 .menu-scroll { overflow: auto; position: absolute; top: 96px; right: 0; bottom: 0; left: 0; margin-bottom: 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .menu-top-wrapper2 .phone-top2 { padding: 0 0 0 56px; margin: 30px 50px 20px 12px; box-sizing: border-box; position: relative; background: #fff; z-index: 10 } .menu-top-wrapper2 .phone-top2 .titlePhone { font-family: 'PT Sans'; font-size: 11px; color: #8b8b8b; padding: 0 0 4px 2px } .menu-top-wrapper2 .phone-top2 .phone { font-size: 20px; color: #000; font-weight: 700; letter-spacing: -.2px } .menu-top-wrapper2 .phone-top2 .phone p { margin: 0 } .menu-top-wrapper2 .phone-top2:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 48px; height: 48px; background: url(/local/templates/new_template/assets/css/phone.svg) 50% 50% no-repeat; margin: auto; border: 1px solid #eee; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-sizing: border-box } @media all and (min-width: 921px) { .menu-top-wrapper2 .phone-top2 { display: none } } .menu-top-wrapper2 .menu-top { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #f2f2f2 } .menu-top-wrapper2 .menu-top > li { border-top: 1px solid #f2f2f2 } .menu-top-wrapper2 .menu-top > li > a { display: block; padding: 22px 30px 20px; font-family: 'PT Sans'; font-weight: 700; font-size: 15px; color: #000; text-decoration: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: -1px 0 0 } .menu-top-wrapper2 .menu-top > li.opened > a, .menu-top-wrapper2 .menu-top > li > a:hover { background: #ffba00; color: #fff } .menu-top-wrapper2 .menu-top > li ul { display: none } .header { font-size: 0; position: relative } @media all and (min-width: 1025px) { .header { z-index: 31 } } @media all and (max-width: 767px) { .header { /* min-height: 174px*/ } } .headPanel { background: #fff; padding: 0 30px } .headPanel .panelInner { max-width: 1340px; margin: 0 auto; font-size: 0; position: relative } @media all and (max-width: 1024px) { .headPanel { position: absolute; padding: 0; background: 0 0; width: 101px; right: 30px; top: 10px } } @media all and (max-width: 920px) { .headPanel { top: 31px } } @media all and (max-width: 639px) { .headPanel { right: 10px; top: 20px } } .searBlock { position: absolute; top: 0; bottom: 0; right: -10px; width: 46px; height: 40px; margin: auto } @media all and (max-width: 1024px) { .searBlock { position: static; display: inline-block; vertical-align: middle; margin-right: 7px } } .searBlock .searBtn { cursor: pointer; width: 46px; height: 40px; background: url(/local/templates/new_template/assets/css/search.svg) 50% 50% no-repeat; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; position: relative; z-index: 51 } .searBlock .searBtn.opened { background: url(/local/templates/new_template/assets/css/exit_ic.svg) 50% 50% no-repeat } .sear-wr { padding: 0 30px } @media all and (max-width: 639px) { .sear-wr { padding: 0 10px } } .sear-wr .sear-wr-in { max-width: 1340px; margin: 0 auto; font-size: 0; position: relative; z-index: 11111 } .sear-popup { position: absolute; top: 10px; right: 42px; left: 100%; background: #fff; height: 50px; z-index: 50; opacity: 0; visibility: hidden; border-bottom: 2px solid #ffba00; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @media all and (min-width: 640px) and (max-width: 1024px) { .sear-popup { right: 48px } } @media all and (min-width: 640px) and (max-width: 920px) { .sear-popup { top: 29px } } @media all and (max-width: 639px) { .sear-popup { right: 48px; top: 18px } } .sear-popup.opened { left: -1px; opacity: 1; visibility: visible } .sear-popup.opened .search-site-form { display: block } .search-site-form { width: 100%; position: relative; display: none } .search-site-form .search-text { float: left; width: 100%; height: 48px; padding: 0 60px 0 0; font-size: 18px; line-height: 48px; color: #000; background: 0 0; border: none; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @media all and (max-width: 1024px) { .search-site-form .search-text { padding-right: 99px } } .search-site-form .search-button { width: 48px; height: 50px; position: absolute; top: 0; bottom: 0; right: 0; background: url(/local/templates/new_template/assets/css/search.svg) 50% 50% no-repeat; border: none; outline: 0 } @media all and (max-width: 1024px) { .search-site-form .search-button { right: 48px } } .menuBtn { display: inline-block; vertical-align: middle; width: 48px; height: 48px; background: #ffba00; cursor: pointer; padding: 16px 14px; box-sizing: border-box; position: relative; z-index: 10 } .menuBtn span { display: block; height: 16px; border: solid #fff; border-width: 2px 0; box-sizing: border-box; position: relative } .menuBtn span:before { content: ''; position: absolute; top: 5px; left: 6px; right: 0; height: 2px; background: #fff } @media all and (min-width: 1025px) { .menuBtn { display: none } } .menu-top-wrapper { padding: 0 56px 0 0 } @media all and (max-width: 1024px) { .menu-top-wrapper { display: none } } .menu-top-wrapper .menu-top { margin: 0 0 0 -17px; padding: 0; list-style: none } .menu-top-wrapper .menu-top li { display: inline-block; vertical-align: top } .menu-top-wrapper .menu-top li a { display: block; padding: 29px 17px 26px; font-family: 'PT Sans'; font-weight: 700; font-size: 15px; color: #000; text-decoration: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative } .menu-top-wrapper .menu-top li a:after { content: ''; position: absolute; bottom: 22px; left: 17px; right: 17px; height: 1px; background: #ffba00; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .menu-top-wrapper .menu-top li.opened > a, .menu-top-wrapper .menu-top li > a:hover { color: #ffba00 } .menu-top-wrapper .menu-top li.opened > a:after, .menu-top-wrapper .menu-top li > a:hover:after { background: #ffba00; opacity: 1 } .headBottom { min-height: 147px; background: url(/local/templates/new_template/assets/css/head-bg.jpg) 50% 0 no-repeat; background-size: cover; padding: 0 30px } @media all and (max-width: 767px) { .headBottom { background: #fff; min-height: auto } } @media all and (max-width: 639px) { .headBottom { padding: 0 10px } } .headBottom .headerInner { max-width: 1340px; margin: 0 auto; padding: 10px 0; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start } @media all and (max-width: 920px) { .headBottom .headerInner { display: block } } .headBottom .headerInner .company { -webkit-box-flex: 0; -webkit-flex: 0 0 297px; -moz-box-flex: 0; -moz-flex: 0 0 297px; -ms-flex: 0 0 297px; flex: 0 0 297px; margin: 30px 0 0; padding: 0 10px 0 0; box-sizing: border-box } .headBottom .headerInner .company a { display: inline-block; vertical-align: top; text-decoration: none; font-weight: 300; font-size: 36px; color: #000 } .headBottom .headerInner .company a span { font-weight: 900; color: #ffba00; text-decoration: none } .headBottom .headerInner .company a strong { font-weight: 900; text-decoration: none } .headBottom .headerInner .company a ins { font-size: 14px; display: block; text-decoration: none; padding: 7px 0 0 0; margin: 0 0 0 -2px } @media all and (min-width: 640px) and (max-width: 920px) { .headBottom .headerInner .company { margin: 18px 0 0 -2px } .headBottom .headerInner .company a { font-size: 33px } .headBottom .headerInner .company a ins { margin: 0; padding: 4px 0 0 0 } } @media all and (max-width: 639px) { .headBottom .headerInner .company { margin: 10px 0 0 } .headBottom .headerInner .company a { font-size: 33px } .headBottom .headerInner .company a ins { margin: 0; padding: 4px 0 0 0 } } @media all and (max-width: 425px) { .headBottom .headerInner .company a { font-size: 25px } .headBottom .headerInner .company a ins { margin: 0; padding: 4px 0 0 0 } } .headBottom .headerInner .slogan-top { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; border-left: 1px solid #eaeaea; font-size: 14px; color: #999; font-family: 'PT Sans'; padding: 10px 10px 17px 30px; margin: 33px 0 0; box-sizing: border-box; line-height: 1.2 } .headBottom .headerInner .slogan-top > div { max-width: 456px } @media all and (max-width: 920px) { .headBottom .headerInner .slogan-top { margin: 0; padding: 25px 0 0; border: none } .headBottom .headerInner .slogan-top > div { max-width: 578px } } @media all and (max-width: 639px) { .headBottom .headerInner .slogan-top { padding: 16px 0 0 } } .phone-top { -webkit-box-flex: 0; -webkit-flex: 0 0 242px; -moz-box-flex: 0; -moz-flex: 0 0 242px; -ms-flex: 0 0 242px; flex: 0 0 242px; padding: 0 0 0 67px; margin: 6px 0 0 0; box-sizing: border-box; position: relative } .phone-top .titlePhone { font-family: 'PT Sans'; font-size: 11px; color: #8b8b8b; padding: 0 0 4px 2px } .phone-top .phone { font-size: 20px; color: #000; font-weight: 700; letter-spacing: -.2px } .phone-top:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 48px; height: 48px; background: url(/local/templates/new_template/assets/css/phone.svg) 50% 50% no-repeat; margin: auto; border: 1px solid #eee; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-sizing: border-box } @media all and (max-width: 920px) { .phone-top { display: none } } .slider-top { position: relative; z-index: 31; font-size: 0; background: url(/local/templates/new_template/assets/css/top_sl_bg.jpg) 50% 50% no-repeat; background-size: cover } .slider-top .bx-controls-direction { position: absolute; bottom: 178px; left: 0; right: 0; width: 72px; z-index: 51; margin: 55px auto 0 } @media all and (max-width: 767px) { .slider-top .bx-controls-direction { margin-top: 40px } } .slider-top .bx-controls-direction .bx-prev { width: 36px; height: 36px; display: inline-block; vertical-align: top; background: url(/local/templates/new_template/assets/css/prev.svg) 50% 50% no-repeat #ffba00; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 1px solid transparent; box-sizing: border-box } .slider-top .bx-controls-direction .bx-prev:hover { background: url(/local/templates/new_template/assets/css/prev_h.svg) 50% 50% no-repeat #fff; border-color: #ffba00 } .slider-top .bx-controls-direction .bx-next { width: 36px; height: 36px; display: inline-block; vertical-align: top; background: url(/local/templates/new_template/assets/css/next.svg) 50% 50% no-repeat #ffba00; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 1px solid transparent; box-sizing: border-box } .slider-top .bx-controls-direction .bx-next:hover { background: url(/local/templates/new_template/assets/css/next_h.svg) 50% 50% no-repeat #fff; border-color: #ffba00 } .slider-top ul { padding: 0; margin: 0; letter-spacing: normal } .topBlockMain { position: relative; min-height: 629px; padding: 0 30px; z-index: 33 } @media all and (max-width: 920px) { .topBlockMain { display: none } } .topBlockMain .topleft { position: absolute; top: 0; bottom: 0; left: 0; right: 50% } .topBlockMain .topRight { position: absolute; top: 0; bottom: 0; right: 0; left: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .topBlockMain .blockInner { max-width: 1340px; margin: 0 auto; font-size: 0; padding: 10px 0; position: relative; z-index: 10 } .topBlockMain .blockInner .blockMain { width: 50%; padding: 89px 40px 220px 0; box-sizing: border-box } .topBlockMain .blockInner .blockMain .title { font-weight: 300; font-size: 30px; color: #ffba00; padding: 0 } .topBlockMain .blockInner .blockMain .subtitle { font-size: 50px; font-weight: 300; color: #fffefe; padding: 13px 0 0 } .topBlockMain .blockInner .blockMain .subtitle span { font-weight: 900; color: #ffba00 } .topBlockMain .blockInner .blockMain .subtitle strong { font-weight: 900 } .topBlockMain .blockInner .blockMain .body { font-size: 17px; color: #fff; padding: 30px 0 0; font-family: 'PT Sans'; line-height: 1.25; max-height: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .topBlockMain .blockInner .blockMain .body p { margin: 0 } .topFormMain { padding: 0 30px; font-size: 0; margin: -167px 0 0; position: relative; z-index: 32 } .topFormMain.bottf { display: none } @media all and (max-width: 920px) { .topFormMain { margin: 0; padding: 0 } .topFormMain.topf { display: none } .topFormMain.bottf { display: block } } .topFormMain .tpl-anketa-success-note { padding: 20px 0; text-align: center; font-size: 20px; color: #fff } .topFormMain .formInner { max-width: 1340px; margin: 0 auto; background: url(/local/templates/new_template/assets/css/form-bg.jpg) 50% 0 no-repeat; box-sizing: border-box; background-size: cover; position: relative; z-index: 11 } .topFormMain .formInner .title { font-weight: 300; color: #fff; font-size: 30px; padding: 0 0 2px; text-align: center } @media all and (max-width: 639px) { .topFormMain .formInner .title { font-size: 22px } } .topFormMain .formInner .subtitle { text-align: center; color: #fff; font-size: 15px; font-weight: 300 } .topFormMain .formInner form { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 36px 0 37px } @media all and (min-width: 640px) and (max-width: 920px) { .topFormMain .formInner form { padding: 20px 0 } } @media all and (max-width: 639px) { .topFormMain .formInner form { padding: 20px 0; display: block } } .topFormMain .formInner form .tpl-field { -webkit-box-flex: 0; -webkit-flex: 0 0 27.18%; -moz-box-flex: 0; -moz-flex: 0 0 27.18%; -ms-flex: 0 0 27.18%; flex: 0 0 27.18%; padding: 0 20px 10px 0; box-sizing: border-box } .topFormMain .formInner form .tpl-field:last-child { padding: 0 } .topFormMain .formInner form .tpl-field .field-title { display: none } @media all and (min-width: 640px) and (max-width: 920px) { .topFormMain .formInner form .tpl-field { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -moz-box-flex: 0; -moz-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; padding: 0; margin-right: 2%; margin-bottom: 20px } .topFormMain .formInner form .tpl-field:nth-child(2n) { margin-right: 0; margin-left: 2% } } @media all and (max-width: 639px) { .topFormMain .formInner form .tpl-field { padding: 0; margin-bottom: 20px } } .topFormMain .formInner form .tpl-field .field-value input[type=text] { height: 48px; background: #fff; border: 1px solid #ededed; outline-color: transparent; padding: 0 22px; width: 100%; font-size: 14px; color: #999; font-family: 'PT Sans'; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box } .topFormMain .formInner form .tpl-field .field-value input[type=text]:focus { border-color: #b2e5f2 } .topFormMain .formInner form .tpl-field .field-value select { height: 48px; background: #fff; border: 1px solid #ededed; outline-color: transparent; padding: 0 22px; width: 100%; font-size: 14px; color: #999; font-family: 'PT Sans'; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box } .topFormMain .formInner form .tpl-field .field-value select:focus { border-color: #b2e5f2 } .topFormMain .formInner form .tpl-field textarea { height: 104px; background: #fff; border: 1px solid #ededed; outline-color: transparent; padding: 0 22px; width: 100%; font-size: 14px; color: #999; font-family: 'PT Sans'; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box } .topFormMain .formInner form .tpl-field textarea:focus { border-color: #b2e5f2 } .topFormMain .formInner form .tpl-field.type-checkbox ul { padding: 0; margin: 0; list-style: none } .topFormMain .formInner form .tpl-field.type-checkbox ul li label { display: inline-block; vertical-align: top; position: relative; font-size: 16px; color: #000; font-weight: 300; padding: 2px 0 0 } .topFormMain .formInner form .tpl-field.type-checkbox ul li label input { display: inline-block; vertical-align: middle; width: 24px; height: 24px; opacity: 0; margin-right: 18px; border: none } .topFormMain .formInner form .tpl-field.type-checkbox ul li label input + span { position: absolute; top: 0; left: 0; width: 26px; height: 26px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; border: 1px solid #ececec; background: url(/local/templates/new_template/assets/css/ch_f.svg) 50% 50% no-repeat #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .topFormMain .formInner form .tpl-field.type-checkbox ul li label input:checked + span { background: url(/local/templates/new_template/assets/css/ch_h.svg) 50% 50% no-repeat #5ac476; border-color: #5ac476 } .topFormMain .formInner form .tpl-field.type-radio_group ul { padding: 0; margin: 0; list-style: none } .topFormMain .formInner form .tpl-field.type-radio_group ul li { margin-bottom: 10px } .topFormMain .formInner form .tpl-field.type-radio_group ul li label { display: inline-block; vertical-align: top; position: relative; font-size: 16px; color: #000; font-weight: 300; padding: 2px 0 0 } .topFormMain .formInner form .tpl-field.type-radio_group ul li label input { display: inline-block; vertical-align: middle; width: 24px; height: 24px; opacity: 0; margin-right: 18px; border: none } .topFormMain .formInner form .tpl-field.type-radio_group ul li label input + span { position: absolute; top: 0; left: 0; width: 26px; height: 26px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #ececec; background: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .topFormMain .formInner form .tpl-field.type-radio_group ul li label input + span:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 8px; width: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: auto; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #ececec } .topFormMain .formInner form .tpl-field.type-radio_group ul li label input:checked + span { background: #5ac476; border-color: #5ac476 } .topFormMain .formInner form .tpl-field.type-radio_group ul li label input:checked + span:before { background: #fff } .topFormMain .formInner form .tpl-field.field-error .field-value input, .topFormMain .formInner form .tpl-field.field-error .field-value select, .topFormMain .formInner form .tpl-field.field-error .field-value textarea { border-color: #ffb3a9 } .topFormMain .formInner form .btn_foot { -webkit-box-flex: 0; -webkit-flex: 0 0 18.46%; -moz-box-flex: 0; -moz-flex: 0 0 18.46%; -ms-flex: 0 0 18.46%; flex: 0 0 18.46% } @media all and (min-width: 640px) and (max-width: 920px) { .topFormMain .formInner form .btn_foot { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -moz-box-flex: 0; -moz-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48% } } @media all and (max-width: 639px) { .topFormMain .formInner form .btn_foot { margin-bottom: 0 } } .topFormMain .formInner form .btn_foot button { width: 100%; outline: 0; border: 1px solid #ffba00; background: #ffba00; height: 48px; font-family: 'PT Sans'; font-weight: 700; color: #fff; font-size: 16px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .topFormMain .formInner form .btn_foot button span { display: inline-block; vertical-align: middle; width: 23px; height: 23px; margin-left: 19px; background: url(/local/templates/new_template/assets/css/btn_icon.svg) 50% 50% no-repeat; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .topFormMain .formInner form .btn_foot button:hover { background: #fff; color: #000 } .topFormMain .formInner form .btn_foot button:hover span { background: url(/local/templates/new_template/assets/css/btn_icon_ho.svg) 50% 50% no-repeat } .topFormMain .formInner .text { font-size: 13px; color: #fff; font-family: 'PT Sans'; margin: 0 auto; line-height: 1.3; text-align: center } .topFormMain .formInner .text p { margin: 0 } .topTabsMain { background: url(/local/templates/new_template/assets/css/tabs-bg-rep.png) 50% 100% repeat-x #f8f8f8 } .topTabsMain .tabsInner { background: url(/local/templates/new_template/assets/css/tabs-bg2.jpg) 50% 100% no-repeat } @media all and (max-width: 1024px) { .topTabsMain { background: #f8f8f8 } .topTabsMain .tabsInner { background: #f8f8f8 } } .topTabsMain .tabs-bottom { padding: 0 30px } @media all and (max-width: 639px) { .topTabsMain .tabs-bottom { padding: 0 10px } } .topTabsMain .blockInner { max-width: 1340px; margin: 0 auto; font-size: 0; position: relative; padding: 97px 0 70px; box-sizing: border-box } @media all and (min-width: 1025px) { .topTabsMain .blockInner { min-height: 778px } } @media all and (max-width: 1024px) { .topTabsMain .blockInner { padding: 30px 0 10px } } .topTabsMain .blockInner:after { content: ''; position: absolute; bottom: 0; right: 100%; width: 3000px; height: 56px; background: #f3f3f3 } @media all and (max-width: 1024px) { .topTabsMain .blockInner:after { display: none } } .topTabsMain .blockInner .titleMain { font-size: 30px; color: #000; font-weight: 900; text-align: center } @media all and (max-width: 639px) { .topTabsMain .blockInner .titleMain { font-size: 20px } } .topTabsMain .blockInner #responsiveTabsDemo { padding: 66px 0 0 } @media all and (max-width: 1024px) { .topTabsMain .blockInner #responsiveTabsDemo { padding-top: 30px } } .topTabsMain .blockInner #responsiveTabsDemo > ul { padding: 0; margin: 0 0 40px; list-style: none; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex } @media all and (max-width: 1024px) { .topTabsMain .blockInner #responsiveTabsDemo > ul { display: none } } .topTabsMain .blockInner #responsiveTabsDemo > ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; border-right: 1px dashed #c1c1c1; padding: 0 32px 16px 38px; box-sizing: border-box } @media all and (min-width: 1025px) and (max-width: 1250px) { .topTabsMain .blockInner #responsiveTabsDemo > ul li { padding: 0 12px 16px 12px } } .topTabsMain .blockInner #responsiveTabsDemo > ul li:first-child { padding-left: 0 } .topTabsMain .blockInner #responsiveTabsDemo > ul li:last-child { border: none } .topTabsMain .blockInner #responsiveTabsDemo > ul li a { display: inline-block; vertical-align: top; text-decoration: none } .topTabsMain .blockInner #responsiveTabsDemo > ul li a .plus { display: none } .topTabsMain .blockInner #responsiveTabsDemo > ul li a .tabs-icon { display: block; margin-bottom: 24px } .topTabsMain .blockInner #responsiveTabsDemo > ul li a .titleTabs { font-family: 'PT Sans'; font-weight: 700; font-size: 18px; line-height: 1.2; color: #000; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom: 2px solid transparent } .topTabsMain .blockInner #responsiveTabsDemo > ul li a:hover .titleTabs { border-color: #ffba00 } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title { display: none } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 29px 80px 30px 0; border-top: 1px dashed #c1c1c1; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; text-decoration: none } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title .r-tabs-anchor .tabs-icon { -webkit-box-flex: 0; -webkit-flex: 0 0 64px; -moz-box-flex: 0; -moz-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; margin-right: 30px } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title .r-tabs-anchor .titleTabs { font-family: 'PT Sans'; font-weight: 700; font-size: 18px; line-height: 1.2; color: #000; border: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title .r-tabs-anchor .plus { position: absolute; top: 0; right: 0; bottom: 0; width: 16px; height: 16px; margin: auto } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title .r-tabs-anchor .plus:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 2px; margin: 0 auto; background: #ffba00; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title .r-tabs-anchor .plus:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 2px; margin: auto; background: #ffba00; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media all and (max-width: 639px) { .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title .r-tabs-anchor { padding: 15px 25px 15px 0 } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title .r-tabs-anchor .tabs-icon { -webkit-box-flex: 0; -webkit-flex: 0 0 45px; -moz-box-flex: 0; -moz-flex: 0 0 45px; -ms-flex: 0 0 45px; flex: 0 0 45px; margin-right: 15px } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title .r-tabs-anchor .titleTabs { font-size: 15px } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title .r-tabs-anchor .plus { width: 12px; height: 12px } } @media all and (max-width: 1024px) { .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title { display: block } } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor .plus:before { opacity: 0 } .topTabsMain .blockInner #responsiveTabsDemo .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor .plus:after { background: #363e40 } .topTabsMain .blockInner #responsiveTabsDemo .tabsBody { padding: 48px 48px; background: #fff; display: none } @media all and (max-width: 1024px) { .topTabsMain .blockInner #responsiveTabsDemo .tabsBody { margin-bottom: 30px; padding: 30px; position: relative } .topTabsMain .blockInner #responsiveTabsDemo .tabsBody:before { content: ''; position: absolute; bottom: 100%; left: 30px; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 0 8.5px 8px 8.5px; border-bottom-color: #fff } } @media all and (max-width: 639px) { .topTabsMain .blockInner #responsiveTabsDemo .tabsBody { padding: 20px 20px } } .topTabsMain .blockInner #responsiveTabsDemo .tabsBody.r-tabs-state-active { display: block } .topTabsMain .blockInner #responsiveTabsDemo .tabsBody .text-tabs { font-size: 17px; color: #000; font-weight: 400; line-height: 1.2; padding-bottom: 23px } .topTabsMain .blockInner #responsiveTabsDemo .tabsBody .text-tabs p { margin: 0 } .topTabsMain .blockInner #responsiveTabsDemo .tabsBody .btn { display: inline-block; vertical-align: top; border: 1px solid #ffba00; background: #ffba00; height: 60px; line-height: 58px; width: 246px; font-family: 'PT Sans'; font-weight: 700; color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none; padding: 0 30px; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box } .topTabsMain .blockInner #responsiveTabsDemo .tabsBody .btn:before { content: ''; position: absolute; top: 0; bottom: 0; right: 27px; width: 11px; height: 15px; margin: auto; background: url(/local/templates/new_template/assets/css/tabs_btn.svg) 50% 50% no-repeat; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .topTabsMain .blockInner #responsiveTabsDemo .tabsBody .btn:hover { background: #fff; color: #000 } .topTabsMain .blockInner #responsiveTabsDemo .tabsBody .btn:hover:before { background: url(/local/templates/new_template/assets/css/tabs_btn_h.svg) 50% 50% no-repeat } .content-wrapper { position: relative; padding: 40px 30px 40px } @media all and (max-width: 639px) { .content-wrapper { padding: 20px 10px 30px } } .main { max-width: 1340px; margin: 0 auto } .main h1 { text-align: center; margin-bottom: 20px } .main .content-inner.center { text-align: center } .main .content-inner.center h2 { font-size: 30px } @media all and (max-width: 639px) { .main .content-inner.center h1 { font-size: 22px } } .main .btnContent { display: inline-block; vertical-align: top; text-decoration: none; border: 1px solid #ffba00; background: #ffba00; font-family: 'PT Sans'; font-weight: 700; color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none; padding: 23px 35px; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box; margin-top: 20px } @media all and (max-width: 639px) { .main .btnContent { padding: 10px 15px; font-size: 11px } } .main .btnContent:hover { background: #fff; color: #000 } .content { line-height: 1.5 } .sidebar { position: relative } .sliderMainBlock { background: url(/local/templates/new_template/assets/css/tabs-re.png) 50% 0 repeat-y, url(/local/templates/new_template/assets/css/slid-bg.jpg) 50% 0 no-repeat #714ab8; overflow: hidden; padding: 52px 0; position: relative } .sliderMainBlock .topSlider { max-width: 1340px; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0 } .sliderMainBlock .topSlider:before { content: ''; position: absolute; top: 0; left: 100%; right: -3000px; height: 52px; background: #fff } .sliderMainBlock .botSlider { max-width: 1340px; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; height: 52px } .sliderMainBlock .botSlider:before { content: ''; position: absolute; top: 0; left: 0; right: -3000px; height: 52px; background: #fff } .sliderMainBlock .botSlider:after { content: ''; position: absolute; bottom: 0; left: -3000px; right: 100%; background: #714ab8; height: 52px; z-index: 32 } @media all and (max-width: 1024px) { .sliderMainBlock { padding: 30px 0 } .sliderMainBlock .botSlider, .sliderMainBlock .topSlider { display: none } } .sliderMainBlock .sliderInner { font-size: 0; padding: 45px 0 71px; position: relative; z-index: 32 } @media all and (min-width: 640px) and (max-width: 1024px) { .sliderMainBlock .sliderInner { padding: 0 } } @media all and (max-width: 639px) { .sliderMainBlock .sliderInner { padding: 0 10px } } .sliderMainBlock .sliderInner .titleSlider { font-size: 30px; font-weight: 900; color: #fff; text-align: center } @media all and (max-width: 639px) { .sliderMainBlock .sliderInner .titleSlider { font-size: 22px } } .sliderMainBlock .sliderInner .owl-nav { width: 72px; margin: 55px auto 0 } @media all and (max-width: 767px) { .sliderMainBlock .sliderInner .owl-nav { margin-top: 40px } } .sliderMainBlock .sliderInner .owl-nav .owl-prev { width: 36px; height: 36px; display: inline-block; vertical-align: top; background: url(/local/templates/new_template/assets/css/prev.svg) 50% 50% no-repeat #ffba00; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 1px solid transparent; box-sizing: border-box } .sliderMainBlock .sliderInner .owl-nav .owl-prev:hover { background: url(/local/templates/new_template/assets/css/prev_h.svg) 50% 50% no-repeat #fff; border-color: #ffba00 } .sliderMainBlock .sliderInner .owl-nav .owl-next { width: 36px; height: 36px; display: inline-block; vertical-align: top; background: url(/local/templates/new_template/assets/css/next.svg) 50% 50% no-repeat #ffba00; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 1px solid transparent; box-sizing: border-box } .sliderMainBlock .sliderInner .owl-nav .owl-next:hover { background: url(/local/templates/new_template/assets/css/next_h.svg) 50% 50% no-repeat #fff; border-color: #ffba00 } .sliderMainBlock .sliderInner .sliderMain { padding: 41px 0 30px } @media all and (max-width: 639px) { .sliderMainBlock .sliderInner .sliderMain { padding: 20px 0 } } .sliderMainBlock .sliderInner .sliderMain .slider { padding: 0; margin: 0; list-style: none } .sliderMainBlock .sliderInner .sliderMain .slider .owl-item { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .sliderMainBlock .sliderInner .sliderMain .slider .owl-item.active { padding-top: 0 } .sliderMainBlock .sliderInner .sliderMain .slider li { max-width: 400px; margin: 0 auto } @media all and (max-width: 639px) { .sliderMainBlock .sliderInner .sliderMain .slider li { padding: 0 0; box-sizing: border-box } } .sliderMainBlock .sliderInner .sliderMain .slider li .slid { display: inline-block; vertical-align: top; text-decoration: none } .sliderMainBlock .sliderInner .sliderMain .slider li .slid .slid-img { display: block; -moz-box-shadow: 0 20px 25px 0 rgba(0, 0, 0, .4); -webkit-box-shadow: 0 20px 25px 0 rgba(0, 0, 0, .4); box-shadow: 0 20px 25px 0 rgba(0, 0, 0, .4) } .sliderMainBlock .sliderInner .sliderMain .slider li .slid .title { font-size: 16px; color: #fff; font-family: 'PT Sans'; font-weight: 700; text-transform: uppercase; padding: 25px 0 7px; position: relative } .sliderMainBlock .sliderInner .sliderMain .slider li .slid .title:before { content: ''; position: absolute; top: 30px; right: 0; width: 24px; height: 24px; background: url(/local/templates/new_template/assets/css/slid.svg) 0 0 no-repeat; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media all and (max-width: 500px) { .sliderMainBlock .sliderInner .sliderMain .slider li .slid .title { font-size: 14px } } .sliderMainBlock .sliderInner .sliderMain .slider li .slid .subtitle { font-family: 'PT Sans'; font-size: 13px; color: #ffba00 } .sliderMainBlock .sliderInner .sliderMain .slider li .slid:hover .title:before { background: url(/local/templates/new_template/assets/css/slid_h.svg) 0 0 no-repeat } .jobBlockMain { background: url(/local/templates/new_template/assets/css/job-bg.png) 50% 100% no-repeat; padding: 0 30px } @media all and (max-width: 979px) { .jobBlockMain { background: #fff } } @media all and (max-width: 639px) { .jobBlockMain { padding: 0 10px } } .jobBlockMain .blockInner { max-width: 1340px; margin: 0 auto; font-size: 0; padding: 41px 0 0 } @media all and (max-width: 979px) { .jobBlockMain .blockInner { padding-top: 36px } } @media all and (max-width: 767px) { .jobBlockMain .blockInner { padding-top: 20px; padding-bottom: 15px } } .jobBlockMain .blockInner .title { font-weight: 900; color: #000; font-size: 30px; text-align: center } .jobBlockMain .blockInner .inner { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 41px 0 0; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media all and (max-width: 979px) { .jobBlockMain .blockInner .inner { padding-top: 36px } } @media all and (max-width: 639px) { .jobBlockMain .blockInner .inner { display: block } } @media all and (max-width: 767px) { .jobBlockMain .blockInner .inner { padding-top: 16px } } .jobBlockMain .blockInner .inner .job { -webkit-box-flex: 0; -webkit-flex: 0 0 18%; -moz-box-flex: 0; -moz-flex: 0 0 18%; -ms-flex: 0 0 18%; flex: 0 0 18%; margin-bottom: 57px; margin-right: 2.15%; padding: 32px 0 26px; min-height: 155px; box-sizing: border-box; position: relative; display: inline-block; vertical-align: top; text-decoration: none } @media all and (min-width: 980px) { .jobBlockMain .blockInner .inner .job:nth-child(5n) { margin-right: 0 } } @media all and (min-width: 640px) and (max-width: 979px) { .jobBlockMain .blockInner .inner .job { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -moz-box-flex: 0; -moz-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-right: 2%; min-height: auto; margin-bottom: 40px } .jobBlockMain .blockInner .inner .job:nth-child(2n) { margin-right: 0; margin-left: 2% } } @media all and (max-width: 979px) { .jobBlockMain .blockInner .inner .job { padding-bottom: 10px; padding-top: 19px } } .jobBlockMain .blockInner .inner .job .number { position: absolute; top: 0; left: 0; height: 16px; overflow: hidden; padding: 2px 0 0; font-size: 30px; color: #e5e5e5; font-family: oswaldbold; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; transition: all .8s ease-in-out } .jobBlockMain .blockInner .inner .job .number > span { display: inline-block; vertical-align: bottom } @media all and (max-width: 639px) { .jobBlockMain .blockInner .inner .job { min-height: auto; margin-bottom: 15px; margin-right: 0; display: block } } .jobBlockMain .blockInner .inner .job .text { font-weight: 400; color: #000; font-size: 15px; line-height: 1.2; padding: 0 20px 0 0; height: 110px; display: block; overflow: hidden; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; transition: all .8s ease-in-out } @media all and (min-width: 640px) and (max-width: 979px) { .jobBlockMain .blockInner .inner .job .text { height: auto; padding-bottom: 20px } } @media all and (max-width: 639px) { .jobBlockMain .blockInner .inner .job .text { height: auto; padding-bottom: 5px } } .jobBlockMain .blockInner .inner .job .text p { margin: 0 } .jobBlockMain .blockInner .inner .job:after { content: ''; position: absolute; bottom: 0; left: 0; right: 19px; border-bottom: 1px dashed #d3d3d3; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .jobBlockMain .blockInner .inner .job:before { content: ''; position: absolute; bottom: -9px; right: 0; width: 14px; height: 18px; background: url(/local/templates/new_template/assets/css/job.svg) 0 0 no-repeat; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media all and (min-width: 1155px) { .jobBlockMain .blockInner .inner .job:hover .text { font-size: 18px; font-weight: 700 } } @media all and (min-width: 980px) and (max-width: 1154px) { .jobBlockMain .blockInner .inner .job:hover .text { font-size: 17px; font-weight: 700 } } .jobBlockMain .blockInner .inner .job:hover .number { color: #ffba00 } .jobBlockMain .blockInner .inner .job:hover:after { border-color: #ffba00 } .jobBlockMain .blockInner .inner .job:hover:before { background: url(/local/templates/new_template/assets/css/job_h.svg) 0 0 no-repeat } .jobBlockMain .blockInner .inner .job.active .number { color: #ffba00 } .jobBlockMain .blockInner .inner .job.active:after { border-color: #ffba00 } .jobBlockMain .blockInner .inner .job.active:before { background: url(/local/templates/new_template/assets/css/job_h.svg) 0 0 no-repeat } .preim-block { background: #f8f8f8; position: relative; overflow: hidden; padding: 0 30px } @media all and (max-width: 639px) { .preim-block { padding: 0 10px } } .preim-block .preim-pic { position: absolute; top: 0; bottom: 0; right: 0; left: 50%; margin: 0 0 0 303px; background: url(/local/templates/new_template/assets/css/pr-pic.jpg) 50% 0 no-repeat; background-size: cover } @media all and (max-width: 979px) { .preim-block .preim-pic { display: none } } .preim-block .preim-in { max-width: 1340px; margin: 0 auto; font-size: 0; padding: 100px 0 50px; position: relative } @media all and (max-width: 979px) { .preim-block .preim-in { padding: 36px 0 50px } .preim-block .preim-in:before { display: none } } .preim-block .preim-in:before { content: ''; position: absolute; top: 0; left: 100%; right: -3000px; height: 56px; background: #fafafa } .preim-block .preim-in .title { font-size: 30px; font-weight: 900; color: #000; padding: 0; text-align: center } .preim-block .preim-in .inner { max-width: 880px; margin-right: 23%; padding: 45px 0; box-sizing: border-box } @media all and (max-width: 979px) { .preim-block .preim-in .inner { max-width: 100%; margin: 0; padding: 38px 0 } } .preim-block .preim-in .inner .preim { font-size: 17px; font-weight: 400; color: #000; line-height: 1.3; position: relative; margin-bottom: 45px; padding: 0 0 0 102px } .preim-block .preim-in .inner .preim p { margin: 0 } .preim-block .preim-in .inner .preim strong { font-weight: 900 } .preim-block .preim-in .inner .preim:before { content: ''; position: absolute; top: 0; bottom: 0; width: 60px; height: 60px; border: 2px solid #ffd30a; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-sizing: border-box; background: url(/local/templates/new_template/assets/css/check.svg) 50% 50% no-repeat; margin: auto; left: 0 } @media all and (max-width: 979px) { .preim-block .preim-in .inner .preim { padding-left: 89px; margin-bottom: 40px } } @media all and (max-width: 639px) { .preim-block .preim-in .inner .preim { padding-left: 60px; margin-bottom: 30px } .preim-block .preim-in .inner .preim:before { height: 40px; width: 40px; bottom: auto; top: 0 } } .news-block { overflow: hidden; padding: 0 30px } @media all and (max-width: 639px) { .news-block { padding: 0 10px } } .news-block .blockInner { max-width: 1340px; margin: 0 auto; font-size: 0; position: relative; padding: 95px 0 } .news-block .blockInner:before { content: ''; position: absolute; top: 0; left: -3000px; right: 100%; height: 56px; background: #f8f8f8 } @media all and (max-width: 1024px) { .news-block .blockInner { padding: 36px 0 } .news-block .blockInner:before { display: none } } .news-block .news-name { text-align: center; font-size: 30px; font-weight: 900 } @media all and (max-width: 639px) { .news-block .news-name { font-size: 22px } } .news-block .inner { padding: 46px 0; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between } @media all and (max-width: 1024px) { .news-block .inner { display: block; padding: 39px 0 } } .news-block .block-in { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -moz-box-flex: 0; -moz-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; margin-right: 2% } .news-block .block-in:last-child { margin: 0 } .news-block .block-in .date { display: block; padding: 0 0 0 34px; position: relative; font-size: 13px; font-weight: 300; color: #000 } .news-block .block-in .date:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 19px; height: 16px; background: url(/local/templates/new_template/assets/css/date.svg) 0 0 no-repeat; margin: auto } .news-block .block-in .title { padding: 28px 0 16px; font-size: 23px; font-weight: 700; color: #000; line-height: 1.2 } .news-block .block-in .anonce { font-size: 15px; font-weight: 400; color: #000; line-height: 1.3; padding: 0 0 23px } .news-block .block-in .anonce p { margin: 0 } .news-block .block-in .link { display: inline-block; vertical-align: top; text-decoration: none; padding: 0 31px 0 0; font-weight: 700; color: #000; font-size: 15px; background: url(/local/templates/new_template/assets/css/news.svg) 100% 50% no-repeat } @media all and (max-width: 1024px) { .news-block .block-in { border-top: 1px dashed #e0e0e0; padding: 23px 0 24px; margin: 0 } .news-block .block-in:last-child { margin: 0; border-bottom: 1px dashed #e0e0e0 } } .news-block .news-more { display: block; margin: 0 auto; width: 236px; height: 60px; background: #ffba00; line-height: 60px; padding: 0 0 0 30px; font-family: 'PT Sans'; font-weight: 700; color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none; position: relative; border: 1px solid transparent; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box } .news-block .news-more:before { content: ''; position: absolute; top: 0; bottom: 0; right: 40px; width: 28px; height: 25px; margin: auto; background: url(/local/templates/new_template/assets/css/more-news.svg) 50% 50% no-repeat; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .news-block .news-more:hover { background: #fff; color: #000; border-color: #ffba00 } .news-block .news-more:hover:before { background: url(/local/templates/new_template/assets/css/more-news_h.svg) 50% 50% no-repeat } /*.footer {*/ /*position: relative;*/ /*min-height: 318px;*/ /*margin: auto;*/ /*font-size: 16px;*/ /*color: #fff;*/ /*background: url(/local/templates/new_template/assets/css/foot_bg.jpg) 50% 0 no-repeat;*/ /*background-size: cover;*/ /*padding: 0 30px;*/ /*overflow: hidden*/ /*}*/ /*@media all and (max-width: 767px) {*/ /*.footer {*/ /*background: url(/local/templates/new_template/assets/css/foot_bg.jpg) 100% 0 no-repeat;*/ /*background-size: cover*/ /*}*/ /*}*/ /*@media all and (max-width: 639px) {*/ /*.footer {*/ /*padding: 0 10px*/ /*}*/ /*}*/ .footerInner { max-width: 1340px; margin: 0 auto; padding: 70px 0 30px; position: relative } .footerInner:before { content: ''; position: absolute; top: 0; height: 56px; right: -3000px; left: 100%; background: #fff } @media all and (max-width: 1024px) { .footerInner { padding: 82px 0 10px } .footerInner:before { display: none } } @media all and (max-width: 639px) { .footerInner { padding: 30px 0 10px } } .foot-left { float: left; width: 250px } @media all and (max-width: 979px) { .foot-left { float: none } } .logoText { font-weight: 300; font-size: 30px; color: #fff } .logoText span { font-weight: 900; color: #ffba00; text-decoration: none } .logoText strong { font-weight: 900; text-decoration: none } .site-name-bottom { font-size: 13px; padding-top: 31px; font-weight: 300 } @media all and (max-width: 1024px) { .site-name-bottom { padding-top: 0 } } .site-copyright { width: 270px; float: right; text-align: right; padding-top: 6px } .site-copyright span { font-size: 12px !important } .site-copyright a { color: #000 } .site-counters { margin: 0 280px; text-align: center; font-size: 12px } .menu-bottom-wrapper { float: right; width: 646px; padding: 22px 0 20px } @media all and (max-width: 1024px) { .menu-bottom-wrapper { padding-top: 0 } } @media all and (max-width: 979px) { .menu-bottom-wrapper { float: none; padding-top: 67px; padding-left: 4px } } @media all and (max-width: 639px) { .menu-bottom-wrapper { width: 100%; padding-top: 20px } } .menu-bottom-wrapper .menu-bottom { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top; width: 50% } @media all and (max-width: 460px) { .menu-bottom-wrapper .menu-bottom { display: block; width: 100% } } .menu-bottom-wrapper .menu-bottom li { margin-bottom: 12px; padding-right: 10px } .menu-bottom-wrapper .menu-bottom li a { display: inline-block; vertical-align: top; padding: 6px 0 6px 24px; position: relative; font-weight: 300; color: #fff; font-size: 15px; text-decoration: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .menu-bottom-wrapper .menu-bottom li a:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 4px; height: 4px; background: #ffba00; margin: auto } .menu-bottom-wrapper .menu-bottom li a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #ffba00; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .menu-bottom-wrapper .menu-bottom li.opened > a:after, .menu-bottom-wrapper .menu-bottom li > a:hover:after { opacity: 1 } .menu-bottom-wrapper .menu-bottom li ul { display: none } .topFormMain.landing_page { margin: 0; background: url(/local/templates/new_template/assets/css/land_form_bg.jpg) 50% 0 no-repeat; background-size: cover } .topFormMain.landing_page .formInner { background: 0 0; position: relative } .topFormMain.landing_page .formInner:before { content: ''; position: absolute; top: 0; left: -3000px; right: 100%; height: 56px; background: #f3f3f3 } @media all and (max-width: 1024px) { .topFormMain.landing_page .formInner:before { display: none } } .landingToptext { background: #f8f8f8; padding: 0 30px } @media all and (max-width: 639px) { .landingToptext { padding: 0 10px } } .landingToptext .blockInner { max-width: 1340px; margin: 0 auto; font-size: 0; padding: 80px 0 } @media all and (min-width: 640px) and (max-width: 1024px) { .landingToptext .blockInner { padding: 40px 0 } } @media all and (max-width: 639px) { .landingToptext .blockInner { padding: 28px 0 } } .landingToptext .blockInner .title { font-weight: 300; color: #000; text-align: center; font-size: 50px } @media all and (min-width: 640px) and (max-width: 1024px) { .landingToptext .blockInner .title { font-size: 40px } } .landingToptext .blockInner .title strong { color: #ffba00; font-weight: 900 } @media all and (max-width: 639px) { .landingToptext .blockInner .title { font-size: 25px } } .landingToptext .blockInner .text { font-weight: 700; font-size: 30px; line-height: 1.2; padding: 86px 0 0; text-align: center } .landingToptext .blockInner .text p { margin: 0 } @media all and (min-width: 640px) and (max-width: 1024px) { .landingToptext .blockInner .text { font-size: 25px; padding-top: 30px } } @media all and (max-width: 639px) { .landingToptext .blockInner .text { font-size: 20px; padding-top: 20px } } .red-block { padding: 0 30px; background: #f8f8f8 } @media all and (max-width: 767px) { .red-block { padding: 0 10px } } .red-block .red-in { max-width: 1340px; margin: 0 auto; font-size: 0; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 36px 20px 24px 20px; } @media all and (max-width: 639px) { .red-block .red-in { display: block; padding-bottom: 10px } } .red-block .red-in .red-main { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -moz-box-flex: 0; -moz-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; margin-bottom: 47px } @media all and (max-width: 1024px) { .red-block .red-in .red-main { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50% } } @media all and (max-width: 639px) { .red-block .red-in .red-main { margin-bottom: 20px } } .red-block .red-in .red-main .red { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex } .red-block .red-in .red-main .red .r-img { -webkit-box-flex: 0; -webkit-flex: 0 0 77px; -moz-box-flex: 0; -moz-flex: 0 0 77px; -ms-flex: 0 0 77px; flex: 0 0 77px; margin-right: 24px } @media all and (max-width: 767px) { .red-block .red-in .red-main .red .r-img { -webkit-box-flex: 0; -webkit-flex: 0 0 60px; -moz-box-flex: 0; -moz-flex: 0 0 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; margin-right: 15px } } .red-block .red-in .red-main .red .r-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px 20px 0 0 } @media all and (max-width: 639px) { .red-block .red-in .red-main .red .r-text { padding-right: 0; padding-top: 0 } } .red-block .red-in .red-main .red .r-text .r-title { font-size: 15px; color: #000; font-weight: 300 } .red-block .red-in .red-main .red .r-text .text { font-size: 19px; font-weight: 700; color: #000; line-height: 1.3; padding: 5px 0 0 } .red-block .red-in .red-main .red .r-text .text p { margin: 0 } .landingCheckBlock { background: url(/local/templates/new_template/assets/css/lan_che.png) 50% 100% no-repeat #f8f8f8; padding: 0 30px; font-size: 0; overflow: hidden } @media all and (max-width: 1024px) { .landingCheckBlock { background: #f8f8f8 } } @media all and (max-width: 639px) { .landingCheckBlock { padding: 0 10px } } .landingCheckBlock .blockInner { max-width: 1340px; margin: 0 auto; padding: 19px 0 144px; position: relative } .landingCheckBlock .blockInner:before { content: ''; position: absolute; bottom: 0; left: -3000px; right: 100%; height: 56px; background: #f3f3f3 } .landingCheckBlock .blockInner:after { content: ''; position: absolute; bottom: 0; left: 0; right: -3000px; height: 56px; background: #fff } .landingCheckBlock .blockInner .title { font-weight: 900; color: #000; font-size: 30px; padding: 0; text-align: center; line-height: 1.2 } @media all and (max-width: 639px) { .landingCheckBlock .blockInner .title { font-size: 22px } } @media all and (max-width: 639px) { .landingCheckBlock .blockInner { padding-bottom: 30px } .landingCheckBlock .blockInner:after, .landingCheckBlock .blockInner:before { display: none } } .landingCheckBlock .blockInner .inner { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 82px 0 0 } @media all and (max-width: 639px) { .landingCheckBlock .blockInner .inner { display: block; padding-top: 30px } } .landingCheckBlock .blockInner .inner .check { padding: 0 0 0 88px; position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -moz-box-flex: 0; -moz-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; font-size: 17px; color: #000; font-weight: 400; box-sizing: border-box; margin-bottom: 70px; line-height: 1.2; margin-right: 5% } @media all and (max-width: 1024px) { .landingCheckBlock .blockInner .inner .check { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -moz-box-flex: 0; -moz-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45% } } @media all and (min-width: 1025px) { .landingCheckBlock .blockInner .inner .check:nth-child(3n) { margin-right: 0 } } .landingCheckBlock .blockInner .inner .check:before { content: ''; position: absolute; top: 0; bottom: 0; width: 60px; height: 60px; border: 2px solid #ffba00; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-sizing: border-box; background: url(/local/templates/new_template/assets/css/check.svg) 50% 50% no-repeat; margin: auto; left: 0 } @media all and (max-width: 979px) { .landingCheckBlock .blockInner .inner .check { padding-left: 89px; margin-bottom: 40px } } @media all and (max-width: 639px) { .landingCheckBlock .blockInner .inner .check { padding-left: 60px; margin-bottom: 30px } .landingCheckBlock .blockInner .inner .check:before { height: 40px; width: 40px; bottom: auto; top: 0 } } .landingCheckBlock .blockInner .btn { text-align: center; padding: 0 } .landingCheckBlock .blockInner .btn a { display: inline-block; vertical-align: top; text-decoration: none; border: 1px solid #ffba00; background: #ffba00; font-family: 'PT Sans'; font-weight: 700; color: #fff; font-size: 14px; text-transform: uppercase; text-decoration: none; padding: 23px 35px; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box } @media all and (max-width: 639px) { .landingCheckBlock .blockInner .btn a { padding: 15px 20px } } .landingCheckBlock .blockInner .btn a:hover { background: #fff; color: #000 } .btn_job { text-align: center; padding: 60px 0 100px } @media all and (max-width: 767px) { .btn_job { padding: 20px 0 30px } } .btn_job a { display: inline-block; vertical-align: top; text-decoration: none; border: 1px solid #ffba00; background: #ffba00; font-family: 'PT Sans'; font-weight: 700; color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none; padding: 23px 35px; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box } @media all and (max-width: 639px) { .btn_job a { padding: 10px 10px } } .btn_job a:hover { background: #fff; color: #000 } .landingIconBlock { background: url(/local/templates/new_template/assets/css/lan_icon_bg.jpg) 50% 0 no-repeat; background-size: cover; font-size: 0; overflow: hidden } .landingIconBlock .blockInner { background: url(/local/templates/new_template/assets/css/tabs-re.png) 50% 0 repeat-y; padding: 0 30px; position: relative } @media all and (max-width: 639px) { .landingIconBlock .blockInner { padding: 0 10px } } .landingIconBlock .blockInner:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 56px; background: #fff } @media all and (max-width: 1024px) { .landingIconBlock .blockInner:after { display: none } } .landingIconBlock .blockInner .inner { max-width: 1340px; margin: 0 auto; font-size: 0; position: relative; padding: 95px 0 60px; z-index: 1 } .landingIconBlock .blockInner .inner:before { content: ''; position: absolute; top: 0; left: 100%; right: -3000px; height: 56px; background: #f3f3f3 } .landingIconBlock .blockInner .inner:after { content: ''; position: absolute; bottom: 0; right: 100%; left: -3000px; height: 56px; background: #724bbb } .landingIconBlock .blockInner .inner .title { text-align: center; font-size: 30px; color: #fff; font-weight: 900 } @media all and (min-width: 640px) and (max-width: 1024px) { .landingIconBlock .blockInner .inner { padding: 40px 0 20px } .landingIconBlock .blockInner .inner:after, .landingIconBlock .blockInner .inner:before { display: none } } @media all and (max-width: 639px) { .landingIconBlock .blockInner .inner { padding: 20px 0 } .landingIconBlock .blockInner .inner:after, .landingIconBlock .blockInner .inner:before { display: none } .landingIconBlock .blockInner .inner .title { font-size: 22px } } .landingIconBlock .blockInner .inner .block_in { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 41px 0 87px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media all and (max-width: 1024px) { .landingIconBlock .blockInner .inner .block_in { padding: 20px 0 1px } } @media all and (max-width: 639px) { .landingIconBlock .blockInner .inner .block_in { display: block } } .landingIconBlock .blockInner .inner .block_in .icon { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 0 30px 0 0; box-sizing: border-box } @media all and (min-width: 640px) and (max-width: 1024px) { .landingIconBlock .blockInner .inner .block_in .icon { padding: 0 15px 0 0; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 20px } } @media all and (max-width: 639px) { .landingIconBlock .blockInner .inner .block_in .icon { padding-right: 0; margin-bottom: 20px } } .landingIconBlock .blockInner .inner .block_in .icon .in { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex } .landingIconBlock .blockInner .inner .block_in .icon .in .i-img { -webkit-box-flex: 0; -webkit-flex: 0 0 64px; -moz-box-flex: 0; -moz-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; margin-right: 26px } @media all and (min-width: 640px) and (max-width: 1024px) { .landingIconBlock .blockInner .inner .block_in .icon .in .i-img { -webkit-box-flex: 0; -webkit-flex: 0 0 50px; -moz-box-flex: 0; -moz-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; margin-right: 20px } } .landingIconBlock .blockInner .inner .block_in .icon .in .text { font-size: 17px; color: #fff; font-weight: 300; line-height: 1.2; padding: 13px 0 0 } .landingIconBlock .blockInner .inner .block_in .icon .in .text p { margin: 0 } .btnContentlanding { display: inline-block; vertical-align: top; text-decoration: none; border: 1px solid #ffba00; background: #ffba00; font-family: 'PT Sans'; font-weight: 700; color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none; padding: 23px 94px 23px 35px; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box; margin-top: 20px } @media all and (max-width: 639px) { .btnContentlanding { padding: 15px 80px 15px 20px } .btnContentlanding:before { right: 20px } } .btnContentlanding:before { content: ''; position: absolute; top: 0; bottom: 0; right: 35px; width: 38px; height: 18px; margin: auto; background: url(/local/templates/new_template/assets/css/ln_btn.svg) 0 0 no-repeat; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .btnContentlanding:hover { background: #fff; color: #000 } .btnContentlanding:hover:before { background: url(/local/templates/new_template/assets/css/ln_btn_h.svg) 0 0 no-repeat } .priceLanding { padding: 0 30px; font-size: 0; background: #f8f8f8 url(/local/templates/new_template/assets/css/pric_bg.png) 50% 100% no-repeat } @media all and (max-width: 800px) { .priceLanding { padding: 0 10px; background: #f8f8f8 } } .priceLanding .blockInner { max-width: 1340px; margin: 0 auto; padding: 100px 0 100px } @media all and (max-width: 1024px) { .priceLanding .blockInner { padding: 50px 0 } } @media all and (max-width: 639px) { .priceLanding .blockInner { padding-bottom: 20px; padding-top: 30px } } .priceLanding .blockInner .title { text-align: center; font-weight: 900; font-size: 30px; color: #000 } @media all and (max-width: 639px) { .priceLanding .blockInner .title { font-size: 22px } } .priceLanding .blockInner .inner { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 72px 42px 0; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between } @media all and (max-width: 1200px) { .priceLanding .blockInner .inner { padding: 50px 0 0 } } @media all and (max-width: 639px) { .priceLanding .blockInner .inner { display: block; padding-top: 30px } } .priceLanding .blockInner .inner .price { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -moz-box-flex: 0; -moz-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; background: #fff; padding: 58px 40px 60px; text-align: center; box-sizing: border-box; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .priceLanding .blockInner .inner .price .tit { font-size: 23px; font-weight: 900; color: #000; padding: 0 0 58px } @media all and (max-width: 1024px) { .priceLanding .blockInner .inner .price .tit { font-size: 20px } } .priceLanding .blockInner .inner .price .text { font-size: 14px; color: #000; font-weight: 400; line-height: 1.6; text-align: left; padding: 28px 21px 30px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .priceLanding .blockInner .inner .price .text p { margin: 0 } .priceLanding .blockInner .inner .price .pri { font-size: 15px; color: #000; font-weight: 900; padding: 23px 0 55px } .priceLanding .blockInner .inner .price .pri span { font-size: 29px } @media all and (max-width: 800px) { .priceLanding .blockInner .inner .price .pri { font-size: 14px } .priceLanding .blockInner .inner .price .pri span { font-size: 22px } } @media all and (min-width: 640px) and (max-width: 1024px) { .priceLanding .blockInner .inner .price { padding: 30px 20px 30px; -webkit-box-flex: 0; -webkit-flex: 0 0 32%; -moz-box-flex: 0; -moz-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32% } .priceLanding .blockInner .inner .price .tit { padding-bottom: 22px } .priceLanding .blockInner .inner .price .text { padding: 12px 0 12px; line-height: 2 } .priceLanding .blockInner .inner .price .pri { padding: 12px 0 26px } } @media all and (max-width: 639px) { .priceLanding .blockInner .inner .price { padding: 30px 20px 30px; margin-bottom: 20px } .priceLanding .blockInner .inner .price .tit { padding-bottom: 22px } .priceLanding .blockInner .inner .price .text { padding: 12px 0 12px; line-height: 2 } .priceLanding .blockInner .inner .price .pri { padding: 12px 0 26px } } .priceLanding .blockInner .inner .price .btn { display: block; margin: 0 auto; text-decoration: none; height: 60px; background: #ffba00; border: 1px solid #ffba00; padding: 0 30px; font-size: 15px; font-weight: 700; color: #fff; position: relative; line-height: 58px; text-align: center; box-sizing: border-box; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .priceLanding .blockInner .inner .price .btn span { display: inline-block; vertical-align: middle; width: 14px; height: 17px; background: url(/local/templates/new_template/assets/css/pric_btn.svg) 0 0 no-repeat; margin: 0 0 0 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .priceLanding .blockInner .inner .price .btn:hover { background: #fff; color: #000 } .priceLanding .blockInner .inner .price .btn:hover span { background: url(/local/templates/new_template/assets/css/pric_btn_h.svg) 0 0 no-repeat } .commerToptext { background: #f8f8f8; padding: 0 30px } @media all and (max-width: 639px) { .commerToptext { padding: 0 10px } } .commerToptext .blockInner { max-width: 1340px; margin: 0 auto; font-size: 0; padding: 90px 0 39px } @media all and (min-width: 640px) and (max-width: 1024px) { .commerToptext .blockInner { padding: 40px 0 20px } } @media all and (max-width: 639px) { .commerToptext .blockInner { padding: 28px 0 } } .commerToptext .blockInner .title { font-weight: 700; color: #000; text-align: center; font-size: 50px; line-height: 1.2; margin: 0 } @media all and (min-width: 640px) and (max-width: 1024px) { .commerToptext .blockInner .title { font-size: 40px } } .commerToptext .blockInner .title strong { color: #ffba00; font-weight: 900 } @media all and (max-width: 639px) { .commerToptext .blockInner .title { font-size: 25px } } .commerToptext .blockInner .text { font-weight: 700; font-size: 30px; line-height: 1.2; padding: 70px 0 0; text-align: center } .commerToptext .blockInner .text p { margin: 0 } @media all and (min-width: 640px) and (max-width: 1024px) { .commerToptext .blockInner .text { font-size: 25px; padding-top: 30px } } @media all and (max-width: 639px) { .commerToptext .blockInner .text { font-size: 20px; padding-top: 20px } } .commerBottomBlock { background: url(/local/templates/new_template/assets/css/comm_bg.jpg) 50% 0 no-repeat; background-size: cover; font-size: 0; overflow: hidden } .commerBottomBlock .blockInner { background: url(/local/templates/new_template/assets/css/tabs-re.png) 50% 0 repeat-y; padding: 0 30px; position: relative } @media all and (max-width: 639px) { .commerBottomBlock .blockInner { padding: 0 10px } } .commerBottomBlock .blockInner:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 56px; background: #f8f8f8 } @media all and (max-width: 1024px) { .commerBottomBlock .blockInner:after { display: none } } .commerBottomBlock .blockInner .inner { max-width: 1340px; margin: 0 auto; font-size: 0; position: relative; padding: 95px 0 60px; z-index: 1 } .commerBottomBlock .blockInner .inner:before { content: ''; position: absolute; top: 0; left: 100%; right: -3000px; height: 56px; background: #f3f3f3 } .commerBottomBlock .blockInner .inner:after { content: ''; position: absolute; bottom: 0; right: 100%; left: -3000px; height: 56px; background: #724bbb } @media all and (max-width: 1024px) { .commerBottomBlock .blockInner .inner { padding: 40px 0 20px } .commerBottomBlock .blockInner .inner:after, .commerBottomBlock .blockInner .inner:before { display: none } } .commerBottomBlock .blockInner .inner .block_in { font-size: 30px; font-weight: 900; color: #fff; line-height: 1.2; text-align: center; padding: 0 0 20px } @media all and (max-width: 1024px) { .commerBottomBlock .blockInner .inner .block_in { font-size: 23px } } .commerBottomBlock .blockInner .inner .block_in p { margin: 0 } .commerTariff { background: url(/local/templates/new_template/assets/css/tariff.png) 50% 100% no-repeat #f8f8f8; font-size: 0 } @media all and (max-width: 1024px) { .commerTariff { background: #f8f8f8 } } .commerTariff .blockInner { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; max-width: 1340px; margin: 0 auto; padding: 50px 42px 100px; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; box-sizing: border-box } .commerTariff .blockInner.activeB { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start } @media all and (min-width: 768px) and (max-width: 1150px) { .commerTariff .blockInner { padding: 30px 10px 30px } } @media all and (max-width: 767px) { .commerTariff .blockInner { padding: 20px 10px 10px; display: block } } .commerTariff .blockInner .tariff { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -moz-box-flex: 0; -moz-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; background: #fff; padding: 58px 40px 60px; box-sizing: border-box; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .commerTariff .blockInner .tariff .tit { font-size: 23px; font-weight: 900; color: #000; padding: 0 0 15px; text-align: center } @media all and (max-width: 1024px) { .commerTariff .blockInner .tariff .tit { font-size: 20px } } .commerTariff .blockInner .tariff .subtit { color: #ffba00; font-weight: 900; font-size: 15px; text-align: center } .commerTariff .blockInner .tariff .text { padding: 27px 10px 0; margin: 0; list-style: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } @media all and (max-width: 1024px) { .commerTariff .blockInner .tariff .text { padding: 10px 0 0 } } .commerTariff .blockInner .tariff .text li { border-bottom: 1px solid #ededed; padding: 18px 0 16px; font-size: 14px; color: #000; line-height: 1.2; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box } .commerTariff .blockInner .tariff .text li p { margin: 0 } .commerTariff .blockInner .tariff .text li:nth-child(n+7) { display: none } .commerTariff .blockInner .tariff .text.opened li:nth-child(n+6) { display: block } .commerTariff .blockInner .tariff .link_open { display: inline-block; vertical-align: top; border-bottom: 1px dashed #32b7d3; font-size: 14px; font-weight: 300; color: #32b7d3; cursor: pointer } .commerTariff .blockInner .tariff .op { text-align: center; padding: 21px 0 46px } @media all and (max-width: 1024px) { .commerTariff .blockInner .tariff .op { padding: 15px 0 15px } } .commerTariff .blockInner .tariff .pri { font-size: 15px; color: #000; font-weight: 900; padding: 0 0 40px; text-align: center } .commerTariff .blockInner .tariff .pri span { font-size: 29px } @media all and (max-width: 800px) { .commerTariff .blockInner .tariff .pri { font-size: 14px } .commerTariff .blockInner .tariff .pri span { font-size: 22px } } @media all and (min-width: 768px) and (max-width: 1024px) { .commerTariff .blockInner .tariff { padding: 30px 20px 30px; -webkit-box-flex: 0; -webkit-flex: 0 0 32%; -moz-box-flex: 0; -moz-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32% } .commerTariff .blockInner .tariff .tit { padding-bottom: 22px } .commerTariff .blockInner .tariff .pri { padding: 12px 0 26px } } @media all and (max-width: 767px) { .commerTariff .blockInner .tariff { padding: 30px 20px 30px; margin-bottom: 20px } .commerTariff .blockInner .tariff .tit { padding-bottom: 22px } .commerTariff .blockInner .tariff .pri { padding: 12px 0 26px } } .commerTariff .blockInner .tariff .btn { display: block; margin: 0 auto; text-decoration: none; max-width: 257px; height: 60px; background: #ffba00; border: 1px solid #ffba00; padding: 0; font-size: 15px; font-weight: 700; color: #fff; position: relative; line-height: 58px; text-align: center; box-sizing: border-box; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .commerTariff .blockInner .tariff .btn span { display: inline-block; vertical-align: middle; width: 14px; height: 17px; background: url(/local/templates/new_template/assets/css/pric_btn.svg) 0 0 no-repeat; margin: 0 0 0 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .commerTariff .blockInner .tariff .btn:hover { background: #fff; color: #000 } .commerTariff .blockInner .tariff .btn:hover span { background: url(/local/templates/new_template/assets/css/pric_btn_h.svg) 0 0 no-repeat } .corporateToptext { background: #fff; padding: 0 30px } @media all and (max-width: 639px) { .corporateToptext { padding: 0 10px } } .corporateToptext .blockInner { max-width: 1340px; margin: 0 auto; font-size: 0; padding: 90px 0 39px } @media all and (min-width: 640px) and (max-width: 1024px) { .corporateToptext .blockInner { padding: 40px 0 20px } } @media all and (max-width: 639px) { .corporateToptext .blockInner { padding: 10px 0 } } .corporateToptext .blockInner .title { font-weight: 300; color: #000; text-align: center; font-size: 50px; line-height: 1.2 } @media all and (min-width: 640px) and (max-width: 1024px) { .corporateToptext .blockInner .title { font-size: 40px } } .corporateToptext .blockInner .title strong { font-weight: 900 } @media all and (max-width: 639px) { .corporateToptext .blockInner .title { font-size: 25px } } .corporateToptext .blockInner .text { font-weight: 700; font-size: 30px; line-height: 1.2; padding: 70px 0 0; text-align: center } .corporateToptext .blockInner .text p { margin: 0 } @media all and (min-width: 640px) and (max-width: 1024px) { .corporateToptext .blockInner .text { font-size: 25px; padding-top: 30px } } @media all and (max-width: 639px) { .corporateToptext .blockInner .text { font-size: 20px; padding-top: 20px } } .oveflowHidden { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden } .jobBlockMain.corporatePage { background: url(/local/templates/new_template/assets/css/cor_bg.png) 50% 100% no-repeat #fff } @media all and (max-width: 1024px) { .jobBlockMain.corporatePage { background: 0 0 } } .jobBlockMain.corporatePage .text_bl { padding: 40px 0 100px; font-size: 30px; color: #000; font-weight: 700; text-align: center } .jobBlockMain.corporatePage .text_bl strong { font-weight: 900 } .jobBlockMain.corporatePage .text_bl p { margin: 0 } @media all and (max-width: 767px) { .jobBlockMain.corporatePage .text_bl { padding: 30px 0 30px; font-size: 22px } .jobBlockMain.corporatePage .text_bl span { display: block } } @media all and (max-width: 767px) { .jobBlockMain.corporatePage .blockInner { padding-top: 0 } .jobBlockMain.corporatePage .blockInner .inner { padding-top: 20px } } .topFormMain.corporatePage { margin: 0; background: url(/local/templates/new_template/assets/css/land_form_bg.jpg) 50% 0 no-repeat; background-size: cover; overflow: hidden } .topFormMain.corporatePage .formInner { background: 0 0; position: relative } .topFormMain.corporatePage .formInner:before { content: ''; position: absolute; top: 0; left: -3000px; right: 100%; height: 56px; background: #f3f3f3 } @media all and (max-width: 1024px) { .topFormMain.corporatePage .formInner:before { display: none } } .topFormMain.corporatePage + .priceLanding { overflow: hidden } .topFormMain.corporatePage + .priceLanding .blockInner { position: relative } .topFormMain.corporatePage + .priceLanding .blockInner:before { content: ''; position: absolute; top: 0; right: -3000px; left: 100%; height: 56px; background: #5ac476; z-index: 32 } @media all and (max-width: 1024px) { .topFormMain.corporatePage + .priceLanding .blockInner:before { display: none } } .automationToptext { background: #fff; padding: 0 30px } @media all and (max-width: 639px) { .automationToptext { padding: 0 10px } } .automationToptext .blockInner { max-width: 1340px; margin: 0 auto; font-size: 0; padding: 91px 0 101px } @media all and (min-width: 640px) and (max-width: 1024px) { .automationToptext .blockInner { padding: 40px 0 20px } } @media all and (max-width: 639px) { .automationToptext .blockInner { padding: 28px 0 } } .automationToptext .blockInner .title { font-weight: 700; color: #000; text-align: center; font-size: 50px; line-height: 1.2 } @media all and (min-width: 640px) and (max-width: 1024px) { .automationToptext .blockInner .title { font-size: 40px } } .automationToptext .blockInner .title strong { color: #ffba00; font-weight: 900 } @media all and (max-width: 639px) { .automationToptext .blockInner .title { font-size: 25px } } .automationToptext .blockInner .text { font-weight: 700; font-size: 30px; line-height: 1.2; padding: 30px 0 0; text-align: center } .automationToptext .blockInner .text p { margin: 0 } @media all and (min-width: 640px) and (max-width: 1024px) { .automationToptext .blockInner .text { font-size: 25px; padding-top: 30px } } @media all and (max-width: 639px) { .automationToptext .blockInner .text { font-size: 20px; padding-top: 20px } } .autoBlock { font-size: 0 } .autoBlock .blockInner { padding: 0 30px; overflow: hidden; background: #f8f8f8; z-index: 1 } @media all and (max-width: 767px) { .autoBlock .blockInner { padding: 0 20px } } .autoBlock .blockInner .inner { max-width: 1340px; margin: 0 auto; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 40px 0 0; position: relative } @media all and (max-width: 639px) { .autoBlock .blockInner .inner { display: block; padding: 20px 0 0 } } .autoBlock .blockInner .inner:before { content: ''; position: absolute; top: 0; left: -3000px; right: 100%; height: 56px; background: #fff } @media all and (max-width: 1024px) { .autoBlock .blockInner .inner:before { display: none } } .autoBlock .blockInner .inner .text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 50px; padding: 125px 0 0 } @media all and (min-width: 640px) and (max-width: 1200px) { .autoBlock .blockInner .inner .text { padding-top: 50px } } @media all and (max-width: 639px) { .autoBlock .blockInner .inner .text { padding-top: 0; margin: 0 } } .autoBlock .blockInner .inner .text .number { overflow: hidden; height: 64px; font-weight: 900; font-size: 100px; color: #ffba00; line-height: 110px } @media all and (min-width: 640px) and (max-width: 1200px) { .autoBlock .blockInner .inner .text .number { font-size: 50px; height: 32px } } @media all and (max-width: 639px) { .autoBlock .blockInner .inner .text .number { font-size: 50px; height: 32px } } .autoBlock .blockInner .inner .text .body { font-size: 30px; color: #000; line-height: 1.2; min-width: 280px; font-weight: 700; padding: 30px 0 0; box-sizing: border-box; max-width: 490px; display: inline-block; vertical-align: top } .autoBlock .blockInner .inner .text .body p { margin: 0 } @media all and (min-width: 640px) and (max-width: 1200px) { .autoBlock .blockInner .inner .text .body { font-size: 18px; padding-top: 20px } } @media all and (max-width: 639px) { .autoBlock .blockInner .inner .text .body { font-size: 18px; padding-top: 20px; padding-bottom: 20px } } .autoBlock .blockInner .inner .a-img { -webkit-box-flex: 1; -webkit-flex: 1 1 594px; -moz-box-flex: 1; -moz-flex: 1 1 594px; -ms-flex: 1 1 594px; flex: 1 1 594px; text-align: right } @media all and (min-width: 640px) and (max-width: 1200px) { .autoBlock .blockInner .inner .a-img { margin-left: 30px } } @media all and (max-width: 639px) { .autoBlock .blockInner .inner .a-img { text-align: left } } .autoBlock .blockInner:nth-child(2n) { background: url(/local/templates/new_template/assets/css/tabs-re.png) 50% 0 repeat-y #fff } .autoBlock .blockInner:nth-child(2n) .inner:before { content: ''; position: absolute; top: 0; right: -3000px; left: 100%; height: 56px; background: #f8f8f8 } .autoBlock .blockInner:nth-child(2n) .inner .text { padding-top: 100px } @media all and (min-width: 640px) { .autoBlock .blockInner:nth-child(2n) .inner .text { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; text-align: right; margin: 0 0 0 50px } } @media all and (min-width: 640px) and (max-width: 1200px) { .autoBlock .blockInner:nth-child(2n) .inner .text { padding-top: 50px } } @media all and (max-width: 639px) { .autoBlock .blockInner:nth-child(2n) .inner .text { text-align: right; padding-top: 0 } } @media all and (min-width: 640px) { .autoBlock .blockInner:nth-child(2n) .inner .a-img { text-align: left } } @media all and (min-width: 640px) and (max-width: 1200px) { .autoBlock .blockInner:nth-child(2n) .inner .a-img { margin-left: 0; margin-right: 30px } } @media all and (max-width: 639px) { .autoBlock .blockInner:nth-child(2n) .inner .a-img { text-align: right } } .autoIconBlock { background: #fff; font-size: 0; overflow: hidden; padding: 0 30px } @media all and (max-width: 767px) { .autoIconBlock { padding: 0 10px } } .autoIconBlock .blockInner { max-width: 1340px; margin: 0 auto; padding: 93px 0 50px; position: relative } @media all and (max-width: 1024px) { .autoIconBlock .blockInner { padding: 35px 0 } } .autoIconBlock .blockInner:before { content: ''; position: absolute; top: 0; right: -3000px; left: 100%; height: 56px; background: #f8f8f8 } @media all and (max-width: 1024px) { .autoIconBlock .blockInner:before { display: none } } .autoIconBlock .blockInner .title { font-weight: 700; color: #000; font-size: 30px; text-align: center } @media all and (max-width: 767px) { .autoIconBlock .blockInner .title { font-size: 22px } } .autoIconBlock .blockInner .text { font-size: 15px; color: #000; font-weight: 400; text-align: center; line-height: 1.6; padding: 0 0 40px } .autoIconBlock .blockInner .text p { margin: 0 } @media all and (max-width: 767px) { .autoIconBlock .blockInner .text { padding-bottom: 0 } } .autoIconBlock .blockInner .btn { display: inline-block; vertical-align: top; margin: 0 auto; text-decoration: none; padding: 0 40px; height: 60px; background: #ffba00; border: 1px solid #ffba00; font-size: 15px; font-weight: 700; color: #fff; position: relative; line-height: 58px; text-align: center; box-sizing: border-box; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .autoIconBlock .blockInner .btn span { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(/local/templates/new_template/assets/css/au_ph.svg) 0 0 no-repeat; margin: 0 0 0 28px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media all and (max-width: 767px) { .autoIconBlock .blockInner .btn { padding: 0 26px } } .autoIconBlock .blockInner .btn:hover { background: #fff; color: #000 } .autoIconBlock .blockInner .btn:hover span { background: url(/local/templates/new_template/assets/css/au_ph_h.svg) 0 0 no-repeat } .autoIconBlock .blockInner .inner { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 90px 0 90px } @media all and (max-width: 979px) { .autoIconBlock .blockInner .inner { display: block; padding: 40px 0 } } @media all and (max-width: 767px) { .autoIconBlock .blockInner .inner { padding-bottom: 20px } } .autoIconBlock .blockInner .inner .icons { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; border-right: 1px dashed #c1c1c1; padding: 0 32px 16px 38px; box-sizing: border-box } @media all and (min-width: 1025px) and (max-width: 1250px) { .autoIconBlock .blockInner .inner .icons { padding: 0 12px 16px 12px } } @media all and (min-width: 980px) and (max-width: 1024px) { .autoIconBlock .blockInner .inner .icons { padding: 0 12px 16px 12px } } .autoIconBlock .blockInner .inner .icons:first-child { padding-left: 0 } .autoIconBlock .blockInner .inner .icons:last-child { border: none } .autoIconBlock .blockInner .inner .icons .ic { display: block; margin-bottom: 24px } .autoIconBlock .blockInner .inner .icons .tit { font-family: 'PT Sans'; font-weight: 700; font-size: 18px; line-height: 1.2; color: #000; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom: 2px solid transparent } @media all and (max-width: 979px) { .autoIconBlock .blockInner .inner .icons { display: block; padding: 20px 20px 18px 0; border: none; border-top: 1px dashed #c1c1c1; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; text-decoration: none } .autoIconBlock .blockInner .inner .icons:last-child { border-top: 1px dashed #c1c1c1 } .autoIconBlock .blockInner .inner .icons .ic { -webkit-box-flex: 0; -webkit-flex: 0 0 64px; -moz-box-flex: 0; -moz-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; margin-right: 30px; margin-bottom: 0 } .autoIconBlock .blockInner .inner .icons .tit { font-family: 'PT Sans'; font-weight: 700; font-size: 18px; line-height: 1.2; color: #000; border: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media all and (max-width: 979px) and (max-width: 639px) { .autoIconBlock .blockInner .inner .icons { padding: 15px 25px 15px 0 } .autoIconBlock .blockInner .inner .icons .ic { -webkit-box-flex: 0; -webkit-flex: 0 0 45px; -moz-box-flex: 0; -moz-flex: 0 0 45px; -ms-flex: 0 0 45px; flex: 0 0 45px; margin-right: 15px } .autoIconBlock .blockInner .inner .icons .tit { font-size: 15px } } .autoIconBlock.two { background-color: #f8f8f8 } .autoIconBlock.two .blockInner:before { content: ''; position: absolute; top: 0; left: -3000px; right: 100%; height: 56px; background: #fff } @media all and (max-width: 1024px) { .autoIconBlock.two .blockInner:before { display: none } } .autoIconBlock.two .blockInner .icons { -webkit-box-flex: 0; -webkit-flex: 0 0 16%; -moz-box-flex: 0; -moz-flex: 0 0 16%; -ms-flex: 0 0 16%; flex: 0 0 16% } @media all and (min-width: 1025px) and (max-width: 1250px) { .autoIconBlock.two .blockInner .icons { padding: 0 12px 16px 12px } } @media all and (min-width: 980px) and (max-width: 1024px) { .autoIconBlock.two .blockInner .icons { padding: 0 12px 16px 12px } } .autoIconBlock.two .blockInner .icons:first-child { padding-left: 0 } .autoIconBlock.two .blockInner .icons:last-child { border: none } .autoIconBlock.two .blockInner .icons .ic { display: block; margin-bottom: 24px } .autoIconBlock.two .blockInner .icons .tit { font-family: 'PT Sans'; font-weight: 700; font-size: 18px; line-height: 1.2; color: #000; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom: 2px solid transparent } @media all and (max-width: 979px) { .autoIconBlock.two .blockInner .icons { display: block; padding: 20px 20px 18px 0; border: none; border-top: 1px dashed #c1c1c1; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; text-decoration: none } .autoIconBlock.two .blockInner .icons:last-child { border-top: 1px dashed #c1c1c1 } .autoIconBlock.two .blockInner .icons .ic { -webkit-box-flex: 0; -webkit-flex: 0 0 64px; -moz-box-flex: 0; -moz-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; margin-right: 30px; margin-bottom: 0 } .autoIconBlock.two .blockInner .icons .tit { font-family: 'PT Sans'; font-weight: 700; font-size: 18px; line-height: 1.2; color: #000; border: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media all and (max-width: 979px) and (max-width: 639px) { .autoIconBlock.two .blockInner .icons { padding: 15px 25px 15px 0 } .autoIconBlock.two .blockInner .icons .ic { -webkit-box-flex: 0; -webkit-flex: 0 0 45px; -moz-box-flex: 0; -moz-flex: 0 0 45px; -ms-flex: 0 0 45px; flex: 0 0 45px; margin-right: 15px } .autoIconBlock.two .blockInner .icons .tit { font-size: 15px } } .autoBottomText { padding: 0 30px } @media all and (max-width: 767px) { .autoBottomText { padding: 0 10px } } .autoBottomText .blockInner { max-width: 1340px; margin: 0 auto; padding: 93px 0 80px } @media all and (max-width: 767px) { .autoBottomText .blockInner { padding: 22px 0 30px } } .autoBottomText .blockInner .title { text-align: center; font-weight: 900; color: #000; font-size: 30px; line-height: 1.2 } @media all and (max-width: 767px) { .autoBottomText .blockInner .title { font-size: 20px } } .autoBottomText .blockInner .body { font-size: 15px; color: #000; font-weight: 400; line-height: 1.9; padding: 51px 0 0; text-align: center } @media all and (max-width: 767px) { .autoBottomText .blockInner .body { padding: 20px 10px 0; font-size: 14px } } .autoBottomText .blockInner .body p { margin: 0 } .autoCrmBlock { font-size: 0 } .autoCrmBlock .blockInner { padding: 0 30px; overflow: hidden; background: #f8f8f8; z-index: 1 } @media all and (max-width: 767px) { .autoCrmBlock .blockInner { padding: 0 20px } } .autoCrmBlock .blockInner .inner { max-width: 1340px; margin: 0 auto; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 90px 0 0; position: relative } @media all and (max-width: 639px) { .autoCrmBlock .blockInner .inner { display: block; padding: 20px 0 0 } } .autoCrmBlock .blockInner .inner:before { content: ''; position: absolute; top: 0; left: -3000px; right: 100%; height: 56px; background: #fff } @media all and (max-width: 1024px) { .autoCrmBlock .blockInner .inner:before { display: none } } .autoCrmBlock .blockInner .inner .crm-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: 50px; padding: 30px 0 0; text-align: right; position: relative } @media all and (min-width: 640px) and (max-width: 1200px) { .autoCrmBlock .blockInner .inner .crm-text { padding-top: 20px } } @media all and (max-width: 639px) { .autoCrmBlock .blockInner .inner .crm-text { padding-top: 0; margin: 0; text-align: left; padding-bottom: 20px } } .autoCrmBlock .blockInner .inner .crm-text .title { font-size: 50px; font-weight: 900; color: #000; position: relative } @media all and (max-width: 767px) { .autoCrmBlock .blockInner .inner .crm-text .title { font-size: 40px } } .autoCrmBlock .blockInner .inner .crm-text .number { position: absolute; bottom: 70px; right: 0; left: 0; font-size: 600px; line-height: 0; font-weight: 900; color: #fff; text-align: right } @media all and (min-width: 768px) and (max-width: 1024px) { .autoCrmBlock .blockInner .inner .crm-text .number { font-size: 400px } } @media all and (max-width: 767px) { .autoCrmBlock .blockInner .inner .crm-text .number { display: none } } .autoCrmBlock .blockInner .inner .crm-text .text { font-size: 17px; color: #000; line-height: 1.4; min-width: 280px; font-weight: 400; padding: 30px 0 39px; box-sizing: border-box; max-width: 670px; display: inline-block; vertical-align: top; position: relative } .autoCrmBlock .blockInner .inner .crm-text .text p { margin: 0 } @media all and (min-width: 640px) and (max-width: 1200px) { .autoCrmBlock .blockInner .inner .crm-text .text { padding-top: 20px } } @media all and (max-width: 639px) { .autoCrmBlock .blockInner .inner .crm-text .text { padding-top: 20px; padding-bottom: 20px } } .autoCrmBlock .blockInner .inner .crm-text .text strong { font-weight: 700 } .autoCrmBlock .blockInner .inner .crm-text .btn { display: inline-block; vertical-align: top; text-decoration: none; width: 257px; height: 60px; color: #fff; border: 1px solid #ffba00; line-height: 58px; box-sizing: border-box; background: #ffba00; text-align: center; font-size: 17px; color: #fff; font-weight: 700; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative } .autoCrmBlock .blockInner .inner .crm-text .btn span { display: inline-block; vertical-align: middle; width: 14px; height: 17px; background: url(/local/templates/new_template/assets/css/pric_btn.svg) 0 0 no-repeat; margin: 0 0 0 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .autoCrmBlock .blockInner .inner .crm-text .btn:hover { background: #fff; color: #000 } .autoCrmBlock .blockInner .inner .crm-text .btn:hover span { background: url(/local/templates/new_template/assets/css/pric_btn_h.svg) 0 0 no-repeat } .autoCrmBlock .blockInner .inner .crm-img { -webkit-box-flex: 1; -webkit-flex: 1 1 594px; -moz-box-flex: 1; -moz-flex: 1 1 594px; -ms-flex: 1 1 594px; flex: 1 1 594px; padding-bottom: 104px } @media all and (min-width: 640px) and (max-width: 1200px) { .autoCrmBlock .blockInner .inner .crm-img { margin-right: 30px } } @media all and (max-width: 639px) { .autoCrmBlock .blockInner .inner .crm-img { text-align: left; padding-bottom: 10px } } .autoCrmBlock .blockInner:nth-child(2n) { background: url(/local/templates/new_template/assets/css/tabs-re.png) 50% 0 repeat-y #fff } .autoCrmBlock .blockInner:nth-child(2n) .inner:before { content: ''; position: absolute; top: 0; right: -3000px; left: 100%; height: 56px; background: #f8f8f8 } .autoCrmBlock .blockInner:nth-child(2n) .inner .crm-text { padding-top: 30px } .autoCrmBlock .blockInner:nth-child(2n) .inner .crm-text .number { text-align: left; color: #f8f8f8 } @media all and (min-width: 640px) { .autoCrmBlock .blockInner:nth-child(2n) .inner .crm-text { text-align: left; margin: 0 50px 0 0 } } @media all and (min-width: 640px) and (max-width: 1200px) { .autoCrmBlock .blockInner:nth-child(2n) .inner .crm-text { padding-top: 50px } } @media all and (max-width: 639px) { .autoCrmBlock .blockInner:nth-child(2n) .inner .crm-text { text-align: left; padding-top: 0 } } @media all and (min-width: 640px) { .autoCrmBlock .blockInner:nth-child(2n) .inner .crm-img { text-align: right; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1 } } @media all and (min-width: 640px) and (max-width: 1200px) { .autoCrmBlock .blockInner:nth-child(2n) .inner .crm-img { margin-left: 30px; margin-right: 0 } } @media all and (max-width: 639px) { .autoCrmBlock .blockInner:nth-child(2n) .inner .crm-img { text-align: left } } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-moz-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-o-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; -ms-transition: height .5s ease-in-out; transition: height .5s ease-in-out } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel .owl-refresh .owl-item { display: none } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease } .owl-carousel .owl-item img { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/local/templates/new_template/assets/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale .1s ease; -moz-transition: scale .1s ease; -o-transition: scale .1s ease; -ms-transition: scale .1s ease; transition: scale .1s ease } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1 } .no-js .owl-carousel { display: block } .site-wrapper { position: relative } .site-wrapper:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/local/templates/new_template/assets/css/tabs-re.png) 50% 100% repeat-y; z-index: 30; pointer-events: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } @media all and (max-width: 1024px) { .site-wrapper:before { display: none } } .art-tpl__title a { font-size: 23px; font-weight: 700; color: #000 !important; line-height: 1.2 } .art-tpl__inf { display: block } .art-tpl__inf .date { padding: 0 0 0 34px; position: relative; font-size: 13px; font-weight: 300; color: #000; display: inline-block; vertical-align: middle } .art-tpl__inf .date:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 19px; height: 16px; background: url(/local/templates/new_template/assets/css/date.svg) 0 0 no-repeat; margin: auto } .art-tpl__note { font-size: 15px !important; font-weight: 400; color: #000; line-height: 1.3 !important } .art-tpl__inf .read_more { display: inline-block; vertical-align: middle } .art-tpl__inf .read_more a { display: inline-block; vertical-align: top; text-decoration: none; padding: 0 31px 0 0; font-weight: 700; color: #000; font-size: 15px; background: url(/local/templates/new_template/assets/css/news.svg) 100% 50% no-repeat } .top_c_b { background: #f8f8f8; padding: 20px 0 } .topFormMain .formInner iframe { position: relative !important } @media all and (min-width: 1041px) { .topFormMain .formInner iframe { height: 338px !important } } .form-popup-wrapper { position: fixed; width: 100%; height: 100%; top: 0; left: 0; overflow: auto; white-space: nowrap; text-align: center; font-size: 0; display: none; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; z-index: 100; background: rgba(0, 0, 0, .8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @media all and (max-width: 767px) { .form-popup-wrapper { padding: 0 10px } } .form-popup-wrapper:before { height: 100%; display: inline-block; vertical-align: middle; content: '' } .form-popup-wrapper .formExtraWrapper { max-width: 440px; margin: auto; position: relative; display: inline-block; white-space: normal; vertical-align: middle; text-align: left } .form-popup-wrapper .formExtraWrapper .close-form { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; cursor: pointer; z-index: 101 } .form-popup-wrapper .formExtraWrapper .close-form span { display: block; width: 20px; height: 20px; position: relative; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .form-popup-wrapper .formExtraWrapper .close-form span:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 2px; background: #fff; margin: auto } .form-popup-wrapper .formExtraWrapper .close-form span:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 2px; background: #fff; margin: auto } .form-b { font-size: 0; padding: 40px; box-sizing: border-box; position: relative; background: #5cc377; z-index: 100 } @media all and (max-width: 767px) { .form-b { padding: 40px 15px 20px; max-width: 280px } } .form-popup-wrapper.f4 iframe { min-height: 314px; height: auto !important } .form-popup-wrapper.f5 iframe { min-height: 150px; height: auto !important } table.top-phones tbody { display: flex; width: 300px } table.top-phones tbody tr { display: flex } table.top-phones tbody tr td ul { list-style: none; padding: 0; margin: 0; position: relative; background: #fff } .phone-top .phone .table-wrapper { overflow: visible } table.top-phones tbody tr td:first-child ul li { font-size: 15px; line-height: 24px; padding: 0 14px 0 4px; color: #000; font-weight: 400; text-decoration: underline; position: relative; cursor: pointer; width: 120px } table.top-phones tbody tr td ul li.active a { color: #ffba00 } table.top-phones tbody tr td:first-child:before { display: block } table.top-phones tbody tr td { display: flex; font-size: 15px } table.top-phones tbody tr td:first-child { position: relative; z-index: 111; flex-direction: column } table.top-phones tbody tr td ul li { font-size: 17px; line-height: 24px; padding: 0 4px; color: #333; position: relative } table.top-phones tbody tr td ul li.active { display: block; color: #ffba00 } table.top-phones tbody tr td:first-child ul li.active:before { display: block; content: ''; border: 4px solid transparent; position: absolute; top: 50%; right: 0; border-left-color: #ffba00; margin-top: -4px } table.top-phones tbody tr td:first-child ul li:hover { color: #ffba00 } body .phone-top:before { top: 18px } table.top-phones tbody tr td:first-child ul.opened li { display: block } table.top-phones tbody tr td:first-child ul.opened li.active { color: #fff; background: #ffba37; text-decoration: none } table.top-phones tbody tr td:first-child ul.opened li.active:before { display: none } table.top-phones tbody tr td:first-child ul input { position: absolute; opacity: 0; top: 0; left: 0; right: 0; border: 0; height: 100%; cursor: pointer } .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: 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; } .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); }*/ } /* End */ /* Start:/local/templates/new_template/assets/css/slick.css?16674007091839*/ /* Slider */ .slick-slider { position: relative; max-height: 1080px; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { max-height: 980px; width: 100%; display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/new_template/assets/css/header-footer.css?166740070927625*/ /*.page-header__nav {*/ /*display: flex;*/ /*justify-content: flex-end;*/ /*-webkit-box-flex: 1;*/ /*-webkit-flex-grow: 1;*/ /*-ms-flex-positive: 1;*/ /*flex-grow: 1;*/ /*}*/ /*.page-header__burger {*/ /*display: none;*/ /*width: 15px;*/ /*height: 15px;*/ /*padding: 0;*/ /*background: transparent url('/local/templates/new_template/assets/css/../img/burger-icon.svg');*/ /*-webkit-background-size: cover;*/ /*background-size: cover;*/ /*background-repeat: no-repeat;*/ /*border: none;*/ /*-webkit-transition: background 0.2;*/ /*-o-transition: background 0.2;*/ /*transition: background 0.2;*/ /*}*/ /*.page-header__burger--active {*/ /*background-image: url('/local/templates/new_template/assets/css/../img/burger-close-icon.svg');*/ /*}*/ /*.page-header__top {*/ /*display: -webkit-box;*/ /*display: -webkit-flex;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*position: relative;*/ /*-webkit-box-pack: justify;*/ /*-webkit-justify-content: space-between;*/ /*-ms-flex-pack: justify;*/ /*justify-content: space-between;*/ /*-webkit-box-align: center;*/ /*-webkit-align-items: center;*/ /*-ms-flex-align: center;*/ /*align-items: center;*/ /*padding-left: 40px;*/ /*padding-right: 40px;*/ /*min-height: 71px;*/ /*}*/ .page-header__top-form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 0; opacity: 0; height: 100%; top: 0; right: 0; border-bottom: 3px solid #ffba00; background-color: #fff; -webkit-transition: width 0.2s, opacity 0.2s; -o-transition: width 0.2s, opacity 0.2s; transition: width 0.2s, opacity 0.2s; } .page-header__top-form--active { width: 100%; opacity: 1; } .page-header__top-form--active .page-header__top-input { width: 60%; padding-left: 40px; padding-top: 10px; padding-right: 0; padding-bottom: 10px; } .page-header__top-form--active .page-header__top-search-label { margin-right: 40px; width: 30px; } .page-header__top-form--active .page-header__top-close-search { display: block; } .page-header__top-input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0; border: none; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #000; } .page-header__top-input::-webkit-input-placeholder { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #000; } .page-header__top-input::-moz-placeholder { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #000; } .page-header__top-input::placeholder { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #000; } .page-header__top-input:focus { outline: none; border: none; } .page-header__top-search { width: 0; height: 30px; padding: 0; background-color: transparent; border: none; } /*.page-header__top-search-label {*/ /*width: 30px;*/ /*height: 30px;*/ /*padding: 0;*/ /*cursor: pointer;*/ /*background-color: transparent;*/ /*background-image: url('/local/templates/new_template/assets/css/../img/search-icon.svg');*/ /*-webkit-background-size: cover;*/ /*background-size: cover;*/ /*background-repeat: no-repeat;*/ /*}*/ /*.page-header__top-close-search {*/ /*margin-right: 40px;*/ /*padding: 0;*/ /*background-color: transparent;*/ /*border: none;*/ /*display: none;*/ /*}*/ /*.page-header__bottom {*/ /*display: -webkit-box;*/ /*display: -webkit-flex;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-flex-wrap: wrap;*/ /*-ms-flex-wrap: wrap;*/ /*flex-wrap: wrap;*/ /*-webkit-box-pack: start;*/ /*-webkit-justify-content: flex-start;*/ /*-ms-flex-pack: start;*/ /*justify-content: flex-start;*/ /*-webkit-box-align: start;*/ /*-webkit-align-items: flex-start;*/ /*-ms-flex-align: start;*/ /*align-items: flex-start;*/ /*min-height: 120px;*/ /*padding-top: 19px;*/ /*padding-right: 40px;*/ /*padding-left: 40px;*/ /*background: url('/local/templates/new_template/assets/css/../img/header-bg-lg.png');*/ /*-webkit-background-size: cover;*/ /*background-size: cover;*/ /*}*/ /*.page-header__bottom-container {*/ /*-webkit-align-self: flex-end;*/ /*-ms-flex-item-align: end;*/ /*align-self: flex-end;*/ /*display: -webkit-box;*/ /*display: -webkit-flex;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-box-pack: justify;*/ /*-webkit-justify-content: space-between;*/ /*-ms-flex-pack: justify;*/ /*justify-content: space-between;*/ /*}*/ /*.page-header__bottom-search {*/ /*height: 60px;*/ /*position: relative;*/ /*}*/ /*.page-header__bottom-search-input {*/ /*width: 200px;*/ /*height: 60px;*/ /*padding-top: 0;*/ /*padding-bottom: 12px;*/ /*padding-left: 43px;*/ /*color: #ffffff;*/ /*background-color: transparent;*/ /*border: none;*/ /*font-weight: 400;*/ /*font-size: 24px;*/ /*line-height: 1;*/ /*}*/ /*.page-header__bottom-search-input:focus {*/ /*border: none;*/ /*}*/ /*.page-header__bottom-search-input::-webkit-input-placeholder {*/ /*color: #ffffff;*/ /*}*/ /*.page-header__bottom-search-input::-moz-placeholder {*/ /*color: #ffffff;*/ /*}*/ /*.page-header__bottom-search-input::placeholder {*/ /*color: #ffffff;*/ /*}*/ /*.page-header__bottom-search-submit {*/ /*background-color: transparent;*/ /*border: none;*/ /*padding: 0;*/ /*}*/ /*.page-header__bottom-search-submit-label {*/ /*position: absolute;*/ /*left: 1px;*/ /*top: 49%;*/ /*-webkit-transform: translate(0, -50%);*/ /*-o-transform: translate(0, -50%);*/ /*transform: translate(0, -50%);*/ /*width: 22px;*/ /*height: 22px;*/ /*background: url('/local/templates/new_template/assets/css/../img/search-orange-icon.png') top left no-repeat;*/ /*-webkit-background-size: cover;*/ /*background-size: cover;*/ /*padding: 0;*/ /*cursor: pointer;*/ /*}*/ /*.page-header__list {*/ /*margin: 0;*/ /*padding: 0;*/ /*list-style-type: none;*/ /*display: -webkit-box;*/ /*display: -webkit-flex;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-box-pack: justify;*/ /*-webkit-justify-content: space-between;*/ /*-ms-flex-pack: justify;*/ /*justify-content: space-between;*/ /*-webkit-flex-wrap: wrap;*/ /*-ms-flex-wrap: wrap;*/ /*flex-wrap: wrap;*/ /*position: relative;*/ /*background-color: #ffffff;*/ /*}*/ /*.page-header__item {*/ /*}*/ /*.page-header__search-btn {*/ /*width: 15px;*/ /*height: 15px;*/ /*margin-left: 10px;*/ /*border: none;*/ /*background: transparent url(/local/templates/new_template/assets/css/../img/search-icon.svg) top left no-repeat;*/ /*}*/ /*.page-header__search-btn:focus {*/ /*outline: none;*/ /*}*/ /*.page-header__link {*/ /*display: block;*/ /*position: relative;*/ /*padding-top: 25px;*/ /*padding-right: 18px;*/ /*padding-left: 18px;*/ /*padding-bottom: 25px;*/ /*color: #000;*/ /*font-size: 16px;*/ /*font-weight: 400;*/ /*line-height: 1.5;*/ /*}*/ /*.page-header__link:hover {*/ /*text-decoration: none;*/ /*}*/ /*.page-header__link::after {*/ /*position: absolute;*/ /*content: "";*/ /*bottom: 0;*/ /*left: 50%;*/ /*-webkit-transform: translate(-50%, 0);*/ /*-o-transform: translate(-50%, 0);*/ /*transform: translate(-50%, 0);*/ /*width: -webkit-calc(61%);*/ /*width: calc(61%);*/ /*height: 3px;*/ /*background-color: #fff;*/ /*-webkit-transition: background-color 0.3s;*/ /*-o-transition: background-color 0.3s;*/ /*transition: background-color 0.3s;*/ /*}*/ /*.page-header__link--active::after,*/ /*.page-header__link:hover::after {*/ /*background-color: #ffa800;*/ /*}*/ /*.page-header__phone {*/ /*position: relative;*/ /*margin-right: 21px;*/ /*color: #ffffff;*/ /*font-size: 16px;*/ /*font-weight: 400;*/ /*line-height: 1.5;*/ /*}*/ /*.page-header__phone-wrapper {*/ /*margin-bottom: 8px;*/ /*}*/ /*.page-header__phone--color-gray {*/ /*color: #999999;*/ /*}*/ /*.page-header__phone--color-orange {*/ /*color: #ffa800;*/ /*}*/ /*.page-header__phone:first-child::after {*/ /*position: absolute;*/ /*content: "";*/ /*width: 1px;*/ /*height: 12px;*/ /*background-color: #ffffff;*/ /*right: -10px;*/ /*top: 50%;*/ /*-webkit-transform: translate(0, -50%);*/ /*-o-transform: translate(0, -50%);*/ /*transform: translate(0, -50%);*/ /*}*/ /*.page-header__mega {*/ /*width: 50%;*/ /*position: relative;*/ /*margin-left: auto;*/ /*padding-right: 121px;*/ /*color: #ffa800;*/ /*font-size: 16px;*/ /*font-weight: 400;*/ /*line-height: 1.5;*/ /*text-align: right;*/ /*}*/ /*.page-header__mega::after {*/ /*content: "";*/ /*position: absolute;*/ /*top: 50%;*/ /*right: 0;*/ /*width: 116px;*/ /*height: 16px;*/ /*-webkit-transform: translate(0, -50%);*/ /*-o-transform: translate(0, -50%);*/ /*transform: translate(0, -50%);*/ /*background: url('/local/templates/new_template/assets/css/../img/megagroup-logo.svg') top left no-repeat;*/ /*}*/ /*.page-footer {*/ /*background-color: #000;*/ /*background-image: url('/local/templates/new_template/assets/css/../img/footer-bg.jpg');*/ /*-webkit-background-size: cover;*/ /*background-size: cover;*/ /*padding-top: 45px;*/ /*padding-bottom: 50px;*/ /*}*/ /*.page-footer__title {*/ /*color: #fff;*/ /*text-align: center;*/ /*font-weight: 300;*/ /*font-size: 60px;*/ /*margin-top: 0;*/ /*margin-bottom: 30px;*/ /*}*/ /*.page-footer__inner {*/ /*display: -webkit-box;*/ /*display: -webkit-flex;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-flex-wrap: wrap;*/ /*-ms-flex-wrap: wrap;*/ /*flex-wrap: wrap;*/ /*-webkit-box-pack: justify;*/ /*-webkit-justify-content: space-between;*/ /*-ms-flex-pack: justify;*/ /*justify-content: space-between;*/ /*}*/ /*.page-footer__left {*/ /*width: 47%;*/ /*}*/ /*.page-footer__right {*/ /*width: 46%;*/ /*}*/ /*.page-footer__cities {*/ /*display: -webkit-box;*/ /*display: -webkit-flex;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-flex-wrap: wrap;*/ /*-ms-flex-wrap: wrap;*/ /*flex-wrap: wrap;*/ /*-webkit-box-pack: justify;*/ /*-webkit-justify-content: space-between;*/ /*-ms-flex-pack: justify;*/ /*justify-content: space-between;*/ /*padding: 0;*/ /*list-style-type: none;*/ /*counter-reset: list1;*/ /*margin: 0 35px 10px 0;*/ /*}*/ /*.page-footer__cities li {*/ /*padding-left: 78px;*/ /*padding-top: 7px;*/ /*position: relative;*/ /*margin: 5px 0 30px;*/ /*}*/ /*.page-footer__cities li::before {*/ /*position: absolute;*/ /*counter-increment: list1;*/ /*content: counter(list1);*/ /*color: #fff;*/ /*font-size: 24px;*/ /*font-weight: 700;*/ /*left: 26px;*/ /*top: 17px;*/ /*z-index: 1;*/ /*}*/ /*.page-footer__cities li::after {*/ /*content: '';*/ /*position: absolute;*/ /*width: 60px;*/ /*height: 60px;*/ /*background-color: #ffa800;*/ /*-webkit-border-radius: 50%;*/ /*border-radius: 50%;*/ /*top: 0;*/ /*left: 0;*/ /*}*/ .page-footer__map { margin-bottom: 25px; } .page-footer__map img { max-width: 100%; } .page-footer__city { display: block; color: #fff; margin-bottom: 3px; } .page-footer__city-number { color: #fff; } .page-footer__city-number > span { color: #ffa800; } .page-footer__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-footer__form input { margin-bottom: 20px; } .page-footer__name, .page-footer__text { width: 100%; } .page-footer__mail, .page-footer__phone { width: 225px; } .page-footer__agree { cursor: pointer; font-size: 14px; color: #fff; margin-left: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 21px; } .page-footer__agree .jq-checkbox { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; } .page-footer__submit { position: relative; text-align: left; color: #fff; background-color: #ffa800; width: 158px; padding: 20px 40px; -webkit-border-radius: 30px; border-radius: 30px; border: 0; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .page-footer__submit:hover, .page-footer__submit:active { background-color: #ffb933; } .page-footer__submit::after { content: ''; position: absolute; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 27px; margin-left: 5px; } .page-footer__text { height: 120px; resize: none; } .page-footer__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px; } .page-footer__address { position: relative; color: #fff; padding-left: 35px; margin-bottom: 20px; } .page-footer__address::before { content: ''; width: 15px; height: 20px; position: absolute; background-image: url('/local/templates/new_template/assets/css/../img/pin.svg'); left: 0; top: 0; } .page-footer__mail { position: relative; padding-left: 35px; } .page-footer__mail::before { content: ''; position: absolute; background-image: url('/local/templates/new_template/assets/css/../img/mail.svg'); width: 15px; height: 16px; top: 0; left: 0; } .page-footer__left { width: 47%; } .page-footer__right { width: 46%; } .page-footer ::placeholder { color: #6f6f6e; } .page-footer__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-footer__mail::before { content: ''; position: absolute; background-image: url(/local/templates/new_template/assets/css/../img/mail.svg); width: 15px; height: 16px; top: 26px; left: 0; } .page-footer__mail, .page-footer__phone { width: 225px; } .page-footer__name, .page-footer__text { width: 100%; } .page-footer__text { height: 120px; resize: none; } .page-footer .page-footer__phone, .page-footer .page-footer__name, .page-footer .page-footer__mail, .page-footer textarea { height: 60px; font-size: 18px; overflow: hidden; border: none; padding: 23px 29px; color: #6f6f6e; max-width: 100%; -webkit-border-radius: 30px; border-radius: 30px; display: inline-block; vertical-align: top; } .page-footer__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px; } .page-footer__submit { position: relative; text-align: left; color: #fff; background-color: #ffa800; width: 158px; padding: 20px 40px; -webkit-border-radius: 30px; border-radius: 30px; border: 0; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .page-footer__submit::after { content: ''; position: absolute; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 27px; margin-left: 5px; } .page-footer__agree { cursor: pointer; font-size: 14px; color: #fff; margin-left: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 21px; } .page-footer__agree { cursor: pointer; font-size: 14px; color: #fff; margin-left: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 21px; } .search-filters { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .search-filters__button { display: block; width: 20px; height: 20px; margin-left: 20px; padding: 0; background: none; border: none; margin-bottom: 20px; } .search-filters__button svg { fill: #ffa800; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s; } .search-filters__button svg:hover { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .search-filters__button--active svg { fill: #ffffff; } /*.filter {*/ /*width: 764px;*/ /*margin-top: 60px;*/ /*padding-top: 24px;*/ /*padding-right: 40px;*/ /*padding-bottom: 60px;*/ /*padding-left: 40px;*/ /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/ /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/ /*border: 1px solid #e4e4e4;*/ /*background-color: #ffffff;*/ /*}*/ .filter__section { width: 100%; } .filter__section--active .filter__dropdown::before { background-image: url('/local/templates/new_template/assets/css/../img/icon-plus.svg'); } .filter__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filter__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 16px; cursor: pointer; } .filter__dropdown { position: relative; height: 0; margin-top: 12px; border-top: 1px solid #e4e4e4; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .filter__dropdown::before { content: ""; position: absolute; right: 0; top: -8px; width: 17px; height: 17px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #e4e4e4; background-image: url('/local/templates/new_template/assets/css/../img/icon-minus.svg'); -webkit-background-size: 9px 9px; background-size: 9px; background-repeat: no-repeat; background-position: 50% 50%; } .filter__checkbox { margin-right: 5px; } .filter__title { margin-right: 20px; color: #010101; font-size: 24px; font-weight: 400; line-height: 1; } .filter__label { margin-top: 0; margin-right: 27px; margin-bottom: 12px; display: inline-block; color: #666666; font-size: 18px; font-weight: 400; line-height: 1.25; cursor: pointer; } .filter__items { margin-bottom: 13px; } .filter__items--hidden { display: none; } .filter__submit { position: relative; min-height: 60px; margin-top: 9px; margin-right: auto; padding-top: 0; padding-right: 48px; padding-bottom: 0; padding-left: 41px; font-size: 18px; color: #010101; background-color: #ffa800; border: 1px solid #ffa800; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .filter__submit::after { content: ""; position: absolute; width: 8px; height: 13px; top: 50%; right: 33px; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: url('/local/templates/new_template/assets/css/../img/icon-arrow.svg'); -webkit-background-size: 8px 13px; background-size: 8px 13px; } .filter__submit:hover { background-color: #fff; } .filter__reset { position: relative; min-height: 60px; margin-top: 9px; margin-left: auto; padding-top: 0; padding-right: 63px; padding-bottom: 0; padding-left: 41px; font-size: 18px; color: #010101; background-color: #ffffff; border: 1px solid #ffa800; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .filter__reset::after { content: ""; position: absolute; width: 13px; height: 13px; top: 50%; right: 40px; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: url('/local/templates/new_template/assets/css/../img/icon-cross.svg'); -webkit-background-size: 13px 13px; background-size: 13px 13px; } .filter__reset:hover { background-color: #ffa800; } .page-footer textarea { height: auto; } @media (min-width: 1920px) { .page-footer { background-image: url('/local/templates/new_template/assets/css/../img/footer-bg-big.jpg'); } .page-footer__inner { width: 1024px; } .page-header__nav { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin-left: auto; } /*.page-header__bottom {*/ /*background-image: url('/local/templates/new_template/assets/css/../img/header-bg-xxl.png');*/ /*}*/ .page-header__logo { margin-right: 20px; } .page-header__search-btn { margin-left: 20px; } .page-header__link { display: block; padding-left: 20px; padding-right: 20px; } .page-footer__inner.container { width: 1577px; padding-left: 0; padding-right: 0; } } @media (min-width: 1024px) { .page-footer__inner.container { width: 1024px; padding-left: 0; padding-right: 0; margin: 0 auto; } } @media (max-width: 1023px) { .page-footer__mail, .page-footer__phone { width: 100%; } .page-footer__agree { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-left: 0; margin-bottom: 15px; } .page-footer__submit { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .page-footer__bottom { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .page-header__item:last-child { margin-right: auto; } .page-header__item:last-child { margin-right: auto; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header__top { padding-right: 20px; padding-left: 20px; } /*.page-header__bottom {*/ /*padding-right: 20px;*/ /*padding-left: 20px;*/ /*}*/ } @media (min-width: 768px) and (max-width: 1100px) { .page-header__nav--active { width: 100%; } .page-header__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; max-width: none; width: 100%; /*padding-left: 20px;*/ /*padding-right: 20px;*/ } } @media (max-width: 767px) { .page-header__link { color: #fff; font-size: 22px; } .page-header__nav--active { width: 100%; } .page-header__top { min-height: 61px; padding-left: 20px; padding-right: 20px; } /*.page-header__bottom {*/ /*-webkit-box-align: start;*/ /*-webkit-align-items: flex-start;*/ /*-ms-flex-align: start;*/ /*align-items: flex-start;*/ /*min-height: 171px;*/ /*padding-top: 25px;*/ /*padding-right: 20px;*/ /*padding-left: 20px;*/ /*background-image: url('/local/templates/new_template/assets/css/../img/header-bg-sm.png');*/ /*}*/ .page-header__bottom-search { display: none; } .page-header__link::after { display: none; } .page-header__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; position: relative; max-width: 500px; /*background: url(/local/templates/new_template/assets/css/../img/mobile-menu-bg.png);*/ /*background-size: cover;*/ /*background-position: center;*/ /*background-repeat: no-repeat;*/ } .page-header__list:after { content: ''; width: 20px; height: 20px; position: absolute; top: -20px; right: 20px; /*background-image: url(/local/templates/new_template/assets/css/../img/after.svg);*/ } .page-header__phone { display: block; margin-right: 0; line-height: 1.3; } .page-header__phone:first-child::after { display: none; } .page-header__mega { padding-right: 0; padding-bottom: 16px; } .page-header__mega::after { top: unset; bottom: 0; -webkit-transform: none; -o-transform: none; transform: none; } .page-footer { padding-bottom: 60px; background-image: url('/local/templates/new_template/assets/css/../img/footer-bg-small.jpg'); } .page-footer__title { font-size: 40px; text-align: left; padding-right: 20px; padding-left: 20px; } .page-footer__left { width: 100%; } .page-footer__right { width: 100%; } .page-footer__cities { margin-right: 0; } .page-footer__form { margin-top: 30px; } } @media (max-width: 479px) { .page-header__bottom-container { padding-left: 10px; padding-right: 10px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .page-header__list { max-width: 300px; } .page-header__link { width: 100%; } } @media (min-width: 320px) { .page-footer__inner.container { padding-left: 20px; padding-right: 20px; } } /* End */ /* Start:/local/templates/new_template/assets/css/edu_styles.css?166740070968205*/ @charset "utf-8"; /* CSS Document */ .g-button{position:relative;display:inline-block;box-sizing:border-box;padding:.5em 1.35714em;cursor:pointer;text-decoration:none!important;border:.07143em solid rgba(0,0,0,.1);border-radius:.28571em;outline:none;background-color:#15c;background-image:linear-gradient(-180deg,#3b7cef,#15c);text-shadow:0 1px 1px rgba(0,0,0,.2);font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.2}.g-button,.g-button:hover{color:#fff!important;box-shadow:0 .07143em .07143em 0 rgba(0,0,0,.2)}.g-button:hover{background:#15c}.g-button:active{color:#fff!important;background:#15c;box-shadow:inset 0 .07143em .14286em 0 rgba(0,0,0,.3)}.g-button.g-button--invert{color:#15c!important;border-color:rgba(17,85,204,.5);background:#fff;background-image:none;box-shadow:none;text-shadow:none}.g-button.g-button--invert:hover{color:#fff!important;border-color:#15c;background:#15c;text-shadow:0 .07143em .07143em rgba(0,0,0,.2)}.g-button.g-button--disabled,.g-button.g-button--disabled:active,.g-button.g-button--disabled:hover,.g-button.g-button--invert.g-button--disabled,.g-button.g-button--invert.g-button--disabled:active,.g-button.g-button--invert.g-button--disabled:hover{cursor:default!important;color:#979797!important;border-color:#c5c5c5!important;background:#f3f3f3!important;box-shadow:none!important;text-shadow:none!important}.g-button--dublicator{padding:.5em .6428em}.g-button--middle{vertical-align:middle}.g-button--arr-left:after,.g-button--arr-right:after{position:absolute;top:50%;display:block;width:.9286em;height:.7857em;margin-top:-.3571em;content:""}.g-button.g-button--arr-right{padding:.5em 2.3571em .5em 1.1428em}.g-button.g-button--arr-right:after{right:.7143em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M7.1.7l.7-.7L13 5.5 7.8 11l-.7-.7 4-4.3H0V5h11.1L7.1.7z'/%3E%3C/svg%3E") 0 0 no-repeat}.g-button.g-button--arr-left{padding:.5em 1.1428em .5em 2.3571em}.g-button.g-button--arr-left:after{left:10px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M5.9.7L5.2 0 0 5.5 5.2 11l.7-.7-4-4.3H13V5H1.9l4-4.3z'/%3E%3C/svg%3E") 0 0 no-repeat}.g-button--invert.g-button--arr-right:after{right:.7143em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%2315c' d='M7.1.7l.7-.7L13 5.5 7.8 11l-.7-.7 4-4.3H0V5h11.1L7.1.7z'/%3E%3C/svg%3E") 0 0 no-repeat}.g-button--invert.g-button--arr-left:after{left:.7143em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%2315c' d='M5.9.7L5.2 0 0 5.5 5.2 11l.7-.7-4-4.3H13V5H1.9l4-4.3z'/%3E%3C/svg%3E") 0 0 no-repeat}.g-button--invert.g-button--arr-right:active:after,.g-button--invert.g-button--arr-right:hover:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M7.1.7l.7-.7L13 5.5 7.8 11l-.7-.7 4-4.3H0V5h11.1L7.1.7z'/%3E%3C/svg%3E") 0 0 no-repeat}.g-button--invert.g-button--arr-left:active:after,.g-button--invert.g-button--arr-left:hover:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M5.9.7L5.2 0 0 5.5 5.2 11l.7-.7-4-4.3H13V5H1.9l4-4.3z'/%3E%3C/svg%3E") 0 0 no-repeat}.g-button--disabled.g-button--arr-right:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23979797' d='M7.1.7l.7-.7L13 5.5 7.8 11l-.7-.7 4-4.3H0V5h11.1L7.1.7z'/%3E%3C/svg%3E") 0 0 no-repeat!important}.g-button--disabled.g-button--arr-left:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23979797' d='M5.9.7L5.2 0 0 5.5 5.2 11l.7-.7-4-4.3H13V5H1.9l4-4.3z'/%3E%3C/svg%3E") 0 0 no-repeat!important}.g-button--arr-left:after,.g-button--arr-right:after,.g-button--disabled.g-button--arr-left:after,.g-button--disabled.g-button--arr-right:after{background-size:cover!important}.g-button--back{margin-top:3.33333em;margin-left:.73333em}.g-button--vote-back{margin-top:1.33333em}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.g-form-row-layout{font-size:15px}.g-form-row-layout:after{content:"";display:table;clear:both}.g-form-row-layout[data-cols="2"],.g-form-row-layout[data-cols="3"]{white-space:nowrap;letter-spacing:-.4em}.g-form-row-layout__col{white-space:normal;letter-spacing:normal;display:inline-block;vertical-align:top;position:relative;min-height:1px;box-sizing:border-box}.g-form-row-layout__col--double{width:50%}.g-form-row-layout__col--tripple{width:33.333%}.g-form-row__subrow{position:relative}.g-form-row__subrow:after{display:table;clear:both;content:""}.g-form-row--captcha,.g-form-row--submit{padding:1.3333em .3333em .3333em!important}.g-form-field-wrap{min-width:70px;float:left;position:relative}.g-form-field-wrap--hidden{display:none!important}.g-form-field-wrap--nofloat{float:none!important}.g-form-field{padding:.3333em;position:relative}.g-form-field:after{display:table;clear:both;content:""}.g-form-field ul{list-style:none;margin:0;padding:0}.g-form-field ul li{margin-top:.33333em}.g-form-field ul li:first-child{margin:0}.g-form-field--title-pos-2,.g-form-field--title-pos-3{width:100%;border:0;box-sizing:border-box}.g-form-field--title-pos-2 .g-form-field__title,.g-form-field--title-pos-3 .g-form-field__title{margin-bottom:0;display:table-cell;vertical-align:middle}.g-form-field--title-pos-2 .g-form-field__value,.g-form-field--title-pos-3 .g-form-field__value{display:table-cell;vertical-align:middle}.g-form-field--title-pos-2{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.g-form-field--title-pos-2 .g-form-field__value{padding-left:10px}.g-form-field--title-pos-2 .g-form-control-checkbox__label,.g-form-field--title-pos-2 .g-form-control-radio__label{padding:0}.g-form-field--title-pos-3{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;direction:rtl}.g-form-field--title-pos-3 .g-form-field__value{padding-right:10px;direction:ltr}.g-form-field--title-pos-3 .g-form-field__title{direction:ltr}.g-form-field--vote-field{padding-left:1em;padding-right:1em}.g-form-field__title{font-size:.8667em;line-height:1.2em;font-weight:700;max-width:100%;margin-bottom:.5385em;position:relative}.g-form-field__title label{float:left}.g-form-field__title--disabled{color:#979797;cursor:default}.g-form-field__title--error{color:red}.g-form-field__title:after{content:"";display:block;clear:both;width:100%;visibility:hidden;height:0}.g-form-field__required-mark{color:red}.g-form-field__value{vertical-align:top;display:inline-block;position:relative;font-family:Arial,sans-serif;margin-bottom:.66667em}.g-form-field__error{position:absolute;top:-1px;left:100%;content:attr(data-error);z-index:5;display:none;color:red}.g-form-tpl-field__button{margin-left:10px}.g-form-body{margin-bottom:.66667em}.g-form-body--dublicator{padding-top:32px}.g-form-body--without-padding{padding-top:0}.g-form-body--header{margin-bottom:0}.g-form-body--header h2{margin:0}.g-form-body p:first-child{margin-top:0}.g-form-body p:last-child{margin-bottom:0}.g-form-control-text,.g-form-control-textarea,input[type=text][name=_cn]{box-sizing:border-box;background:#fff;border:1px solid #c5c5c5;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.1);border-radius:4px;color:#484848;font-size:14px;line-height:1.2;outline:none;padding:.5em .71428em;transition:border-color .3s,box-shadow .3s}.g-form-control-text:focus,.g-form-control-textarea:focus,input[type=text][name=_cn]:focus{border:1px solid rgba(17,85,204,.6);box-shadow:0 0 3px 0 rgba(17,85,204,.4)}input[type=text][name=_cn]{display:inline-block;vertical-align:middle}.g-form-control-text,.g-form-control-textarea{width:100%;display:block}.g-form-control-text ::-webkit-input-placeholder,.g-form-control-textarea ::-webkit-input-placeholder{color:#c5c5c5}.g-form-control-text :-ms-input-placeholder,.g-form-control-textarea :-ms-input-placeholder{color:#c5c5c5}.g-form-control-text ::placeholder,.g-form-control-textarea ::placeholder{color:#c5c5c5}.g-form-control-text--error,.g-form-control-textarea--error{border-color:red!important}.g-form-control-text--error:focus,.g-form-control-textarea--error:focus{box-shadow:0 0 3px 0 rgba(255,0,0,.4)!important}.g-form-control-text--disabled,.g-form-control-text[disabled],.g-form-control-textarea--disabled,.g-form-control-textarea[disabled]{background:#f3f3f3!important;border-color:#c5c5c5!important;cursor:default!important;box-shadow:none!important}.g-form-control-select--hide{width:1px;height:1px;opacity:0;visibility:hidden;position:absolute}.g-form-control-select--error+.chosen-container-multi .chosen-choices,.g-form-control-select--error+.chosen-container a.chosen-single{border-color:red!important}.g-form-control-select+.chosen-container{display:block}.g-form-control-select+.chosen-container a.chosen-single{vertical-align:middle;width:100%;box-sizing:border-box;text-decoration:none;position:relative;border:1px solid #c5c5c5;display:inline-block;padding:8px 10px;height:32px;cursor:pointer;color:#424242;background:#fff;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.15);border-radius:4px}.g-form-control-select+.chosen-container a.chosen-single span{line-height:normal;font-size:14px;font-family:Arial,sans-serif}.g-form-control-select+.chosen-container a.chosen-single:hover{background:#f3f3f3;color:#424242;text-decoration:none;background:#fff;border:1px solid rgba(17,85,204,.6);box-shadow:0 0 3px 0 rgba(17,85,204,.4);border-radius:4px}.g-form-control-select+.chosen-container a.chosen-single>div{position:absolute;right:12px;top:14px;width:8px;height:6px}.g-form-control-select+.chosen-container a.chosen-single>div b{width:0;height:0;border-style:solid;border-width:6px 4px 0;border-color:#15c transparent transparent}.g-form-control-select+.chosen-container.chosen-container-active a.chosen-single,.g-form-control-select+.chosen-container.chosen-with-drop a.chosen-single{background:#fff;border:1px solid #c5c5c5;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.15)}.g-form-control-select+.chosen-container.chosen-with-drop .chosen-drop{overflow:hidden;min-width:210px;background:#fff;border:1px solid #c5c5c5;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:4px;margin:0}.g-form-control-select+.chosen-container.chosen-with-drop .chosen-drop .chosen-results{padding:3px 0!important;margin:0}.g-form-control-select+.chosen-container.chosen-with-drop .chosen-drop .chosen-results li{font-family:Arial,sans-serif;font-size:14px;color:#484848;line-height:1.2;padding:5px 14px;margin:2px 0}.g-form-control-select+.chosen-container.chosen-with-drop .chosen-drop .chosen-results li:first-child{color:#bbb}.g-form-control-select+.chosen-container.chosen-with-drop .chosen-drop .chosen-results li.highlighted,.g-form-control-select+.chosen-container.chosen-with-drop .chosen-drop .chosen-results li.result-selected{background:#15c;color:#fff}.g-form-control-select+.chosen-container.chosen-with-drop .chosen-drop .chosen-results li.group-option{padding-left:35px}.g-form-control-select+.chosen-container.chosen-with-drop .chosen-drop .chosen-results li.group-result{font-weight:700}.g-form-control-select+.chosen-container.chosen-with-drop .chosen-drop .chosen-results li .opt-status{display:none}.g-form-control-select+.chosen-container-multi.chosen-container-active .chosen-choices{background:#fff!important;border:1px solid rgba(17,85,204,.6)!important;box-shadow:0 0 3px 0 rgba(17,85,204,.4)!important;border-radius:4px!important}.g-form-control-select+.chosen-container-multi.chosen-container-active .chosen-choices li.search-field{line-height:0;font-size:0}.g-form-control-select+.chosen-container-multi.chosen-container-active .chosen-choices li.search-choice+li.search-field{position:absolute;right:1px;bottom:3px}.g-form-control-select+.chosen-container-multi.chosen-container-active .chosen-choices li.search-choice+li.search-field:after{right:12px}.g-form-control-select+.chosen-container-multi .chosen-choices{vertical-align:middle;width:100%;box-sizing:border-box;text-decoration:none;position:relative;min-height:32px;padding-left:9px!important;background:#fff;border:1px solid #c5c5c5;border-radius:4px;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.15);cursor:pointer;padding-right:25px!important}.g-form-control-select+.chosen-container-multi .chosen-choices .search-field:first-child{box-sizing:border-box;width:100%;font-size:14px;font-family:Arial,sans-serif}.g-form-control-select+.chosen-container-multi .chosen-choices .search-field:first-child input{box-sizing:border-box;width:100%!important;line-height:22px!important;margin:0!important;padding:7px 0!important;height:30px!important;color:#424242;cursor:pointer}.g-form-control-select+.chosen-container-multi .chosen-choices li.search-choice{margin:2px 0;display:inline-block;float:none;border:none;background:#f3f3f3;font-size:12px;line-height:14px;border-radius:10;padding:4px 22px 4px 8px}.g-form-control-select+.chosen-container-multi .chosen-choices li.search-choice:first-child{margin-top:3px}.g-form-control-select+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{height:8px;width:8px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23787878' d='M8 1L7 0 4 3 1 0 0 1l3 3-3 3 1 1 3-3 3 3 1-1-3-3 3-3z'/%3E%3C/svg%3E") 0 0 no-repeat!important;top:7px;right:7px}.g-form-control-select+.chosen-container-multi .chosen-choices li.search-choice+li.search-field{position:absolute;right:1px;bottom:3px}.g-form-control-select+.chosen-container-multi .chosen-choices li.search-choice+li.search-field:after{right:12px}.g-form-control-select+.chosen-container-multi .chosen-choices li.search-field{position:relative;float:right}.g-form-control-select+.chosen-container-multi .chosen-choices li.search-field:after{content:"";width:0;height:0;border-style:solid;border-width:6px 4px 0;border-color:#15c transparent transparent;position:absolute;top:14px;right:-12px}.g-form-control-select+.chosen-container-multi.chosen-with-drop .chosen-drop .chosen-results li{padding:5px 14px;margin:2px 0}.g-form-control-select+.chosen-container-multi.chosen-with-drop .chosen-drop .chosen-results li:first-child{color:#484848}.g-form-control-select+.chosen-container-multi.chosen-with-drop .chosen-drop .chosen-results li.highlighted{background:#15c;color:#fff}.g-form-control-select+.chosen-container-multi.chosen-with-drop .chosen-drop .chosen-results li.result-selected{display:none}.g-form-control-select+.chosen-container-multi.chosen-with-drop .chosen-drop .chosen-results li:hover .opt-status{background:#fff;border:1px solid rgba(17,85,204,.6);box-shadow:0 0 3px 0 rgba(17,85,204,.4)}.g-form-control-select+.chosen-container-multi.chosen-with-drop .chosen-drop .chosen-results li.result-selected .opt-status{background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M1.2 2.3l2.2 2.3L7.8 0 9 1.2 3.4 7 0 3.5z'/%3E%3C/svg%3E") 50% no-repeat;background-color:#15c;border-color:#15c}.g-form-control-select+.chosen-container-multi.chosen-with-drop .chosen-drop .chosen-results li.result-selected .opt-status:hover{box-shadow:0 0 3px 0 rgba(17,85,204,.4)}.g-form-control-select+.chosen-container-multi.chosen-with-drop .chosen-drop .chosen-results li .opt-status{font-size:14px;line-height:16px;display:inline-block;height:14px;width:14px;vertical-align:middle;margin-top:-3px;margin-right:10px;cursor:pointer;background:#fff;border:1px solid #c5c5c5;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.15);border-radius:3px}.g-form-control-select--inline{display:none!important}.g-form-control-select--inline+.chosen-container{display:inline-block;width:150px}.g-form-control-checkbox,.g-form-control-radio{display:inline-block;vertical-align:top;position:relative;cursor:pointer}.g-form-control-checkbox input,.g-form-control-radio input{opacity:0;position:absolute}.g-form-control-checkbox:hover .g-form-control-checkbox__input,.g-form-control-checkbox:hover .g-form-control-radio__input,.g-form-control-radio:hover .g-form-control-checkbox__input,.g-form-control-radio:hover .g-form-control-radio__input{border-color:rgba(17,85,204,.6);box-shadow:0 0 3px 0 rgba(17,85,204,.4)!important}.g-form-control-checkbox--vote-field,.g-form-control-radio--vote-field{margin-bottom:1em}.g-form-control-checkbox__label,.g-form-control-radio__label{display:block;font-size:14px;line-height:16px;padding:0 0 0 24px}.g-form-control-checkbox__label--error,.g-form-control-radio__label--error{color:red}.g-form-control-checkbox__input,.g-form-control-radio__input{display:block;width:15px;height:15px;background:#fff;box-sizing:border-box;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.12);border:1px solid #c5c5c5;position:absolute;top:0;left:0;font-size:0;line-height:0;transition:border-color .3s,box-shadow .3s}.g-form-control-checkbox--single{font-weight:700}.g-form-control-checkbox--single .g-form-control-checkbox__input{position:relative}.g-form-control-checkbox--single .g-form-control-checkbox__label{font-size:13px;line-height:14px}.g-form-field--title-pos-2 .g-form-control-checkbox--single .g-form-control-checkbox__input{float:right;margin-left:10px}.g-form-field--title-pos-2 .g-form-control-checkbox--single .g-form-control-checkbox__label{float:left}.g-form-field--title-pos-3 .g-form-control-checkbox--single .g-form-control-checkbox__input{float:left;margin-right:10px}.g-form-field--title-pos-3 .g-form-control-checkbox--single .g-form-control-checkbox__label{float:right;padding-left:0}.g-form-control-checkbox__input{border-radius:3px}.g-form-control-radio__input{border-radius:50%;padding:3px}.g-form-control-group--inline{margin-top:7px!important}.g-form-control-group--inline>li{display:inline-block;vertical-align:top}.g-form-control-group--inline li:first-child{margin-top:.33333em!important}.g-form-control-group--inline>li+li{padding-left:5px}.g-form-control-checkbox input[type=checkbox]:checked~.g-form-control-checkbox__input{box-shadow:none;border-color:#15c;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M1.2 2.3l2.2 2.3L7.8 0 9 1.2 3.4 7 0 3.5z'/%3E%3C/svg%3E") no-repeat 50% 50%;background-color:#15c}.g-form-control-radio input[type=radio]:checked~.g-form-control-radio__input{box-shadow:none;border-color:#15c;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Ccircle fill='%23fff' cx='4.5' cy='3.5' r='3.5'/%3E%3C/svg%3E") no-repeat 50% 50%;background-color:#15c}.g-form-control-checkbox input[disabled]~.g-form-control-checkbox__input,.g-form-control-radio input[disabled]~.g-form-control-radio__input{background-color:#f3f3f3!important;border-color:#c5c5c5!important;box-shadow:none!important;cursor:default}.g-form-control-checkbox input[disabled]:not([checked])~.g-form-control-checkbox__label,.g-form-control-radio input[disabled]:not([checked])~.g-form-control-radio__label{color:#979797;cursor:default}.g-form-control-checkbox input[disabled]:checked~.g-form-control-checkbox__input,.g-form-control-radio input[disabled]:checked~.g-form-control-radio__input{background-color:#c5c5c5!important;border-color:#c5c5c5!important}.g-form-control-checkbox input[disabled]:checked~.g-form-control-checkbox__label,.g-form-control-radio input[disabled]:checked~.g-form-control-radio__label{cursor:default}.g-form-field__hint{background:#fff2c1;border:1px solid rgba(0,0,0,.1);border-radius:4px;font-family:Arial,sans-serif;font-size:13px;color:#484848;line-height:15px;padding:8px 14px;margin-bottom:15px;display:inline-block;white-space:nowrap;min-height:14px}.g-form-field__hint--error{border-color:red;color:red}.g-form-field__hint--error:before{border-color:red!important}.g-form-field__hint--wide{display:block}.g-form-field__hint--centered{text-align:center}.g-form-field__hint--with-arrow{position:relative}.g-form-field__hint--with-arrow:before{content:"";position:absolute;left:-6px;top:10px;width:10px;height:10px;font-size:0;border:0;box-sizing:border-box;background-color:#fff2c1;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.g-form-field__hint--popup{box-shadow:0 2px 6px 0 rgba(0,0,0,.2);position:absolute;top:50%;left:100%;z-index:15;margin:-16px 0 0 10px}.g-form-control-calendar{display:inline-block;position:relative;cursor:pointer;vertical-align:middle}.g-form-control-calendar .ui-datepicker-trigger{position:absolute;left:0;top:0;width:100%;height:100%;background:none;border:none;line-height:0;font-size:0;outline:none;cursor:pointer}.g-form-control-calendar .ui-datepicker-trigger:before{z-index:0;content:"";position:absolute;top:4px;right:6px;height:24px;width:24px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%2315c' d='M20 18H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0h18c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2zM8 1H5v1h3V1zm9 0h-3v1h3V1zm4 4H1v10.5c0 .8.7 1.5 1.5 1.5h17c.8 0 1.5-.7 1.5-1.5V5zm-5 7h2v2h-2v-2zm0-3h2v2h-2V9zm-3 3h2v2h-2v-2zm0-3h2v2h-2V9zm-3 3h2v2h-2v-2zm0-3h2v2h-2V9zm-3 3h2v2H7v-2zm0-3h2v2H7V9zm-3 3h2v2H4v-2zm0-3h2v2H4V9z'/%3E%3C/svg%3E") 50% 50% no-repeat}.g-form-control-calendar--view2{width:140px;margin-bottom:0}.g-form-control-calendar--view2:after{position:absolute;top:11px;left:40px;content:attr(data-title);color:#15c;font-size:14px;font-weight:700;pointer-events:none}.g-form-control-calendar--view2 .g-form-init-calendar{padding:9px 14px 9px 40px}.g-form-control-calendar--view2 .ui-datepicker-trigger:before{top:6px;right:auto;left:8px}#ui-datepicker-div.ui-datepicker{padding:10px;width:auto;border:1px solid rgba(17,85,204,.6);box-shadow:0 0 3px 0 rgba(17,85,204,.15)}#ui-datepicker-div.ui-datepicker .ui-datepicker-header{background:none!important;border:none;height:26px;margin-bottom:10px}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next,#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{border:1px solid #c5c5c5;background:#fff;height:24px;width:24px;top:4px}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next span.ui-icon,#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span.ui-icon{display:none}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after,#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before{left:50%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before{width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent #c5c5c5 transparent transparent;margin-top:-6px;margin-left:-3px}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after{width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #fff transparent transparent;margin-top:-8px;margin-left:-2px}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover{left:2px;background-image:none;top:4px;border-color:rgba(17,85,204,.6)}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:before{border-color:transparent #15c transparent transparent}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after,#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before{left:50%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before{width:0;height:0;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #c5c5c5;margin-top:-6px;margin-left:-2px}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after{width:0;height:0;border-style:solid;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #fff;margin-top:-8px;margin-left:-5px}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover{right:2px}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:hover{background-image:none;top:4px;border-color:rgba(17,85,204,.6)}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:hover:before{border-color:transparent transparent transparent #15c}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-title{font:700 13px Arial,sans-serif;line-height:26px}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month,#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year{width:auto;height:26px;border:1px solid #c5c5c5;border-radius:4px;background:#fff}#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month+.ui-datepicker-year{margin-left:4px}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar{border-collapse:collapse;border-spacing:0;margin:0}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tbody tr:first-child td{padding-top:10px!important}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tr th{font:700 11px Arial,sans-serif;line-height:24px;background:#f5f5f5;color:#333;padding:0 8px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tr th:first-child{padding-left:10px}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tr td{padding:0;border-collapse:collapse;border-spacing:0;text-align:center}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-default{border-radius:2px;background:none;text-align:center;font:13px Arial,sans-serif;line-height:24px;width:30px;height:24px;padding:0;display:inline-block;border-color:transparent}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-default.ui-state-active,#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-default:hover{border-color:#d3d3d3}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-default.ui-state-active{border-color:#15c;font-weight:700;color:#15c}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-default.ui-state-highlight{border-color:#d3d3d3;color:#15c}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tr td.ui-datepicker-unselectable.ui-state-disabled{font:13px Arial,sans-serif;line-height:24px;width:30px;height:24px;padding:0}#ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar tr td.ui-datepicker-unselectable.ui-state-disabled span.ui-state-default{border-radius:2px;border-color:transparent;background:none;font:13px Arial,sans-serif;line-height:24px;width:30px;height:24px;padding:0;display:inline-block;text-align:center}.g-form-captcha{position:relative;background:#f3f3f3;border:1px solid #c5c5c5;border-radius:4px;display:inline-block;padding:14px 14px 10px}.g-form-captcha__name{margin-bottom:7px;font-size:16px}.g-form-error{text-align:center;color:red;border:1px solid red;padding:10px;font-size:14px;margin:10px 5px}.mgCaptcha-block{display:inline-block;vertical-align:middle;margin-right:10px}.upload-button object{vertical-align:middle;margin-right:12px}.g-form-field .upload-progress{border:1px solid rgba(0,0,0,.1);margin-bottom:10px;padding:10px}.g-form-field .progressWrapper{padding:8px 0 5px;border-top:1px solid rgba(0,0,0,.1)}.g-form-field .progressWrapper:first-child{padding-top:0;border-top:none}.g-form-field .progressWrapper:last-child{padding-bottom:0}.g-form-field .progressName{font-size:.7em;font-weight:700;color:#555;width:323px;height:18px;text-align:left;white-space:nowrap;overflow:hidden}.g-form-field .progressBarStatus{margin-top:2px;width:337px;font-size:.6em;font-family:Arial;text-align:left;white-space:nowrap}.g-form-field .upload-count{font-size:.6em}.g-form-field .progressCancel{font-size:0;display:block;height:14px;width:14px;float:right;text-align:center;text-decoration:none;background-color:red}.g-form-field .progressCancel:after{content:"\D7";line-height:14px;font-size:17px;color:#fff}.g-form-field .progressBarComplete,.g-form-field .progressBarError,.g-form-field .progressBarInProgress{font-size:0;width:0;height:2px;background-color:#00f;margin-top:2px}.g-rating-edit{height:20px;overflow:hidden;font-size:15px}.g-rating-edit__item{display:block;float:left;cursor:pointer;width:23px;height:20px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23c5c5c5' d='M0 3.8l3.8-.5L5.5 0l1.7 3.3 3.8.5-2.7 2.6.6 3.6-3.4-1.7L2.1 10l.7-3.6L0 3.8z'/%3E%3C/svg%3E") 0 0 repeat-x;background-size:23px auto}.g-rating-edit__item--active{background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23f9be65' d='M0 3.8l3.8-.5L5.5 0l1.7 3.3 3.8.5-2.7 2.6.6 3.6-3.4-1.7L2.1 10l.7-3.6L0 3.8z'/%3E%3C/svg%3E") 0 0 repeat-x;background-size:23px auto}.g-pagination{font-size:15px;letter-spacing:-.4em;margin:3.33333em 0 0}.g-pagination__dots,.g-pagination__item{display:inline-block;margin:10px .1333em;vertical-align:bottom}.g-pagination__dots{min-height:1.8667em;width:19px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23c5c5c5' d='M13.656 3c-.777 0-1.407-.672-1.407-1.5s.63-1.5 1.407-1.5c.776 0 1.406.672 1.406 1.5S14.432 3 13.656 3zM7.562 3a1.5 1.5 0 1 1 .001-3.001A1.5 1.5 0 0 1 7.562 3zM1.406 3C.629 3 0 2.328 0 1.5S.629 0 1.406 0c.776 0 1.406.672 1.406 1.5S2.182 3 1.406 3z'/%3E%3C/svg%3E") 50% 100% no-repeat}.g-pagination__item{box-sizing:border-box;padding:.3571em .6428em;text-decoration:none!important;color:#484848;border:1px solid #c5c5c5;border-radius:3px;font-family:Arial,sans-serif;font-size:.9333em;font-weight:400;line-height:1.2em;letter-spacing:normal;background:#fff}.g-pagination__item--prev{margin-right:1.4286em;padding:.3571em 0 .3571em .6428em}.g-pagination__item--next{margin-left:1.4286em}.g-pagination__item--prev:after{margin:0 .6923em .1538em 0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23484848' d='M5.9.7L5.2 0 0 5.5 5.2 11l.7-.7-4-4.3H13V5H1.9l4-4.3z'/%3E%3C/svg%3E") 0 0 no-repeat}.g-pagination__item--next:after{margin:0 0 .1538em .6923em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23484848' d='M7.1.7l.7-.7L13 5.5 7.8 11l-.7-.7 4-4.3H0V5h11.1L7.1.7z'/%3E%3C/svg%3E") 0 0 no-repeat}.g-pagination__item:hover{color:#15c;border-color:rgba(17,85,204,.4)}.g-pagination__item--prev:hover:after{margin:0 .6923em .1538em 0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%2315c' d='M5.9.7L5.2 0 0 5.5 5.2 11l.7-.7-4-4.3H13V5H1.9l4-4.3z'/%3E%3C/svg%3E") 0 0 no-repeat}.g-pagination__item--next:hover:after{margin:0 0 .1538em .6923em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%2315c' d='M7.1.7l.7-.7L13 5.5 7.8 11l-.7-.7 4-4.3H0V5h11.1L7.1.7z'/%3E%3C/svg%3E") 0 0 no-repeat}.g-pagination__item--active{color:#fff!important;border-color:#15c!important;background-color:#15c!important}.g-pagination__item--next:after,.g-pagination__item--prev:after{display:inline-block;width:.9286em;height:.7857em;margin-bottom:2px;content:"";vertical-align:middle;background-size:cover!important}.g-top-panel{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}.g-top-panel--relative{position:relative}.g-categories{font-size:15px}.g-categories__button{position:relative;z-index:2;display:inline-block;padding:.57143em 1.35714em .57143em 2.71429em;transition:all .2s ease-in-out;text-decoration:none;color:#15c;border:.07143em solid rgba(17,85,204,.5);border-radius:.21429em;background-color:#fff;font-size:.93333em;font-weight:700;}.g-categories__button:hover{border-color:transparent;box-shadow:0 0 .21429em 0 rgba(17,85,204,.6);box-shadow:0 .07143em .28571em #979797}.g-categories__button:after{position:absolute;top:50%;left:.78571em;width:1em;height:1em;margin-top:-.5em;content:"";background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%2315c' fill-rule='evenodd' d='M0 0h14v2H0V0zm0 4h8v2H0V4zm0 8h8v2H0v-2zm0-4h12v2H0V8zm0 0'/%3E%3C/svg%3E") 0 0 no-repeat;background-size:cover}.g-categories--opened .g-categories__button{border-color:transparent;background:transparent;box-shadow:0 0 0 0 transparent}.g-categories--opened .g-categories__dropdown{visibility:visible;-webkit-animation:menuOpened .15s ease-in-out;animation:menuOpened .15s ease-in-out;opacity:1}.g-categories__dropdown{position:absolute;z-index:1;top:-.6667em;left:-.6667em;visibility:hidden;overflow:hidden;display:inline-block;vertical-align:top;max-width:47.333333333em;transition:all .15s ease-in-out;opacity:0;border-radius:.2em;background-color:#fff;box-shadow:0 .13333em .66667em rgba(0,0,0,.2)}.g-categories__dropdown--flex{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.g-categories .g-categories__menu{margin:0;padding:0;list-style:none;font-size:15px;line-height:0}.g-categories .g-categories__menu--level-1{margin:45px 0 15px 7px}.g-categories .g-categories__item{position:relative;overflow:hidden;line-height:1.2em}.g-categories .g-categories__item--level-1{padding-left:0;font-size:1em}.g-categories .g-categories__item--level-2{font-size:.9333em}.g-categories .g-categories__item--level-3{font-size:.8667em}.g-categories .g-categories__item:last-child:before{top:auto;bottom:calc(100% - 1.1em)}.g-categories .g-categories__item:first-child:last-child:before{display:none}.g-categories .g-categories__link{position:relative;display:block;padding:.6em 2.57143em .6em 3.33333em;text-decoration:none;color:#222;font-weight:400;font-size:1em;margin-right:-.0666667em}.g-categories .g-categories__link:hover{text-decoration:underline}.g-categories .g-categories__link--level-1{font-weight:700}.g-categories .g-categories__count{position:absolute;top:.666666667em;left:0;text-align:center;width:3.333333333em}.g-categories .g-categories__count-inner{display:inline-block;vertical-align:top;padding:.272727273em .545454545em;color:#7b7b7b;border:1px solid #c5c5c5;border-radius:2em;background:#fff;font-size:.733333333em;}.g-categories__dropdown-sideleft{width:15.333333333em;border-right:.066666667em solid #eee}.g-categories__dropdown-sideright{padding:0 .4em 0 2.266666667em;background-color:#fbfbfb;-webkit-box-flex:1;-ms-flex:1 0 0;flex:1 0 0;display:-webkit-box;display:-ms-flexbox;display:flex}.g-categories__dropdown-sideleft,.g-categories__dropdown-sideright{padding-top:3.3333em;padding-bottom:2em}.g-categories__dropdown-left-col{padding-right:6.666666667%}.g-categories__dropdown-left-col,.g-categories__dropdown-right-col{width:46.666666667%}.g-menu-2,.g-menu-2 ul{list-style:none;padding:0}.g-menu-2{font-size:15px}.g-menu-2__link{position:relative;color:#212121;text-decoration:none}.g-menu-2__link:hover{text-decoration:underline}.g-menu-2__count{position:absolute;left:100%;top:-.06667em;margin-left:1em;font-weight:400;color:silver}.g-menu-2--level-1{margin:3.46667em 5.66667em 2.06667em 3.33333em}.g-menu-2--level-1>.g-menu-2__item{margin:.73333em 0}.g-menu-2--level-1>.g-menu-2__item>.g-menu-2__link{font-weight:700;font-size:.93333em}.g-menu-2--level-1>.g-menu-2__item>.g-menu-2__link>.g-menu-2__count{border:1px solid;border-radius:50%;width:1.27273em;padding:0 .18182em;height:1.63636em;text-align:center;line-height:1.63636em;font-size:.78571em}.g-menu-2--level-2{margin:0 0 1.26667em 1.33333em}.g-menu-2--level-2>.g-menu-2__item{margin-top:.8em}.g-menu-2--level-2>.g-menu-2__item>.g-menu-2__link>.g-menu-2__count{font-size:.85714em}.g-menu-2--level-2 ul{margin:.6em 0 0 1.66667em}.g-menu-2--level-2 ul .g-menu-2__item{margin:.26667em 0}.g-menu-2--level-2 ul .g-menu-2__link{font-size:.86667em}.g-menu-2--level-2 ul .g-menu-2__link:after{position:absolute;right:100%;top:50%;border-top:1px solid;height:.07692em;width:.61538em;margin-right:.38462em;content:""}.g-comment{position:relative;padding:1em 1.2em;margin-top:2em;border:1px solid #dcdcdc;color:#484848;font-size:15px;line-height:1.2;border-radius:.26667em;background-color:#f8f8f8}.g-header+.g-comment{margin-top:0}.g-comment--even{background-color:#e6e6e6}.g-comment--arrow:after,.g-comment--arrow:before{position:absolute;bottom:100%;content:""}.g-comment--arrow:before{left:1.2em;width:0;height:0;border-color:transparent;border-style:solid;border-width:0 .4em .46667em;border-bottom-color:#dcdcdc}.g-comment--arrow:after{left:1.26667em;width:0;height:0;border-color:transparent;border-style:solid;border-width:0 .33333em .4em;border-bottom-color:#f8f8f8}.g-comment--reply{border:1px solid #c4d5f2;background-color:#e7eefa}.g-comment--reply:before{border-bottom-color:#c4d5f2}.g-comment--reply:after{border-bottom-color:#e7eefa}.g-comment:first-child{margin:0}.g-comment--reply{margin-top:1.2em;margin-bottom:2.66667em;margin-left:2em}.g-comment__panel{font-size:0}.g-comment__author{display:inline-block;margin-right:.76923em;color:#484848;font-size:14px;font-weight:700}.g-comment__author--reply{color:#15c}.g-comment__date{display:inline-block;margin-right:.76923em;color:#828282;font-size:13px;text-transform:lowercase}.g-comment__controls{font-size:13px;padding:.76923em}.g-comment__text{margin-top:8px}.g-comment__form{margin-top:1.73333em}.g-comment__textarea{margin:30px 0 10px}.g-comment__textarea-title{margin-bottom:4px;color:#484848;font-size:.8667em;font-weight:700}.g-comment__rating{margin-right:10px}.g-rating{position:relative;display:inline-block;width:4em;height:.66667em;font-size:15px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23c5c5c5' d='M0 3.8l3.8-.5L5.5 0l1.7 3.3 3.8.5-2.7 2.6.6 3.6-3.4-1.7L2.1 10l.7-3.6L0 3.8z'/%3E%3C/svg%3E") 0 0 repeat-x;background-size:auto 100%}.g-rating__star{position:absolute;top:0;left:0;height:100%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23f9be65' d='M0 3.8l3.8-.5L5.5 0l1.7 3.3 3.8.5-2.7 2.6.6 3.6-3.4-1.7L2.1 10l.7-3.6L0 3.8z'/%3E%3C/svg%3E") 0 0 repeat-x;background-size:auto 100%}.g-social{padding-bottom:10px;font-size:0;line-height:0}.g-social__item{display:inline-block;width:30px;height:30px;margin-right:10px;vertical-align:top;border-radius:4px}.g-social__item--fb{background:#385b9a url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='8' height='16' viewBox='0 0 8 16' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M1.8 16H5V8h2.4l.3-3.2H5.2V3.5c0-.6.4-.8.7-.8h1.8V0H5.2C2.4 0 1.8 2 1.8 3.3v1.4H.2V8h1.6v8z'/%3E%3C/svg%3E") 50% 50% no-repeat}.g-social__item--gp{background:#e04d39 url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M13.5 10.6h.8c.2 0 .4-.2.4-.4V7.5h2.7c.2 0 .4-.2.4-.4v-.7c0-.2-.2-.4-.4-.4h-2.7V3.3c0-.2-.2-.4-.4-.4h-.8c-.2 0-.4.2-.4.4V6h-2.7c-.2 0-.4.2-.4.4v.8c0 .2.2.4.4.4h2.7v2.7c.1.1.2.3.4.3zM3 15.8c.7.1 1.5.2 2.2.2.7 0 1.3-.1 1.9-.3 1.9-.5 3.1-1.9 3.1-3.5 0-1.5-.5-2.4-1.8-3.4-.6-.4-1.1-1-1.1-1.2 0-.3 0-.5.8-1.1 1-.7 1.5-1.7 1.5-2.8 0-.9-.3-1.8-.8-2.4h.4c.1 0 .2 0 .2-.1l1.1-.8c.1-.1.2-.3.1-.4 0-.2-.2-.3-.4-.3H5.5C5 0 4.5.1 3.9.3 2.2.8 1 2.3 1 3.8 1 6 2.7 7.6 4.9 7.6c0 .2-.1.3-.1.5 0 .3.1.6.3.9H5c-2.1 0-4 1-4.7 2.6-.2.5-.3.9-.3 1.3s.1.8.3 1.1c.4.8 1.4 1.4 2.7 1.8zm.5-12c-.1-.8 0-1.5.4-2 .3-.3.6-.4 1-.4 1 0 2 1.2 2.2 2.6.1.8-.1 1.5-.5 2-.3.3-.6.4-1 .4-.9 0-2-1.2-2.1-2.6zm2 6.5c.4 0 .7.1 1.1.2.1.1.2.1.3.2.7.5 1.2.8 1.4 1.4v.4c0 1.4-1 2.1-3.1 2.1-1.5 0-2.8-.9-2.8-2.2 0-1.2 1.5-2.1 3.1-2.1z'/%3E%3C/svg%3E") 50% 50% no-repeat}.g-social__item--tw{background:#2daae1 url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M17.2.3c-.7.4-1.4.7-2.3.9C14.3.5 13.3.1 12.3.1c-2 0-3.6 1.6-3.6 3.5 0 .3 0 .5.1.8-3-.1-5.6-1.5-7.3-3.7-.3.5-.4 1.1-.4 1.8 0 1.2.6 2.3 1.6 2.9-.6 0-1.2-.2-1.7-.5C1 6.6 2.2 8 3.9 8.3c-.3.2-.6.2-1 .2-.2 0-.5 0-.7-.1.5 1.4 1.8 2.4 3.3 2.4-1.2.9-2.8 1.5-4.4 1.5H.3c1.6 1 3.4 1.6 5.5 1.6 6.5 0 10.1-5.3 10.1-10v-.5c.7-.5 1.3-1.1 1.8-1.8-.6.3-1.3.5-2 .6.7-.4 1.2-1.1 1.5-1.9z'/%3E%3C/svg%3E") 50% 50% no-repeat}.g-social__item--ya{background:#e3e9ec url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='8' height='17' viewBox='0 0 8 17' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23d8232a' d='M7.7.2H5.2C2.8.2.7 2.1.7 5.7c0 2.2 1 3.8 2.8 4.6L.2 16.4c-.1.2 0 .4.2.4h1.5c.1 0 .2 0 .3-.2l3-6h1.1v6c0 .1.1.2.2.2h1.3c.1 0 .2-.1.2-.2V.4C7.9.3 7.8.2 7.7.2zM6.3 9.3h-.9C4 9.3 2.6 8.2 2.6 5.6c0-2.8 1.3-3.9 2.6-3.9h1.1v7.6z'/%3E%3C/svg%3E") 50% 50% no-repeat}.g-social__item--mr{background:#3c7db4 url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23efa13e' d='M12.1 8.9c-.1-2-1.6-3.2-3.3-3.2h-.1c-2 0-3.2 1.6-3.2 3.4 0 2 1.4 3.3 3.2 3.3 2 0 3.3-1.5 3.4-3.2v-.3zM8.7 4c1.4 0 2.6.6 3.6 1.5 0-.5.3-.8.7-.8h.1c.7 0 .8.6.8.8v7c0 .5.5.7.8.4 1.1-1.2 2.5-6-.7-8.8-3-2.4-7-2-9.1-.5-2.2 1.6-3.7 5-2.3 8.2 1.5 3.5 5.9 4.6 8.5 3.5 1.3-.5 1.9 1.2.6 1.8-2.1.9-7.8.8-10.5-3.8C-.6 10.1-.5 4.6 4.3 1.8 8-.4 12.8.2 15.7 3.3c3.1 3.2 2.9 9.2-.1 11.5-1.3 1.1-3.4 0-3.3-1.5v-.5c-.9.9-2.2 1.5-3.5 1.5-2.7 0-5.1-2.4-5.1-5.1C3.6 6.4 6 4 8.7 4z'/%3E%3C/svg%3E") 50% 50% no-repeat}.g-social__item--ok{background:#f4731c url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='10' height='17' viewBox='0 0 10 17' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M5.2 2.5c-1 0-1.8.8-1.8 1.8s.8 1.8 1.8 1.8S7 5.3 7 4.3s-.8-1.8-1.8-1.8zm0 6.1C2.8 8.6.9 6.7.9 4.3S2.8 0 5.2 0s4.3 1.9 4.3 4.3-1.9 4.3-4.3 4.3zM3.3 12c-.9-.2-1.7-.5-2.5-1-.6-.4-.8-1.1-.4-1.7.4-.6 1.1-.8 1.7-.4 1.8 1.1 4 1.1 5.8 0 .6-.4 1.4-.2 1.7.4.4.6.2 1.4-.4 1.7-.8.5-1.6.8-2.5 1l2.4 2.4c.5.5.5 1.3 0 1.8-.2.2-.6.4-.9.4-.3 0-.6-.1-.9-.4l-2.4-2.4-2.4 2.4c-.5.5-1.3.5-1.8 0s-.5-1.3 0-1.8L3.3 12z'/%3E%3C/svg%3E") 50% 50% no-repeat}.g-social__item--vk{background:#6183aa url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='12' height='15' viewBox='0 0 12 15' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23fff' d='M11.1 7.9C10.6 7.4 9.9 7 9 6.8v-.1c.6-.3 1.1-.6 1.5-1.2.3-.5.5-1.1.5-1.8 0-.6-.1-1.1-.4-1.6-.3-.4-.6-.8-1.2-1C9 .8 8.4.6 7.9.6 7.3.5 6.5.4 5.5.4H.3v14.1h5.8c1 0 1.8-.1 2.5-.3.7-.2 1.3-.5 1.8-.9.5-.3.8-.8 1.1-1.3.3-.5.4-1.1.4-1.8.1-.9-.2-1.7-.8-2.3zm-4-2.7c-.1.3-.3.5-.6.6-.3.1-.5.2-.8.2H4V3h1.8c.3 0 .6.1.9.2.1.1.3.3.4.5.1.3.2.5.2.7 0 .3-.1.6-.2.8zm.9 5.9c-.2.3-.4.5-.7.6-.4.2-.7.2-1.1.3H4V8.4h2.3c.4 0 .7.1.9.1.4.1.6.3.8.6.2.2.3.6.3 1-.1.4-.2.7-.3 1z'/%3E%3C/svg%3E") 50% 50% no-repeat}.g-header{font-weight:400;font-size:15px;line-height:1.3}.g-header--h1{font-size:1.73333em;margin:.76923em 0 .92308em}.g-header--h1 .g-header__link{margin-left:.42308em;font-size:.5em}.g-header--h2{font-size:1.46667em;margin:.90909em 0}.g-header--h2 .g-header__link{margin-left:.5em;font-size:.59091em}.g-header--h3{font-size:1.33333em;margin:1em 0}.g-header--h4{font-size:1.2em;margin:1.11111em 0}.g-amount{display:inline-block;padding-left:1.5em;font-size:12px;text-decoration:none;color:#484848;}.g-amount--comment{background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23c5c5c5' d='M11 0H1C.4 0 0 .4 0 1v7c0 .6.4 1 1 1h2v3l3-3h5c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1zM7 6H3V5h4v1zm2-2H3V3h6v1z'/%3E%3C/svg%3E") 0 50% no-repeat;background-size:1em 1em}.g-amount--view{background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23c5c5c5' d='M10.8 1.3c-4.1-3-7.7 0-7.7 0L0 4l3.2 2.7c4.1 3 7.7 0 7.7 0L14 4l-3.2-2.7zM7 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E") 0 50% no-repeat;background-size:1.16667em .66667em}.g-notice{padding:.7692em 1.0769em;border-radius:4px;background-color:#fff2c1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);font-size:13px;line-height:1.4em;margin:.7em 0;color:#484848}.g-notice--indents{margin:40px 0}.g-notice--plain{background:none;box-shadow:none;padding-left:0;padding-right:0}.g-auth__sideleft{float:left;width:17.33333em;margin-right:4em}.g-auth__left-container,.g-auth__sideright{display:table}.g-auth__left-container:after,.g-auth__sideright:after{content:". .";display:block;font-size:.05em;height:0;line-height:.05em;overflow:hidden;word-spacing:99in}.g-auth__right-container{float:right}.g-auth__left-container{padding-right:.66667em}.g-auth__row{margin:0 0 1.33333em;padding:0!important}.g-tags{display:inline-block;font-size:15px;line-height:1.2em}.g-tags__title{margin-right:1.5385em;color:#484848;font-size:.8667em}.g-tags__item{display:inline-block;margin-right:.7192em;padding-left:1.2308em;text-decoration:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='full' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23c5c5c5' d='M11.5 0H6.8c-.4.1-.5.3-.5.3L.1 6.1c-.3.5 0 .8 0 .8l4.4 5c.5.3.8 0 .8 0l6.5-6.5c.2-.3.2-.6.2-.6V.6c0-.6-.5-.6-.5-.6zM9 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z'/%3E%3C/svg%3E") 0 50% no-repeat;background-size:.92308em .92308em;font-size:.86667em}.g-tags--panel{display:block;padding:.53333em 1.33333em .66667em;border:.06667em solid #c5c5c5;border-radius:.26667em;background-color:#fff}.g-article{border:.06667em solid #c5c5c5;border-radius:.26667em;font-size:18px;background-color:#fff}.g-article__date{display:block;color:#7b7b7b;font-size:.86667em;}.g-article__name{display:block;text-decoration:none}.g-article__body{margin:10px 00px}.g-article__body p:first-child{margin-top:0}.g-article__body p:last-child{margin-bottom:0}.g-article__image img{max-width:100%;height:auto;vertical-align:top}.g-article__text{color:#484848}.g-article__container{border-top:.06667em solid #eee;padding-top:.8em;margin-top:.93333em}.g-article__container-inner{font-size:0}.g-article__amount-comment,.g-article__amount-view,.g-article__rating,.g-article__tags{vertical-align:middle}.g-article__rating,.g-article__tags{margin:0 1em .33333em 0}.g-article__amount-comment,.g-article__amount-view{margin:.16667em 1.25em .41667em 0}.g-article--simple-view{margin: 0 0 .6667em;padding:1.2em 1.26667em .33333em; margin-bottom:40px;}.g-article--simple-view .g-article__date{margin-bottom:.30769em}.g-article--simple-view .g-article__name{font-size:1.33333em;line-height:1.2}.g-article--simple-view .g-article__image{float:left;margin-right:1.33333em}.g-article--column-view{display:inline-block;box-sizing:border-box;width:33.33333334%;margin:0 1.33333em 1.33333em 0;padding:1em 1.26667em .8em;vertical-align:top}.g-article--column-view .g-article__date{margin-bottom:.38462em}.g-article--column-view .g-article__name{line-height:1.2}.g-article-list{position:relative;margin: 0 0 3.06667em;}.g-article-list:last-child{margin-bottom:0}.g-article-list__load-more{margin:2em 0 0;text-align:center}.g-article-list--simple-view-main{margin:2em 0}.g-article-list--text{margin-bottom:2em}.g-page-article{font-size:15px;}.g-page-article__date{margin-right:1.33333em;color:#787878;display:inline-block;font-size:.86667em}.g-page-article__comment,.g-page-article__rating{margin-right:1.25em}.g-page-article__comment-list{margin-bottom:2.66667em}.g-page-article__image{float:left;margin:0 1.33333em 1.33333em 0}.g-page-article__text{margin-bottom:3.33333em;color:#484848}.g-page-article__top-panel{margin-bottom:1.33333em}.g-page-article__tags{margin:1.33333em 0}.g-clear{clear:both;height:0}.g-clear-self:after{display:block;clear:both;height:0;content:""}.g-verticalMiddle{display:inline-block;height:100%;width:0;vertical-align:middle;visibility:hidden}.g-overflow-hidden{overflow:hidden}.g-row{margin:1em 0} nav.edu-menu > ul > li > ul { list-style: none; padding: 0; } nav.edu-menu > ul > li > ul > li > a { color: #333; display: block; padding: 10px 0 10px 20px; border-bottom: 1px solid #dadada; text-decoration: none; background: #fff; position: relative; } nav.edu-menu > ul > li a:hover { text-decoration: underline; } .pather a { display: inline-block; padding: 5px 10px; border: 1px solid #ffba00; margin: 0 10px 0 0; color: #333; text-decoration: none; } .pather a:hover { background: #ffba00; color: #fff; } .pather em { font-style: normal; } nav.edu-menu > ul > li > ul > li { background: #ffba005c; position: relative; } nav.edu-menu > ul > li > ul > li > ul { margin: 0px 0; padding: 0 0 0px 40px; max-height: 0; overflow: hidden; } nav.edu-menu > ul > li > ul > li.has_sub.active > ul { max-height: 100%; padding: 10px 10px 10px 20px; list-style:none; } nav.edu-menu > ul > li > ul > li.has_sub > a:before { display: block; content: ''; position: absolute; top: 50%; right: 10px; border: 4px solid transparent; border-top-color: #333; } nav.edu-menu > ul > li > ul > li.has_sub.active > a:before { position: absolute; top: 50%; right: 10px; border-top-color: transparent; border-bottom-color: #333; margin-top: -5px; } nav.edu-menu > ul > li > ul > li.has_sub.active > ul>li>a { color: #515151; } nav.edu-menu > ul > li > ul > li.has_sub.active > ul>li>a:hover { text-decoration:none; } nav.edu-menu > ul > li > ul > li.has_sub.active > ul>li { margin-bottom: 10px; } .edu-art-main { margin: 20px auto; max-width: 980px; } .pather { max-width: 980px; margin: 20px auto; } .edu-art-main .art-title { margin: 20px 0; border-bottom: 1px solid #999; padding: 0 0 10px; font-weight: bold; font-size: 17px; cursor: pointer; } .edu-art-main .art-body .main-img-bl { text-align: center; margin: 20px; } .edu-art-main .art-body { max-height: 0; overflow: hidden; } .edu-art-main .arts.active .art-body { max-height: 100%; } .banner-block { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .banner-block a { display: flex; flex-direction: column; text-align: center; position: relative; border: 1px solid #ccc; transition: all 0.3s linear 0s; margin: 10px 20px; } .banner-block a em { font-style: normal; position: absolute; bottom: 20px; display: block; left: -1px; right: -1px; background: #fff; padding: 5px; color: #111; font-size: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .banner-block a:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6); } .main-block {margin: 20px auto;max-width: 1340px; font-family: 'Open Sans', sans-serif; padding: 0 20px;} .main-block nav.edu-menu { padding: 14px 0px; margin: 13px 20px 0 0; } .main-block nav.edu-menu ul.bx_sitemap_ul { margin: 0; list-style: none; padding: 0; } .main-block .content-block {display: flex;flex: 1;} .main-block nav.edu-menu ul.bx_sitemap_ul > li > a { display: block; background: #5cc377; padding: 7px 30px 7px 10px; text-decoration: none; position: relative; color: #fff; font-weight: bold; } .main-block nav.edu-menu ul.bx_sitemap_ul > li { margin: 0 0 4px; } .main-block nav.edu-menu ul.bx_sitemap_ul > li ul { transition: all 0.3s linear 0s; margin: 5px 0 10px 10px; list-style: none; padding: 0; } .main-block nav.edu-menu ul.bx_sitemap_ul > li.active ul { max-height: 1000px; } .main-block nav.edu-menu ul.bx_sitemap_ul > li.has_sub > a:before { display: block; content: ''; position: absolute; border: 4px solid transparent; border-top-color: #ffffff; top: 50%; right: 10px; margin-top: -2px; } .main-block nav.edu-menu ul.bx_sitemap_ul > li.active > a { color: #fff; background: #ffba00; } .main-block nav.edu-menu ul.bx_sitemap_ul > li.active > a:before { border-top-color: #fff; } .main-block nav.edu-menu ul.bx_sitemap_ul > li > a:hover { color: #fff; background: #ffba00; } .main-block nav.edu-menu ul.bx_sitemap_ul > li > a:hover:before { border-top-color: #fff; } .main-block nav.edu-menu ul.bx_sitemap_ul > li ul a { color: #111; text-decoration: none; display: block; border-bottom: 1px dashed #5cc377; padding: 7px 0; margin: 0 0 5px; position: relative; display: block; } .main-block nav.edu-menu ul.bx_sitemap_ul > li a span { display: flex; position: absolute; top: 0; bottom: 0; right: 0; width: 30px; align-items: center; justify-content: center; background: #3cab59; font-size: 13px; } .main-block nav.edu-menu ul.bx_sitemap_ul > li ul a span { background: none; color: #3cab59; } .art-body { line-height: 25px; font-size: 17px; color: #666; } div .g-article__text {line-height: 25px;font-size: 16px;color: #666;} span.counts { float: right; color: #999; } .bitriks-block { display: flex; justify-content: center; align-items: center; } .bitriks-block .product-block { display: flex; flex-direction: column; margin: 0 40px; } .bitriks-block .product-block a { display: block; margin: 10px 0 0 auto; padding: 10px 50px 10px 20px; overflow: hidden; position: relative; text-decoration: none; background: #ffba00; color: #fff; } .bitriks-block .product-block a:before { display: block; content: ''; position: absolute; transform: rotate(45deg); width: 30px; height: 30px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; top: 1px; right: 28px; box-shadow: 5px -4px 0 0 #ffba00, 10px -9px 0 0 #ffffff; } .priceLanding.btx .desc-block { font-size: 18px; text-align: center; line-height: 24px; color: #777; max-width: 980px; margin: 50px auto 20px; } .priceLanding.btx .blockInner .inner { padding-top: 40px; } .priceLanding.btx .blockInner .inner .price .tit { padding-bottom: 0px; } .priceLanding .blockInner .inner .price .text h3 { margin: 0 20px 20px; text-align: center; line-height: 25px; font-size: 18px; color: #ffba00; } .priceLanding.btx .blockInner .inner .price .text p { text-align: center; margin: 10px 20px; } .priceLanding .blockInner .inner .price .text ul { list-style: none; padding: 0; text-align: center; } .priceLanding .blockInner .inner .price .text ul li { padding: 0 0 10px; margin: 0 0 10px; background-image: linear-gradient(180deg,#fff,#f5f4f4); position: relative; } .priceLanding .blockInner .inner .price .text ul li a.pt-popover { color: #111; text-decoration: none; border-bottom: 1px dashed; } .priceLanding.btx .blockInner .inner .price { padding: 50px 0px 30px; margin: 0 0 40px; flex: 0 0 24%; } .priceLanding.btx .blockInner .inner .price .text { padding: 28px 0px 30px; } .priceLanding.btx .blockInner .inner .price .pri { padding: 0 0 30px; font-size: 22px; } .priceLanding .blockInner .inner .price .text ul li a.pt-popover:hover span.popover { display: block; } .priceLanding .blockInner .inner .price .text ul li a.pt-popover span.popover { display: none; position: absolute; top: 100%; left: 5px; right: 5px; z-index: 11; background: #ffba00; padding: 10px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.36); color: #fff; } .priceLanding .blockInner .inner .price .text ul li a.pt-popover span.popover:before { display: block; content: ''; border: 6px solid transparent; border-bottom-color: #ffba00; position: absolute; top: -12px; left: 50%; } .priceLanding .blockInner .inner .price .text ul li a.pt-popover span.popover span.p-title { font-weight: bold; display: block; padding-bottom: 5px; border-bottom: 1px solid #fff; margin-bottom: 5px; } .priceLanding.btx .blockInner .inner .price .text.emp { display: flex; align-items: center; justify-content: center; } .main-block h2 { display: flex; flex: 1 0 100%; justify-content: center; text-align: center; margin: 20px 0; } .main-block.full { max-width: 100%; } .main-block .serts .desc-block { text-align: center; line-height: 25px; font-size: 17px; color: #777; } .sert-list img { max-width: 270px; height: auto; margin: 0 5px 10px; } .sert-list { display: flex; justify-content: space-evenly; align-items: center; width: 100%; margin: 30px 0; flex-wrap: wrap; } @media screen and (max-width: 480px) { body .main-block nav.edu-menu { flex: 1 0 220px; max-width: 95%; margin: 0px auto 0; padding: 0; } body .main-block nav.edu-menu .bx_sitemap { margin: 0 0 15px; } body .pather { max-width: 95%; margin: 0px auto 0; } body .main-block .content-block { max-width: 95%; margin: 0 auto; } } .left-block { display: flex; justify-content: center; } @media screen and (max-width: 980px) { body .left-block { flex-direction: column; max-width: 400px; margin-right: 20px; } body .headBottom .headerInner .left-block .company { flex: 0 0 10px; } body .phone-top { display: flex; flex-direction: column; padding: 0; margin-top: 31px; } body .phone-top:before { display: none; } body .headBottom .headerInner { display: flex; } body .headBottom .headerInner .slogan-top { text-align: left; justify-content: flex-start; padding: 25px 0 0; } } @media screen and (max-width: 768px) { body .left-block { flex-direction: column; max-width: 300px; margin-right: 20px; } } @media screen and (max-width: 680px) { body .left-block { flex-direction: column; max-width: 100%; margin-right: 20px; text-align: center; } body .headBottom .headerInner .slogan-top { text-align: center; } body .headBottom .headerInner { flex-direction: column; } body .phone-top { flex: 1 0 100%; width: 100%; } body .phone-top table { margin: 0 auto; } body .phone-top .titlePhone { margin: 0 auto; max-width: 300px; } } @media screen and (max-width: 320px) { body .left-block .company { text-align: left; } } @media screen and (max-width: 920px) { .slider-top .bx-controls-direction{ display: none; } } .search-page { margin: 20px 0; } .search-page form { display: flex; margin: 0 0 20px; } .search-page #bx_incl_area_7_1_1 { display: flex; flex: 1; } .search-page #bx_incl_area_7_1_1 input { width: 95%; padding: 6px; } .search-page input[type="submit"] { background: #ffba00; border: none; padding: 8px 20px; color: #fff; } .page-404 img { max-width: 740px; display: block; margin: 0 auto; } .page-404 { position: relative; } .page-404 .plashka { position: absolute; width: 260px; height: 168px; background: url(/local/templates/new_template/assets/css/flaj.png) no-repeat; background-size: 300px 208px; display: flex; align-items: center; justify-content: center; padding: 10px 20px 30px; text-align: center; color: #341c12; font-size: 18px; top: 30px; line-height: 24px; left: 50%; margin-left: -300px; flex-direction: column; } .page-404 .plashka a { color: #ffcc77; text-decoration: none; display: inline-block; padding: 5px 40px 5px 20px; background: #643c10; margin: 10px 0; position: relative; transition: all 0.3s linear 0s; border-radius: 5px } .page-404 .plashka a:before { display: block; content: ''; position: absolute; top: 50%; bottom: 0; right: 13px; width: 5px; background: #ffb53c; transform: skew(-20deg); box-shadow: 3px 0 0 0 #643c10, 5px 0 0 0 #ffb53c; transition: all 0.3s linear 0s; } .page-404 .plashka a:after { display: block; content: ''; position: absolute; bottom: 50%; top: 0; right: 13px; width: 5px; background: #ffb53c; transform: skew(20deg); box-shadow: 3px 0 0 0 #643c10, 5px 0 0 0 #ffb53c; transition: all 0.3s linear 0s; } .page-404 .plashka a:hover { color: #ffcc77; background: #c76e0f; } .page-404 .plashka a:hover:before { box-shadow: 3px 0 0 0 #c76e0f, 5px 0 0 0 #ffb53c; } .page-404 .plashka a:hover:after { box-shadow: 3px 0 0 0 #c76e0f, 5px 0 0 0 #ffb53c; } @media screen and (max-width: 768px) { body .page-404 .plashka { top: 30px; left: 80px; margin-left: 0px; } } @media screen and (max-width: 380px) { body .page-404 .plashka { top: 30px; left: 0px; margin-left: 0px; } body .page-404 img { margin-left: -80px; } } .main-block.auth p { line-height: 23px; color: #888; } .edu-header{ height: 200px; background-image: url(/local/templates/new_template/assets/css/edu-b.png); background-position: center; background-size: cover; } @media (max-width: 476px) { .edu-header{ background-image: url(/local/templates/new_template/assets/css/edu-b-mobile.png); } } .edu-menu ~ .main-block h1{ text-align: left; font-size: 60px; font-weight: 500; } .g-article .text-gray{ margin-right: 35px; } .g-article .com-box{ margin-left: 30px; } a.g-article__name{ color:#000; font-size: 30px!important; } .g-article .sl-button{ background: #fff; color:#000; margin-top:10px; } .g-article .sl-button svg path{ fill:#000; } .g-article .sl-button:hover{ background: #ffa800; color:#fff; } .g-article .sl-button:hover svg path{ fill:#fff; } span.cat-header { line-height: 24px; } .code_block { border: 1px solid #333; padding: 20px; background: #ddd; } .code_block p { margin: 0; font-family: Arial; font-size: 14px; color: #111; } /* End */ /* Start:/local/templates/new_template/assets/css/owl.theme.default.min.css?16674007091013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/new_template/assets/css/viz_styles.css?16674007095363*/ @charset "utf-8"; /* CSS Document */ .blocks-bl .item-bl { display: inline-block; vertical-align: top; margin: 0 10px 20px; font-size: 14px; line-height: normal; text-align: left; width: 46%; } .blocks-bl { font-size: 0; line-height: 0; } .blocks-bl .item-bl.full { display: block; width: auto; } .blocks-bl .item-bl .title-bl { display: block; position: relative; margin: 5px 0; font-size: 17px; border-bottom: 1px solid #2A2F58; padding-bottom: 6px; } .blocks-bl .item-bl .item:after { display: block; content: ''; clear: both; } .blocks-bl .item-bl .item .img-bl { float: left; margin: 0 10px 0 0; position: relative; } .blocks-bl .item-bl .item .title { margin: 5px 0; font-size: 17px; border-bottom: 1px solid #2A2F58; padding-bottom: 6px; } .blocks-bl .item-bl .item .text-bl { overflow: hidden; line-height: 20px; padding: 1px 0 0; font: normal 14px underdog, Arial, Helvetica, sans-serif; } .blocks-bl .item-bl.full .item .text-bl { display: block; width: 100%; } .blocks-bl .item-bl .item { margin: 0 10px 10px 0; } .blocks-bl .item-bl.maps-bl .item { padding: 0 0 15px; } .blocks-bl .item-bl.form-bl .item .text-bl, .blocks-bl .item-bl.map .item .text-bl { width: auto; } .blocks-bl .item-bl.maps-bl .item .img-bl { border: 1px solid #5C3E3E; padding: 4px; font-size: 0; } .blocks-bl .item-bl.maps-bl .item .title { color: #333; font-weight: normal; } .blocks-bl .item-bl.maps-bl .item .img-bl img { border: none; width: auto; } .blocks-bl .item-bl.form-bl { } .blocks-bl .item-bl.form-bl .title { } .blocks-bl .item-bl.form-bl .field-title { margin: 15px 0 7px; color: #111; font: normal 16px underdog, Arial, Helvetica, sans-serif; } .blocks-bl .item-bl.form-bl input[type="text"] { padding: 10px; border: 1px solid #c7c7c7; border-radius: 3px; display: block; width: 90%; } .blocks-bl .item-bl.form-bl textarea { width: 94%; padding: 5px; border: 1px solid #c7c7c7; height: 130px; border-radius: 3px; } .blocks-bl .item-bl.form-bl button { padding: 10px 10px; background: #3A3F69; color: #fff; border: none; border-radius: 4px; _font: normal 16px underdog, Arial, Helvetica, sans-serif; margin: 0 0 10px; display: inline-block; width: 120px; } .blocks-bl .item-bl .item .img-bl img { width: 32px; position: relative; z-index: 111; margin: 0; } .blocks-bl .item-bl.full { width: auto; margin: 0 10px 0; max-width: 96%; } .blocks-bl .item-bl.full.conts .item { display: flex; flex: 1 0 47%; } .blocks-bl .item-bl.map > ymaps { border: 1px solid #587CD3; padding: 4px; margin: 0 auto 25px; } .blocks-bl .item-bl.form-bl form { display: flex; flex-wrap: wrap; } .blocks-bl .item-bl.form-bl .tpl-field { margin: 2px 0px; width: 100%; } .upload-button { display: flex; align-items: center; } .upload-button object { margin: 0 10px 0 0; } .blocks-bl .item-bl.form-bl .tpl-field.tpl-field-button { margin: 15px 0; text-align: right; } .blocks-bl .item-bl.form-bl .tpl-field.type-upload .field-value { border: 1px solid #587CD3; padding: 5px; min-height: 51px; display: flex; align-items: center; justify-content: center; background: rgb(88, 124, 211); color: #fff; border-radius: 3px; } .catalog.hor .item .img:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 110; cursor: pointer; } .catalog.hor .active .item .img:before { display: none; } .highslide-image { box-shadow: 0 0 4px #000; } .blocks-bl .item-bl.full.conts .item p { margin: 0px 0 10px; } .blocks-bl .item-bl .item .text-bl .must { text-align: center; font-size: 15px; } .blocks-bl .item-bl.full.conts .item .viz-bl p { margin: 20px; font-family: Arial; color: #555; } .blocks-bl .item-bl.full.conts .item .viz-bl ul { line-height: 22px; font-family: Arial; color: #555; list-style: none; padding: 0; margin: 20px; } .blocks-bl .item-bl.full.conts .item .viz-bl ul li { position: relative; padding: 4px 4px 9px 20px; } .blocks-bl .item-bl.full.conts .item .viz-bl ul li:before { display: block; content: ''; position: absolute; border-radius: 100%; border: 3px solid #68B8E3; top: 13px; left: 0px; } .blocks-bl .item-bl .item .img-bl:before { display: block; content: ''; background: #2A2F58; width: 34px; height: 34px; position: absolute; top: -1px; left: -1px; border-radius: 2px; z-index: 9; } body { background: transparent; } .blocks-bl .item-bl .item .text-bl > ymaps { margin: 10px 0; max-width: 100%; } .blocks-bl .item-bl .item .text-bl a { color: #333; } .blocks-bl .item-bl .item .text-bl li { margin: 0 0 10px; } @media screen and (max-width: 732px) { .blocks-bl .item-bl { width: 46%; } body .blocks-bl .item-bl.form-bl textarea { height: 130px !important; } } @media screen and (max-width: 412px) { .blocks-bl .item-bl { width: auto; display: block; } } /* End */ /* Start:/local/templates/new_template/assets/css/slick-theme.css?16674007091715*/ @charset 'UTF-8'; /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; opacity: 1; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; width: 31px; height: 60px; } .slick-prev { left: 40px; width: 30px; z-index:2; background: url(/local/templates/new_template/assets/css/../img/sl-prev.png); } .slick-next { background: url(/local/templates/new_template/assets/css/../img/sl-next.png); right: 40px; } .blog .slick-next{ background-image: url(/local/templates/new_template/assets/css/../img/arr-right2.png); } .blog .slick-prev{ background-image: url(/local/templates/new_template/assets/css/../img/arr-left2.png); } @media(max-width:767px){ .slick-prev{ left:20px; } .slick-next{ right:20px; } .blog .slick-next{ right:-30px; background-image: url(/local/templates/new_template/assets/css/../img/arr-right2.png); } .blog .slick-prev{ left:-30px; background-image: url(/local/templates/new_template/assets/css/../img/arr-left2.png); } } @media(max-width:476px){ .slick-prev, .slick-next{ width: 25px; height: 25px; bottom:55px; top:auto; background-repeat: no-repeat; background-position: center; } .slick-prev{ left:20px; background-image: url(/local/templates/new_template/assets/css/../img/arr-left.png); } .slick-next{ left:45px; background-image: url(/local/templates/new_template/assets/css/../img/arr-right.png); } .blog .slick-next{ left:40px; background-image: url(/local/templates/new_template/assets/css/../img/blog-arr-right.svg); } .blog .slick-prev{ left:20px; background-image: url(/local/templates/new_template/assets/css/../img/bl-arr-l.svg); } } /* End */ /* Start:/local/templates/new_template/styles.css?1748544464367777*/ 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; font-display: swap; } :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/new_template/../fonts/opensans/light/opensanslight.woff) format('woff'), url(/local/templates/new_template/../fonts/opensans/light/opensanslight.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/opensans/regular/opensans.woff) format('woff'), url(/local/templates/new_template/../fonts/opensans/regular/opensans.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/opensans/bold/opensansbold.woff) format('woff'), url(/local/templates/new_template/../fonts/opensans/bold/opensansbold.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/opensans/extrabold/opensansextrabold.woff) format('woff'), url(/local/templates/new_template/../fonts/opensans/extrabold/opensansextrabold.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/raleway/light/Raleway-Light.woff) format('woff'), url(/local/templates/new_template/../fonts/raleway/light/Raleway-Light.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/raleway/regular/Raleway-Regular.woff) format('woff'), url(/local/templates/new_template/../fonts/raleway/regular/Raleway-Regular.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/raleway/medium/Raleway-Medium.woff) format('woff'), url(/local/templates/new_template/../fonts/raleway/medium/Raleway-Medium.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/raleway/semibold/Raleway-SemiBold.woff) format('woff'), url(/local/templates/new_template/../fonts/raleway/semibold/Raleway-SemiBold.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/raleway/bold/Raleway-Bold.woff) format('woff'), url(/local/templates/new_template/../fonts/raleway/bold/Raleway-Bold.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/roboto/regular/Roboto-Regular.woff) format('woff'), url(/local/templates/new_template/../fonts/roboto/regular/Roboto-Regular.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/roboto/medium/Roboto-Medium.woff) format('woff'), url(/local/templates/new_template/../fonts/roboto/medium/Roboto-Medium.woff2) format('woff2'), url(/local/templates/new_template/../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/new_template/../fonts/roboto/bold/Roboto-Bold.woff) format('woff'), url(/local/templates/new_template/../fonts/roboto/bold/Roboto-Bold.woff2) format('woff2'), url(/local/templates/new_template/../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 0.2s 0.5s; -o-transition: all ease-out 0.2s 0.5s; transition: all ease-out 0.2s 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.15s; } a:hover { opacity: 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 !important; } .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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.15s; } .footer__social-link:hover { opacity: 0.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 0.15s; -o-transition: opacity ease-out 0.15s; transition: opacity ease-out 0.15s; } .footer__contacts-link--yellow { color: #ffa800; } .footer__contacts-link:hover { opacity: 0.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: 0.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 0.5s; -o-transition: all ease-out 0.5s; transition: all ease-out 0.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/new_template/../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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.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: 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.15s; } .footer-nav__link:hover { opacity: 0.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/new_template/../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; } .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: black; -webkit-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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/new_template/../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/new_template/../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 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: 500px; } .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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.3s ease-in, visibility 0.3s ease-in; -o-transition: opacity 0.3s ease-in, visibility 0.3s ease-in; transition: opacity 0.3s ease-in, visibility 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.15s; } .main-partners__link:hover { opacity: 0.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 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: 45px; 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/new_template/../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/new_template/../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: 0.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/new_template/../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 !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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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); } .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; } .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/new_template/../images/common/separator-desktop.png) no-repeat center; } .crm-material { background: #ffa800 url(/local/templates/new_template/../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 0.3s; -o-transition: max-height 0.3s; transition: max-height 0.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, 0.1); box-shadow: 0 0 15px rgba(98, 63, 162, 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.8s ease 0s; -o-transition: visibility 0.8s ease 0s; transition: visibility 0.8s ease 0s; visibility: hidden; } .popup::before { content: ''; background-color: rgba(63, 58, 58, 0.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 0.8s ease 0s; -o-transition: opacity 0.8s ease 0s; transition: opacity 0.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 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; transition: all 0.3s ease 0.4s; } .popup._active .popup__body { -webkit-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.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 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.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 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.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/new_template/../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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.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: 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.15s; } .footer-nav__link:hover { opacity: 0.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/new_template/../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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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/new_template/../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/new_template/../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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.3s ease-in, visibility 0.3s ease-in; -o-transition: opacity 0.3s ease-in, visibility 0.3s ease-in; transition: opacity 0.3s ease-in, visibility 0.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, 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; } .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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.15s; } .main-partners__link:hover { opacity: 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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: 0.5; } .landing-hero__nav:hover { opacity: 0.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, 0.1); box-shadow: 0 0 15px rgba(98, 63, 162, 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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, 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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, 0.1); box-shadow: 0 0 10px rgba(98, 63, 162, 0.1); border-radius: 10px; overflow: hidden; padding: 21px 9px 12px 9px; position: relative; } .boxed-competencies__item:hover .boxed-competencies__subtitle { opacity: 0.7; } .boxed-competencies__item:hover .boxed-competencies__icon { opacity: 0.7; } .boxed-competencies__subtitle { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 13px 0; -webkit-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .boxed-competencies__icon { margin: 0 0 0 -20px; -webkit-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.3s; -o-transition: max-height 0.3s; transition: max-height 0.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, 0.1); box-shadow: 0 0 15px rgba(98, 63, 162, 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.8s ease 0s; -o-transition: visibility 0.8s ease 0s; transition: visibility 0.8s ease 0s; visibility: hidden; } .popup::before { content: ''; background-color: rgba(63, 58, 58, 0.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 0.8s ease 0s; -o-transition: opacity 0.8s ease 0s; transition: opacity 0.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 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; transition: all 0.3s ease 0.4s; } .popup._active .popup__body { -webkit-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.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 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.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 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.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: 45px; 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/new_template/../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/new_template/../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: 0.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/new_template/../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 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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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/new_template/../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/new_template/../images/common/separator-desktop.png) no-repeat center; } .crm-material { background: #ffa800 url(/local/templates/new_template/../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 30px 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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 !important; } .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, 0.2); box-shadow: 0 12px 30px rgba(255, 203, 104, 0.2); } .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); } .contacts-map { overflow: hidden; } .training__wrapper--flex { display: flex; } @media screen and (min-width: 1280px) { body .training__wrapper { display: flex; grid-column-gap: 0; grid-template-columns: none; } body .training__wrapper > *:nth-child(1) { width: 25.59%; min-width: 25.59%; margin-right: 30px; } body .training__wrapper > *:nth-child(2) { flex: 1; width: calc(74.31% - 30px); } } @media screen and (min-width: 880px) { body .training__wrapper { display: flex; grid-column-gap: 0; grid-template-columns: none; } body .training__wrapper > *:nth-child(1) { width: 25.59%; min-width: 25.59%; margin-right: 30px; } body .training__wrapper > *:nth-child(2) { flex: 1; width: calc(74.31% - 30px); } } @media screen and (max-width: 880px) { body .training__wrapper > *:nth-child(1) { width: 100%; min-width: 100%; margin-right: 0; margin-bottom: 40px; } body .training__wrapper > *:nth-child(2) { flex: 1; width: 100%; } body .training__wrapper { flex-direction: column; } } .wrapper .main-content__cases-analytics .cases-analytics-box-item__img { max-width: 242px; height: 55px; margin-bottom: 20px !important; } .wrapper .main-content__cases-analytics .cases-analytics-box-item__subtitle { margin-bottom: 40px; margin-top: 0; } .wrapper .main-content__system-works .main-content__system-works__slider__logo { display: flex; align-items: center; justify-content: center; } .wrapper .main-content__system-works .main-content__system-works__slider__logo > img { width: initial !important; height: initial !important; } .faq-analytics .answer { max-height: max-content; } .faq-analytics.faq { padding-bottom: 80px; margin-top: 0; } .steps-integration { padding-top: 120px; padding-bottom: 150px; } .steps-integration .title-h2 { font-size: 65px; line-height: 70px; font-weight: 700; text-align: center; margin-bottom: 60px; } .steps-integration-box { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 40px; grid-row-gap: 60px; } .steps-integration-el { flex-direction: column; } .steps-integration-number { margin-bottom: 20px; } .steps-integration-city { margin-bottom: 20px; font-size: 25px; font-weight: 700; line-height: 35px; } .steps-integration-phone { font-size: 18px; line-height: 28px; font-weight: 400; max-width: 423px; } .advantages-integration { padding-top: 120px; padding-bottom: 120px; } .advantages-integration .title-h2 { font-size: 65px; line-height: 70px; font-weight: 700; text-align: center; margin-bottom: 80px; } .advantages-integration-box { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 40px; } .advantages-el { flex-direction: column; } .advantages-img { margin-bottom: 20px; margin-right: 20px; } .advantages-title { margin-bottom: 20px; font-size: 22px; line-height: 40px; font-weight: 700; } .advantages-text { font-weight: 300; font-size: 18px; line-height: 28px; } .form-yellow-bg { background-image: url('/local/templates/new_template/./assets/img/integration-bg2.png'); padding-top: 120px; padding-bottom: 120px; background-size: cover; } .form-yellow-bg .title-h3 { margin-bottom: 20px; margin-top: 0; font-size: 50px; line-height: 60px; font-weight: 700; text-align: center; max-width: 1282px; } .form-yellow-bg .subtitle { font-size: 35px; line-height: 60px; margin-bottom: 30px; margin-top: 0; text-align: center; max-width: 1282px; } .wrapper .form-yellow-bg .main-content__btn { background: #4f2b8f; font-size: 25px; line-height: 28px; padding: 20px 40px; margin: 0 auto; display: flex; } .integration-slider { background: #f7f7f7; padding-top: 120px; padding-bottom: 90px; } .integration-slider-item-box { display: flex; justify-content: space-between; align-items: center; } .integration-slider .integration-slider-item__img { max-width: 736px; max-height: 509px; display: flex; align-items: center; justify-content: center; margin-right: 60px; flex-basis: 50%; } .integration-slider .integration-slider-item__desc { max-width: 625px; font-weight: 300; font-size: 18px; line-height: 28px; flex-basis: 50%; } .wrapper .integration-slider .slick-dots { display: flex; list-style-type: none; padding-left: 0; justify-content: center; margin-top: 80px; margin-bottom: 0; } .wrapper .integration-slider .slick-dots button { display: none; } .wrapper .integration-slider .slick-dots > li { width: 18px; height: 18px; background: #e8e8e8; border-radius: 50px; cursor: pointer; margin-right: 20px; } .wrapper .integration-slider .slick-dots > li:last-child { margin-right: 0; } .wrapper .integration-slider .slick-dots > li.slick-active { background: #ffa800; } .main-content__integration { background-image: url('/local/templates/new_template/./assets/img/integration-main-bg.png'); padding-top: 50px; padding-bottom: 265px; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; } .wrapper .main-content__integration .main-content__btn { margin-top: 40px; font-size: 25px; line-height: 29px; padding: 20px 40px; } .main-content__integration h1 { font-size: 75px; line-height: 90px; font-weight: 700; color: #ffffff; margin-bottom: 40px; margin-top: 90px; } .main-content__integration h1 > span { font-size: 90px; line-height: 60px; font-weight: 700; color: #ffa800; font-feature-settings: 'pnum' on, 'lnum' on; display: block; margin-top: 20px; } .integration-desc { font-size: 20px; line-height: 30px; color: #ffffff; font-weight: 300; margin-top: 0; margin-bottom: 0; } .main-content__integration .header-content { justify-content: space-between; } .main-content__integration .header-content .main-content__left { flex-basis: 677px; } .main-content__integration .header-content .main-content__right { position: absolute; width: 36.2%; right: 178px; transform: translateY(50%); bottom: 55%; z-index: -1; } .main-content__integration-sub { padding-top: 120px; background-image: url('/local/templates/new_template/./assets/img/integration-main-subbg.png'); background-repeat: no-repeat; background-size: cover; padding-bottom: 140px; } .main-content__integration-sub__preview { display: grid; grid-column-gap: 108px; grid-row-gap: 130px; grid-template-columns: 1fr 1fr; max-width: 1920px; margin: 0 auto; } .main-content__integration-sub__preview__img { align-self: center; } .main-content__integration-sub__preview-text-right { /*margin-right: 250px;*/ max-width: 687px; margin-right: 10px; } .main-content__integration-sub__preview-text-left { /*margin-left: 250px;*/ justify-self: end; margin-left: 10px; max-width: 643px; } .main-content__integration-sub__preview-text-left h3 { font-weight: bold; font-size: 35px; line-height: 40px; margin-top: 0; margin-bottom: 40px; } .main-content__integration-sub__preview-list { list-style: none; margin: 0; padding: 0; } .main-content__integration-sub__preview-list > li { font-size: 25px; line-height: 28px; font-feature-settings: 'pnum' on, 'lnum' on; color: #000000; font-weight: 400; margin-bottom: 26px; display: flex; } .main-content__integration-sub__preview-list > li:before { content: ''; display: block; width: 30px; height: 30px; margin-right: 20px; flex: none; background-image: url('/local/templates/new_template/./assets/img/integration-li-marker.svg'); } .main-content__integration-sub__preview-list > li:last-child { margin-bottom: 0; } .main-content__integration-sub__preview-text-medium { font-weight: 300; font-size: 25px; line-height: 36px; color: #000000; margin-top: 0; margin-bottom: 0; } .main-content__integration-sub__preview-text-small { font-weight: 300; font-size: 18px; line-height: 28px; margin-bottom: 25px; margin-top: 0; } .main-content__integration-sub__preview-text-right p:last-child { margin-bottom: 0; } .main-content__integration-sub__preview-text-custom { font-weight: bold; font-size: 35px; line-height: 45px; color: #4f2b8f; margin-bottom: 31px; margin-top: 20px; } .main-content__integration-sub__preview-text-custom > span { color: #ffa800; } .wrapper .main-page .main-content__integration-sub__adv.container { margin-top: 115px; margin-bottom: 115px; } .main-content__integration-sub__adv .title-h2 { font-weight: bold; font-size: 55px; line-height: 65px; text-align: center; max-width: 966px; margin: 0 auto; } .main-content__integration-sub__adv-grid { display: grid; grid-column-gap: 52px; grid-row-gap: 60px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; margin-top: 60px; margin-bottom: 60px; } .wrapper .main-content__integration-sub__adv .main-content__btn { display: block; margin: 0 auto; margin-top: 60px; font-size: 25px; line-height: 29px; padding: 20px 40px; } .main-content__integration-sub__adv-grid-item__img { margin-bottom: 20px; } .main-content__integration-sub__adv-grid-item__desc { font-size: 16px; line-height: 28px; } .main-content__integration-sub__disadv { display: flex; align-items: center; } .main-content__integration-sub__disadv-box { flex-basis: 628px; margin-left: 0; background: #2d1152; display: flex; height: 450px; align-items: center; padding: 10px 15px; justify-content: center; margin-right: 75px; } .main-content__integration-sub__disadv-box .title-h2 { font-weight: bold; font-size: 50px; line-height: 62px; color: #fff; } .main-content__integration-sub__disadv-box .title-h2 > span { color: #ffa800; display: block; } .main-content__integration-sub__disadv-list { display: grid; grid-column-gap: 52px; grid-template-columns: 1fr 1fr 1fr; margin-right: 125px; } .main-content__integration-sub__disadv-list-item { display: flex; flex-direction: column; max-width: 243px; } .main-content__integration-sub__disadv-list__img { margin-bottom: 20px; } .main-content__integration-sub__disadv-list__desc { font-size: 16px; line-height: 28px; } @media screen and (max-width: 1700px) { .main-content__integration .header-content .main-content__right { width: 25%; } .main-content__integration-sub__disadv-box { margin-left: 0; } .main-content__integration-sub__disadv-list { margin-right: 10px; } } @media screen and (max-width: 1420px) { .main-content__integration-sub__disadv-box { margin-right: 30px; } .main-content__integration-sub__disadv-list { grid-column-gap: 15px; } .main-content__integration-sub__adv .title-h2 { text-align: initial; max-width: initial; } .main-content__integration-sub__adv-grid { margin-top: 30px; margin-bottom: 30px; grid-column-gap: 15px; grid-row-gap: 20px; } .wrapper .main-page .main-content__integration-sub__adv.container { margin-top: 50px; margin-bottom: 50px; } .main-content__integration-sub__preview { grid-column-gap: 30px; grid-row-gap: 30px; grid-template-columns: 1fr; justify-items: center; } .main-content__integration-sub { padding-top: 50px; padding-bottom: 50px; } .main-content__integration .header-content .main-content__right { width: 100%; position: static; transform: none; margin-top: 30px; } .main-content__integration-sub__preview-text-left { justify-self: initial; } .main-content__integration-sub__preview div:nth-of-type(1) { order: 1; } .main-content__integration-sub__preview div:nth-of-type(2) { order: 2; } .main-content__integration-sub__preview div:nth-of-type(3) { order: 4; } .main-content__integration-sub__preview div:nth-of-type(4) { order: 3; } .main-content__integration .header-content .main-content__right > img { margin-left: auto; display: block; } .main-content__integration { padding-bottom: 30px; } .main-content__integration .header-content { flex-direction: column; } .main-content__integration .header-content .main-content__left { max-width: 677px; flex-basis: initial; } .main-content__integration h1 { margin-top: 10px; } } @media screen and (max-width: 1024px) { .main-content__integration h1 > span { font-size: 65px; margin-top: 0px; } .main-content__integration { padding-top: 20px; } } @media screen and (max-width: 1023px) { .main-content__integration-sub__disadv { flex-direction: column; } .main-content__integration-sub__disadv-box { width: 89.5%; flex-basis: initial; padding: 40px; margin-bottom: 30px; margin-right: 0; } .main-content__integration-sub__disadv-list { margin-right: 0; width: 89.5%; } .integration-slider-item-box { flex-direction: column; } .integration-slider .integration-slider-item__img { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .main-content__integration-sub__disadv-box .title-h2 { font-size: 45px; line-height: 55px; } .main-content__integration-sub__disadv-box { height: auto; } .main-content__integration-sub__disadv-list__desc { line-height: 22px; } .main-content__integration-sub__adv-grid { grid-template-columns: 1fr 1fr; } .main-content__integration-sub__adv-grid-item { display: flex; flex-direction: column; text-align: center; } .main-content__integration-sub__adv .title-h2 { font-size: 38px; line-height: 45px; } .main-content__integration-sub__preview-text-left h3 { font-size: 25px; line-height: 40px; margin-bottom: 10px; } .main-content__integration-sub { padding-bottom: 30px; } .main-content__integration-sub__preview-text-right, .main-content__integration-sub__preview-text-left { width: 89.5%; } .main-content__integration-sub__preview-list > li { font-size: 20px; line-height: 28px; margin-bottom: 12px; } .main-content__integration-sub__preview-text-small { margin-bottom: 12px; } .main-content__integration-sub__preview-text-custom { font-size: 28px; line-height: 34px; margin-bottom: 20px; margin-top: 15px; text-align: center; } .main-content__integration .header-content .main-content__right { display: none; } .main-content__integration h1 { font-size: 38px; line-height: 45px; } .main-content__integration h1 > span { font-size: 55px; line-height: 45px; margin-top: 10px; } .faq-analytics.faq { margin-top: 30px; padding-bottom: 30px; } .steps-integration-box { grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; } .steps-integration-city { font-size: 18px; line-height: 24px; } .steps-integration-phone { font-size: 15px; line-height: 20px; } .steps-integration .title-h2 { font-size: 45px; line-height: 55px; margin-bottom: 30px; } .steps-integration { padding-top: 50px; padding-bottom: 50px; } .advantages-integration-box { grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; } .advantages-integration .title-h2 { font-size: 45px; line-height: 55px; margin-bottom: 30px; } .advantages-title { font-size: 18px; line-height: 24px; } .advantages-text { font-size: 15px; line-height: 20px; } .advantages-integration { padding-top: 50px; padding-bottom: 50px; } .form-yellow-bg { padding-bottom: 50px; padding-top: 50px; background-position: center; } .form-yellow-bg .title-h3 { font-size: 35px; line-height: 42px; } .form-yellow-bg .subtitle { font-size: 24px; line-height: 36px; } .integration-slider { padding-top: 50px; padding-bottom: 50px; } .integration-slider .integration-slider-item__desc { font-size: 15px; line-height: 20px; } .integration-slider .integration-slider-item__img { margin-right: 0; flex-basis: 100%; } } @media screen and (max-width: 576px) { .main-content__integration-sub__disadv-list { grid-template-columns: 1fr; } .main-content__integration-sub__disadv-list-item { flex-direction: row; max-width: 100%; align-items: center; margin-bottom: 20px; } .main-content__integration-sub__disadv-list-item:last-child { margin-bottom: 0; } .main-content__integration-sub__disadv-list__img { flex: none; margin-right: 20px; margin-bottom: 0; } .main-content__integration-sub__adv .title-h2 { text-align: center; } .steps-integration-box { grid-template-columns: 1fr; grid-row-gap: 20px; } .steps-integration-el { flex-direction: row; } .steps-integration-number { width: 82px; margin-right: 20px; } .steps-integration-phone { max-width: 275px; } .steps-integration { padding-bottom: 20px; padding-top: 20px; } .steps-integration .title-h2 { line-height: 38px; } .steps-integration-city { margin-bottom: 12px; } .advantages-integration .title-h2 { line-height: 38px; } .advantages-integration-box { grid-template-columns: 1fr; grid-row-gap: 20px; } .advantages-integration { padding-top: 20px; padding-bottom: 20px; } .advantages-el { flex-direction: row; justify-content: center; align-items: center; } .advantages-title { margin-bottom: 12px; } .advantages-text { max-width: 275px; } .wrapper .form-yellow-bg .main-content__btn { font-size: 18px; padding: 14px 20px; } .form-yellow-bg { padding-bottom: 30px; padding-top: 30px; } .wrapper .integration-slider .slick-dots { margin-top: 20px; } .integration-slider { padding-top: 30px; padding-bottom: 30px; } } .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/new_template/../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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.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: 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.15s; } .footer-nav__link:hover { opacity: 0.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/new_template/../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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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/new_template/../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/new_template/../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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.3s ease-in, visibility 0.3s ease-in; -o-transition: opacity 0.3s ease-in, visibility 0.3s ease-in; transition: opacity 0.3s ease-in, visibility 0.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, 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; } .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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.15s; } .main-partners__link:hover { opacity: 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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: 0.5; } .landing-hero__nav:hover { opacity: 0.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, 0.1); box-shadow: 0 0 15px rgba(98, 63, 162, 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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, 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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, 0.1); box-shadow: 0 0 10px rgba(98, 63, 162, 0.1); border-radius: 10px; overflow: hidden; padding: 21px 9px 12px 9px; position: relative; } .boxed-competencies__item:hover .boxed-competencies__subtitle { opacity: 0.7; } .boxed-competencies__item:hover .boxed-competencies__icon { opacity: 0.7; } .boxed-competencies__subtitle { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 13px 0; -webkit-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .boxed-competencies__icon { margin: 0 0 0 -20px; -webkit-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .boxed-competencies__shadow-link::after { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .settings-hero { background: -webkit-gradient( linear, left top, right top, from(#f9f8fb), to(rgba(249, 248, 251, 0)) ); background: -o-linear-gradient(left, #f9f8fb 0, rgba(249, 248, 251, 0) 100%); background: linear-gradient(90deg, #f9f8fb 0, rgba(249, 248, 251, 0) 100%); padding: 40px 0; } .settings-hero__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .settings-hero__top { 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 3px 0; } .settings-hero__title { font-size: 26px; font-weight: 700; line-height: 1; margin: 0 0 6px 0; } .settings-hero__subtitle { color: #623fa2; font-size: 26px; font-weight: 700; line-height: 1; margin: 0 0 10px 0; } .settings-hero__text { font-size: 15px; line-height: 1.5; margin: 0 0 5px 0; } .settings-hero__list { font-size: 15px; line-height: 1.3; list-style: disc; margin: 0 0 27px 0; padding: 0 0 0 20px; } .settings-hero__item:not(:last-child) { margin: 0 0 5px 0; } .settings-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; } .settings-hero__input { border: 1px solid #908f8f; border-radius: 25px; color: #000; font-size: 16px; margin: 0 0 20px 0; padding: 15px 35px; } .settings-hero__input::-webkit-input-placeholder { color: #908f8f; } .settings-hero__input::-moz-placeholder { color: #908f8f; } .settings-hero__input:-ms-input-placeholder { color: #908f8f; } .settings-hero__input::-ms-input-placeholder { color: #908f8f; } .settings-hero__input::placeholder { color: #908f8f; } .settings-hero__button { color: #fff; font-size: 16px; line-height: 1; } .settings-hero__button::after { content: attr(data-mobile-text); } .settings-hero__picture { display: none; } .settings-for-what { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 35px 0; } .settings-for-what__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .settings-for-what__subtitle { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 20px 0; } .settings-for-what__list { display: grid; gap: 20px; margin: 0 0 20px 0; } .settings-for-what__item { border: 1px solid #ededed; border-radius: 10px; padding: 22px 26px; } .settings-for-what__heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 10px 0; } .settings-for-what__icon-box { -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); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 42px; margin: 0 5px 0 0; width: 42px; } .settings-for-what__head { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 1.3; } .settings-for-what__text { font-size: 14px; line-height: 18px; } .settings-awards { border-bottom: 1px solid #ededed; overflow: hidden; margin: 0 0 35px 0; padding: 0 0 35px; } .settings-awards__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .settings-awards__note { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 40px 0; position: relative; } .settings-awards__note::before { background-color: #ffa800; bottom: -20px; content: ''; height: 2px; left: 0; position: absolute; width: 60px; } .settings-awards__text { font-size: 14px; line-height: 18px; margin: 0 0 20px 0; } .settings-awards__swiper { overflow: inherit; } .settings-awards__item { width: auto !important; } .settings-awards__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: 20px 0 20px; } .settings-awards__bullet { background-color: #ededed; border-radius: 50px; height: 10px; width: 10px; } .settings-awards__bullet--active { background-color: #623fa2; } .settings-awards__bullet:not(:last-child) { margin: 0 8px 0 0; } .settings-awards__bottom { font-size: 16px; font-weight: 600; line-height: 21px; text-align: center; } .settings-awards__tablet-block { display: none; } .settings-success { padding: 0 0 35px 0; } .settings-success__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .settings-success__note { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 20px 0; } .settings-success__list { display: grid; gap: 20px; margin: 0 0 30px 0; } .settings-success__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); 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: 16px 25px; } .settings-success__heading { color: #623fa2; font-size: 32px; font-weight: 800; line-height: 1; margin: 0 0 10px 0; text-align: center; } .settings-success__heading span { font-size: 20px; line-height: 26px; } .settings-success__text { font-size: 14px; font-weight: 600; line-height: 18px; text-align: center; } .settings-why-choice { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 0 0 35px; } .settings-why-choice__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0; } .settings-why-choice__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .settings-why-choice__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .settings-why-choice__item:not(:last-child) { margin: 0 0 20px 0; } .settings-why-choice__number { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #623fa2; border-radius: 50%; color: #623fa2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 16px; font-weight: 600; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; height: 40px; margin: 0 10px 0 0; width: 40px; } .settings-why-choice__heading { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 20px; margin: 0 0 8px 0; } .settings-why-choice__text { font-size: 14px; line-height: 18px; } .settings-think { background-color: #f9f8fb; padding: 35px 0; } .settings-think__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .settings-think__note { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 20px 0; } .settings-think__picture { display: none; } .settings-think__list { display: grid; gap: 20px; } .settings-think__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: #fff; border: 1px solid #ededed; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 22px 16px 22px 26px; } .settings-think__number { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; 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; font-family: Roboto, Arial, sans-serif; font-size: 22px; font-weight: 800; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 50px; line-height: 28px; margin: 0 16px 0 0; width: 50px; } .settings-think__heading { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 20px; margin: 0 0 8px 0; } .settings-think__text { font-size: 14px; line-height: 18px; } .settings-digital { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 35px 0; } .settings-digital__icon { display: none; } .settings-digital__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .settings-digital__note { color: #929292; font-size: 16px; line-height: 21px; margin: 0 0 20px 0; } .settings-digital__list { display: grid; gap: 20px; } .settings-digital__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } .settings-digital__number { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #623fa2; border-radius: 50%; color: #fff; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 600; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 21px; height: 40px; margin: 0 15px 0 0; width: 40px; } .settings-digital__heading { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 20px; margin: 0 0 8px 0; } .settings-digital__text { font-size: 14px; line-height: 18px; } .settings-digital__text p:not(:last-child) { margin: 0 0 8px 0; } .settings-office { margin: 0 0 35px 0; } .settings-office__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .settings-office__note { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 20px 0; } .settings-office__list { display: grid; gap: 20px; margin: 0 0 35px 0; } .settings-office__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .settings-office__head { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 6px 0; } .settings-office__number { color: #ffa800; font-size: 22px; font-weight: 900; line-height: 29px; margin: 0 8px 0 0; } .settings-office__heading { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 20px; } .settings-office__inner { border: 1px solid #ededed; border-radius: 10px; font-size: 14px; line-height: 18px; padding: 22px 25px; } .settings-office__promo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-gradient( linear, left top, right top, from(rgba(253, 253, 253, 0)), to(rgba(255, 168, 0, 0.4)) ), url(/local/templates/new_template/../images/common/settings-promo-bg.png) no-repeat center; background: -o-linear-gradient( left, rgba(253, 253, 253, 0) 0, rgba(255, 168, 0, 0.4) 100% ), url(/local/templates/new_template/static/images/common/settings-promo-bg.png) no-repeat center; background: linear-gradient( 90deg, rgba(253, 253, 253, 0) 0, rgba(255, 168, 0, 0.4) 100% ), url(/local/templates/new_template/static/images/common/settings-promo-bg.png) no-repeat center; background-size: 100% 100%; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 35px 20px; } .settings-office__promo-title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 10px 0; text-align: center; } .settings-office__promo-note { font-size: 16px; font-weight: 600; line-height: 21px; text-align: center; margin: 0 0 10px 0; max-width: 80%; } .settings-office__promo-gift { font-size: 16px; font-weight: 600; line-height: 21px; text-align: center; } .settings-tariffs { margin: 0 0 35px 0; } .settings-tariffs__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .settings-tariffs__note { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 20px 0; } .settings-tariffs__bottom { font-size: 16px; font-weight: 600; line-height: 21px; } .tariffs-accordion { margin: 0 0 30px 0; } .tariffs-accordion__element.is-active .tariffs-accordion__button { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tariffs-accordion__head { background-color: #f5f5f5; 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 -20px; padding: 27px 20px; position: relative; } .tariffs-accordion__head--orange { background-color: #ffa800; } .tariffs-accordion__head--purple { background-color: #623fa2; color: #fff; } .tariffs-accordion__head--purple .tariffs-accordion__button-icon { color: #fff; } .tariffs-accordion__heading { font-size: 16px; font-weight: 800; line-height: 20px; margin: 0 0 5px 0; } .tariffs-accordion__price { font-size: 18px; font-weight: 700; line-height: 24px; margin: 0 0 5px 0; } .tariffs-accordion__period { font-size: 18px; font-weight: 800; line-height: 24px; margin: 0 0 10px 0; } .tariffs-accordion__note { font-size: 14px; font-weight: 600; line-height: 17px; } .tariffs-accordion__note br.desktop-only { display: none; } .tariffs-accordion__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; height: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; position: absolute; right: 20px; top: 27px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; width: 24px; } .tariffs-accordion__button svg { color: #000; } .tariffs-accordion__inner { padding: 0 0 30px; } .tariffs-accordion__list { list-style: none; margin: 0 0 30px 0; padding: 0; } .tariffs-accordion__item { border-bottom: 1px solid #ededed; padding: 20px 0; } .tariffs-accordion__text { font-size: 16px; line-height: 21px; margin: 0; padding: 0; } .tariffs-accordion__text br.desktop-only { display: none; } .tariffs-accordion__text--bold { font-weight: 600; } .settings-promo { 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; } .settings-promo__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 5px 0; } .settings-promo__title span { color: #ffa800; } .settings-promo__note { color: #929292; font-size: 16px; font-weight: 600; line-height: 21px; margin: 0 0 15px 0; } .settings-promo__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .settings-promo__input { border: 1px solid #908f8f; border-radius: 25px; color: #000; font-size: 16px; margin: 0 0 20px 0; padding: 15px 35px; } .settings-promo__input::-webkit-input-placeholder { color: #908f8f; } .settings-promo__input::-moz-placeholder { color: #908f8f; } .settings-promo__input:-ms-input-placeholder { color: #908f8f; } .settings-promo__input::-ms-input-placeholder { color: #908f8f; } .settings-promo__input::placeholder { color: #908f8f; } .settings-advantages .settings-for-what__title { margin: 0 0 20px 0; } .settings-advantages .settings-for-what__list { margin: 0; } .settings-faq { margin: 0 0 35px 0; } .settings-faq__title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0 0 20px 0; } .settings-faq__accordion { border: 1px solid #ededed; border-radius: 10px; } .settings-faq__element.is-active .settings-faq__button-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .settings-faq__element:not(:last-child) { border-bottom: 1px solid #ededed; } .settings-faq__head { padding: 20px 24px 20px 28px; position: relative; } .settings-faq__heading { font-size: 16px; font-weight: 600; line-height: 21px; margin: 0; } .settings-faq__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; color: #000; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; height: 100%; padding: 0; position: absolute; top: 0; width: 100%; } .settings-faq__button-icon { position: absolute; right: 20px; top: 27px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .settings-faq__inner { padding: 0 24px 20px 28px; } .settings-faq__text { font-size: 16px; line-height: 21px; } .settings-faq__text p { margin: 0; } .settings-faq__text p:not(:last-child) { margin: 0 0 10px 0; } .settings-faq__text ul { list-style: disc; margin: 0 0 10px 0; padding-left: 20px; } .settings-faq__text li:not(:last-child) { margin: 0 0 5px 0; } [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 0.3s; -o-transition: max-height 0.3s; transition: max-height 0.3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; 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, 0.1); box-shadow: 0 0 15px rgba(98, 63, 162, 0.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 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.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 0.8s ease 0s; -o-transition: visibility 0.8s ease 0s; transition: visibility 0.8s ease 0s; visibility: hidden; } .popup::before { content: ''; background-color: rgba(63, 58, 58, 0.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 0.8s ease 0s; -o-transition: opacity 0.8s ease 0s; transition: opacity 0.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 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; transition: all 0.3s ease 0.4s; } .popup._active .popup__body { -webkit-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.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 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.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 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.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: 45px; 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/new_template/../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/new_template/../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: 0.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/new_template/../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 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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.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; } .settings-hero { padding: 45px 0 50px; } .settings-hero__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .settings-hero__info { margin: 0 7px 0 0; width: 54%; } .settings-hero__top { -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; } .settings-hero__title { font-size: 30px; line-height: 37px; margin: 0 8px 0 0; } .settings-hero__logo-picture { height: 35px; margin: 0 0 -6px 0; width: 200px; } .settings-hero__logo-img { height: 100%; width: 100%; } .settings-hero__subtitle { font-size: 30px; line-height: 37px; margin: 0 0 16px 0; } .settings-hero__list { margin: 0 0 16px 0; } .settings-hero__form { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; width: 100%; } .settings-hero__input { margin: 0; } .settings-hero__button::after { content: attr(data-desktop-text); } .settings-hero__picture { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .settings-for-what { padding: 55px 0; } .settings-for-what__title { margin: 0 0 10px 0; } .settings-for-what__subtitle { margin: 0 0 30px 0; } .settings-for-what__list { grid-template-columns: 1fr 1fr; margin: 0 0 30px 0; } .settings-for-what__item { padding: 22px 20px; } .settings-for-what__button-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .settings-awards__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .settings-awards__inner { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 50px 0 0; width: 48%; } .settings-awards__title { margin: 0 0 10px 0; } .settings-awards__slider-box { min-width: 0; width: 280px; } .settings-awards__swiper { overflow: hidden; } .settings-awards__bottom { text-align: left; } .settings-awards__tablet-none { display: none; } .settings-awards__tablet-block { display: block; } .settings-success { padding: 0 0 55px 0; } .settings-success__note { margin: 0 0 30px 0; } .settings-success__list { gap: 22px; grid-template-columns: 1fr 1fr; } .settings-success__item { padding: 16px 50px; } .settings-success__button-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .settings-why-choice { padding: 0 0 55px; } .settings-why-choice__title { margin: 0 0 30px 0; } .settings-think { padding: 35px 0 40px; } .settings-think__note { margin: 0 0 30px 0; } .settings-think__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .settings-think__picture { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .settings-think__list { margin: 0 22px 0 0; } .settings-think__item { padding: 22px 5px 22px 20px; } .settings-digital { padding: 50px 0 40px; } .settings-digital__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .settings-digital__content::before { background: url(/local/templates/new_template/static/images/common/circle-bg.png) no-repeat center; background-size: 100% 100%; content: ''; height: 600px; left: -40px; position: absolute; top: -130px; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); width: 600px; z-index: -1; } .settings-digital__inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 33px 0 0; padding: 111px 0 0; } .settings-digital__icon { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 18px 0 0; } .settings-digital__title { margin: 0 0 10px 0; } .settings-digital__note { margin: 0; } .settings-digital__list { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 53%; } .settings-digital__number { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .settings-digital__heading { font-size: 20px; line-height: 26px; margin: 0 0 10px 0; } .settings-digital__text { font-size: 16px; line-height: 21px; } .settings-digital__text p:not(:last-child) { margin: 0 0 10px 0; } .settings-office { margin: 0 0 55px 0; } .settings-office__note { margin: 0 0 30px 0; } .settings-office__list { grid-template-columns: 1fr 1fr; margin: 0 0 55px 0; } .settings-office__inner { height: 100%; } .settings-tariffs { margin: 0 0 55px 0; } .settings-tariffs__note { margin: 0 0 30px 0; } .settings-tariffs__bottom { text-align: center; } .tariffs-accordion__element.is-active .tariffs-accordion__head { border-radius: 10px 10px 0 0; } .tariffs-accordion__element:not(:last-child) { margin: 0 0 30px 0; } .tariffs-accordion__head { border-radius: 10px; margin: 0; padding: 27px 20px 30px; -webkit-transition: all ease-out 0.1s; -o-transition: all ease-out 0.1s; transition: all ease-out 0.1s; } .tariffs-accordion__inner { border: 1px solid #ededed; border-top: none; } .tariffs-accordion__list { padding: 0 20px; } .tariffs-accordion__item { border: none; position: relative; } .tariffs-accordion__item::before { background: url(/local/templates/new_template/static/images/common/separator-big.svg) no-repeat center; bottom: 0; content: ''; height: 1px; left: 0; position: absolute; width: 100%; } .tariffs-accordion__item:first-child { padding: 40px 0 20px; } .tariffs-accordion__link { margin: 0 auto; max-width: 545px; width: 100%; } .settings-promo { margin: 0 0 55px 0; padding: 35px 0 40px; } .settings-promo { padding: 47px 0; } .settings-promo__title { margin: 0 0 10px 0; } .settings-promo__note { margin: 0 0 20px 0; } .settings-promo__form { display: grid; gap: 22px; grid-template-columns: 1fr 1fr; width: 100%; } .settings-promo__input { margin: 0; } .settings-faq { margin: 0 0 55px 0; } .settings-faq__title { margin: 0 0 30px 0; } .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/new_template/../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: 768px) and (min-width: 1280px) { .tariffs-accordion__item:first-child { padding: 20px 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/new_template/../images/common/separator-desktop.png) no-repeat center; } .crm-material { background: #ffa800 url(/local/templates/new_template/../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 30px 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; } .settings-hero { padding: 85px 0 50px; } .settings-hero__content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .settings-hero__info { -webkit-box-flex: 0; -ms-flex: 0 0 51%; flex: 0 0 51%; margin: 0 20px 0 0; width: 51%; } .settings-hero__title { font-size: 40px; line-height: 50px; margin: 0 10px 0 0; } .settings-hero__logo-picture { height: 45px; width: 250px; margin: 0 0 -8px 0; } .settings-hero__subtitle { font-size: 40px; line-height: 50px; } .settings-hero__text { font-size: 16px; line-height: 21px; } .settings-hero__list { font-size: 16px; line-height: 21px; margin: 0 0 30px 0; } .settings-hero__form { grid-template-columns: -webkit-min-content -webkit-min-content; grid-template-columns: min-content min-content; } .settings-hero__button { width: auto; } .settings-hero__picture { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 0 -50px 0; } .settings-hero__picture img { height: 100%; width: 100%; } .settings-for-what { margin: 0 0 55px 0; } .settings-for-what__item { position: relative; } .settings-for-what__heading { padding: 0 0 0 70px; } .settings-for-what__icon-box { left: 20px; margin: 0; position: absolute; top: 20px; } .settings-for-what__head { font-size: 20px; line-height: 26px; } .settings-for-what__text { font-size: 16px; line-height: 21px; padding: 0 0 0 70px; } .settings-awards { margin: 0 0 55px 0; padding: 0 0 50px 0; } .settings-awards__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .settings-awards__inner { padding: 0; width: 100%; } .settings-awards__title { margin: 0 0 5px 0; text-align: center; } .settings-awards__note { margin: 0 0 32px 0; text-align: center; } .settings-awards__note::before { bottom: -16px; left: calc(50% - 30px); } .settings-awards__text { font-size: 16px; line-height: 21px; margin: 0 0 50px 0; text-align: center; } .settings-awards__slider-box { width: 100%; } .settings-awards__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 30px 0; } .settings-awards__picture { display: block; height: 448px; width: 328px; } .settings-awards__img { height: 100%; width: 100%; } .settings-awards__bullets { display: none; } .settings-awards__bottom { text-align: center; } .settings-awards__tablet-none { display: block; } .settings-awards__tablet-block { display: none; } .settings-success__title { text-align: center; } .settings-success__note { text-align: center; } .settings-success__list { grid-template-columns: repeat(4, 1fr); } .settings-success__item { padding: 20px 5px; } .settings-why-choice { margin: 0 0 55px 0; } .settings-why-choice__title { text-align: center; } .settings-why-choice__list { position: relative; } .settings-why-choice__list::before { background-color: #623fa2; content: ''; height: 100%; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2px; } .settings-why-choice__item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .settings-why-choice__item:hover .settings-why-choice__text { color: #fff; background-color: #623fa2; } .settings-why-choice__item:hover .settings-why-choice__number { color: #fff; background-color: #623fa2; } .settings-why-choice__item:nth-child(odd) .settings-why-choice__heading { grid-column: 2/-1; } .settings-why-choice__item:nth-child(odd) .settings-why-choice__text { grid-column: 1/2; grid-row: 1/2; } .settings-why-choice__item:nth-child(even) .settings-why-choice__heading { text-align: right; } .settings-why-choice__item:not(:last-child) { margin: 0; } .settings-why-choice__number { background-color: #fff; left: 50%; margin: 0; position: absolute; top: 50%; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .settings-why-choice__box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: grid; grid-template-columns: 1fr 1fr; gap: 74px; } .settings-why-choice__heading { font-size: 20px; line-height: 26px; max-width: 470px; margin: 0; width: 100%; } .settings-why-choice__text { border: 1px solid #ededed; border-radius: 10px; font-size: 16px; line-height: 21px; max-width: 470px; padding: 17px 28px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; width: 100%; } .settings-think { background: -webkit-gradient( linear, right top, left top, from(#f9f8fb), to(rgba(249, 248, 251, 0)) ); background: -o-linear-gradient( right, #f9f8fb 0, rgba(249, 248, 251, 0) 100% ); background: linear-gradient(270deg, #f9f8fb 0, rgba(249, 248, 251, 0) 100%); padding: 55px 0; } .settings-think__picture { -webkit-box-flex: 0; -ms-flex: 0 0 470px; flex: 0 0 470px; margin: -50px 0 0 0; } .settings-think__img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .settings-think__item { padding: 21px; } .settings-think__heading { font-size: 20px; line-height: 26px; margin: 0 0 10px 0; } .settings-think__text { font-size: 16px; line-height: 21px; } .settings-digital { border: none; margin: 0 0 60px 0; padding: 75px 0 40px; } .settings-digital__content::before { left: -30px; } .settings-digital__inner { margin: 0 35px 0 0; width: 35%; } .settings-digital__list { gap: 30px; width: auto; } .settings-digital__item:nth-child(1) { margin: 0 0 0 55px; } .settings-digital__item:nth-child(2) { margin: 0 0 0 105px; } .settings-digital__item:nth-child(3) { margin: 0 0 0 90px; } .settings-office__title { margin: 0; } .settings-office__list { gap: 50px 20px; } .settings-office__head { margin: 0 0 4px 0; } .settings-office__number { font-size: 30px; line-height: 39px; margin: 0 10px 0 0; } .settings-office__heading { font-size: 20px; line-height: 26px; } .settings-office__inner { font-size: 16px; line-height: 21px; } .settings-office__promo-note span { color: #6137a2; text-decoration: underline; } .settings-tariffs__title { text-align: center; } .settings-tariffs__note { text-align: center; } .tariffs-accordion { border-radius: 10px 10px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; } .tariffs-accordion__element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tariffs-accordion__element.is-active .tariffs-accordion__head { border-radius: 0; } .tariffs-accordion__element:not(:last-child) { margin: 0; } .tariffs-accordion__head { border-radius: 0; } .tariffs-accordion__heading { text-align: center; } .tariffs-accordion__price { text-align: center; } .tariffs-accordion__period { text-align: center; } .tariffs-accordion__note { text-align: center; } .tariffs-accordion__note br.desktop-only { display: block; } .tariffs-accordion__button { display: none; } .tariffs-accordion__content { height: 100%; } .tariffs-accordion__inner { 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%; } .tariffs-accordion__text { text-align: center; } .tariffs-accordion__text br.desktop-only { display: block; } .tariffs-accordion__link { width: 100%; margin: auto auto 0; max-width: 260px; } .settings-promo__title { margin: 0 0 5px 0; text-align: center; } .settings-promo__note { margin: 0 auto 30px; max-width: 610px; text-align: center; } .settings-promo__note a { color: #623fa2; text-decoration: underline; } .settings-promo__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: unset; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .settings-promo__input { margin: 0 20px 0 0; } .settings-faq__title { text-align: center; } .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; } } @media (min-width: 1290px) { .tariffs-accordion__content { max-height: none !important; } } body .hero__sub-title { font-family: 'Raleway'; font-style: normal; font-size: 16px !important; line-height: 130% !important; color: #000000 !important; } body .main-title { font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 125%; color: #000000; } .category__description strong { font-weight: 600 !important; } .item-card__descr-row + .item-card__descr-row { margin-top: 5px; } .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; } .support-hero { background-color: #f9f8fb; margin: 0 0 35px 0; padding: 40px 0 56px 0; } .support-hero__title { color: #623fa2; font-size: 26px; font-weight: 700; line-height: 1.3; margin: 0 0 10px 0; } .support-hero__text { font-size: 15px; font-weight: 500; line-height: 1.5; margin: 0 0 22px 0; } .support-hero__wrapper { display: grid; gap: 22px; grid-template-columns: 1fr; max-width: 232px; width: 100%; } .support-hero__btn { line-height: 1; padding: 15px 30px; } .support-hero__img-wrap { display: none; } .support-needs { margin: 0 0 35px 0; } .support-needs__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 5px 0; } .support-needs__text { font-size: 16px; line-height: 1.3; font-weight: 600; color: #929292; margin: 0 0 20px 0; } .support-needs__img-wrap { overflow: hidden; position: relative; margin: 20px 0 0 0; } .support-needs__img-wrap::before { content: ''; display: block; padding-bottom: calc((415 / 468) * 100%); } .support-needs__img-wrap img { position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .support-why-are-we { margin: 0 0 35px 0; } .support-why-are-we__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 20px 0; } .support-why-are-we__list { display: grid; gap: 20px; } .support-why-are-we__item { border: 1px solid #ededed; border-radius: 10px; padding: 22px 26px; } .support-why-are-we__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 10px 0; } .support-why-are-we__icon { display: -webkit-box; display: -ms-flexbox; display: flex; height: 42px; width: 42px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: 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); margin: 0 5px 0 0; } .support-why-are-we__name { font-size: 15px; font-weight: 700; line-height: 1.3; color: #623fa2; } .support-why-are-we__text { font-size: 14px; font-weight: 400; line-height: 1.3; } .support-included { background-color: #fbfafd; padding: 35px 0; } .support-included__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 20px 0; } .support-included .migration-offer__inner { background-color: #fff; } .support-price { border-top: 1px solid #ededed; margin: 35px 0 35px 0; padding: 35px 0 0; } .support-price__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 20px 0; } .support-price__accordion { margin: 0 -20px; } .support-price__element.is-active .support-price__button svg { -webkit-transform: translateZ(0) rotate(180deg); transform: translateZ(0) rotate(180deg); } .support-price__element:last-child .support-price__box { padding-bottom: 0; } .support-price__head { 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; position: relative; } .support-price__head--gray { background-color: #f5f5f5; } .support-price__head--yellow { background-color: #ffa800; } .support-price__head--purple { background-color: #623fa2; color: #fff; } .support-price__inner { margin: 0 0 10px 0; } .support-price__name { font-size: 18px; font-weight: 800; line-height: 1.3; margin: 0 0 2px 0; } .support-price__time { font-size: 18px; font-weight: 800; line-height: 1.3; } .support-price__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support-price__price { font-size: 30px; font-weight: 800; line-height: 1.3; margin: 0 0 10px 0; } .support-price__note { font-size: 14px; font-weight: 600; line-height: 1.25; } .support-price__button { background-color: transparent; border: none; color: inherit; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; } .support-price__button svg { position: absolute; right: 27px; top: 27px; -webkit-transform: translateZ(0); transform: translateZ(0); -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; } .support-price__box { padding: 20px 20px 30px; } .support-price__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support-price__item { border-bottom: 1px solid #ededed; margin: 0 0 15px 0; padding: 0 0 20px; } .support-price__item:last-child { margin: 0 0 30px 0; } .support-price__desc { font-size: 16px; font-weight: 400; line-height: 1.3; } .support-price__link { font-size: 14px; font-weight: 600; line-height: 1; padding: 10px; } .support-price__footer { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 600; line-height: 1.3; margin: 30px 0 0 0; text-decoration: underline; } .support-options { background-color: #fbfafd; margin: 0 0 35px 0; padding: 35px 0; } .support-options__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 5px 0; } .support-options__heading { color: #929292; font-size: 16px; font-weight: 600; line-height: 1.3; margin: 0 0 30px 0; } .support-options__list { display: grid; gap: 20px; margin: 0 0 30px 0; } .support-options__left { background-color: #fff; border: 1px solid #ededed; border-bottom: none; border-radius: 10px 10px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 22px 20px; } .support-options__name { color: #623fa2; font-size: 18px; font-weight: 800; line-height: 1.3; margin: 0 0 5px 0; } .support-options__time { font-size: 16px; font-weight: 500; line-height: 1.3; } .support-options__price { border-radius: 0 0 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 30px; font-weight: 800; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.3; padding: 16px 20px; } .support-options__price--yellow { background-color: #ffa800; } .support-options__price--purple { background-color: #623fa2; color: #fff; } .support-options__text { font-size: 16px; font-weight: 400; line-height: 1.3; margin: 0 0 20px 0; } .support-options__text-list { margin: 0 0 20px 0; } .support-options__text-item { font-size: 16px; font-weight: 400; line-height: 1.3; padding: 0 0 0 24px; position: relative; } .support-options__text-item::before { border: 1px solid #623fa2; border-radius: 50%; content: ''; height: 4px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4px; } .support-options__text-item:not(:last-child) { margin: 0 0 10px 0; } .support-options__link { font-size: 16px; font-weight: 600; line-height: 1.3; text-decoration: underline; color: #000; } .support-review { background-color: #fbfafd; padding: 35px 0; } .support-review__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 30px 0; } .support-review__list { display: grid; gap: 30px; } .support-review__image { border-radius: 10px; overflow: hidden; position: relative; width: 100%; margin: 0 0 20px 0; } .support-review__image::before { content: ''; display: block; padding-bottom: calc(380 / 280 * 100%); } .support-review__image img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; } .support-review__link { font-size: 16px; font-weight: 600; line-height: 1.3; color: #000; text-decoration: underline; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .support-hero__content { display: -webkit-box; display: -ms-flexbox; display: flex; } .support-hero__img-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; width: 40%; } .support-hero__img-wrap img { height: auto; width: 100%; } .support-needs__wrapper { display: grid; grid-template-columns: 40% 1fr; gap: 30px; } .support-needs .crm-dev-advantages__list { grid-template-columns: 1fr; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .support-needs__img-wrap { width: 100%; margin: 0; } .support-why-are-we__list { grid-template-columns: 1fr 1fr; } .support-price__accordion { margin: 0 -40px; } .support-price__head { padding: 27px 40px; } .support-price__button svg { right: 40px; } .support-price__box { padding: 20px 40px 30px; } .support-options__list { grid-template-columns: 1fr 1fr; } .support-review__list { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 1024px) { .support-hero { margin: 0 0 55px 0; padding: 15px 0 0; } .support-hero__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .support-hero__title { font-size: 40px; line-height: 1.25; margin: 0 0 16px 0; } .support-hero__text { font-size: 16px; font-weight: 400; line-height: 1.3; margin: 0 0 30px 0; } .support-hero__wrapper { grid-template-columns: -webkit-max-content -webkit-max-content; grid-template-columns: max-content max-content; } .support-hero__img-wrap { width: 420px; -ms-flex-item-align: end; align-self: end; } .support-needs { margin: 0; } .support-needs__title { text-align: center; } .support-needs__text { text-align: center; max-width: 700px; margin: 0 auto 10px; } .support-needs__wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: start; grid-template-columns: 468px 1fr; gap: 50px; } .support-needs .crm-dev-advantages__list { padding: 20px 0 0 0; } .support-needs .crm-dev-advantages__item { padding: 20px; } .support-why-are-we { margin: 0 0 55px 0; } .support-why-are-we__title { text-align: center; margin: 0 0 30px 0; } .support-why-are-we__item { padding: 28px 17px; } .support-why-are-we__top { margin: 0 0 16px 0; } .support-why-are-we__icon { margin: 0 10px 0 0; height: 50px; width: 50px; } .support-why-are-we__icon svg { height: 30px; width: 30px; } .support-why-are-we__name { font-size: 18px; } .support-included__title { text-align: center; margin: 0 0 30px 0; } .support-price { margin: 55px 0 55px 0; padding: 55px 0 0; } .support-price__title { margin: 0 0 30px 0; text-align: center; } .support-price__accordion { border-radius: 10px; display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; margin: 0; } .support-price__element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support-price__element:last-child .support-price__box { padding-bottom: 30px; } .support-price__element:last-child .support-price__content { border-radius: 0 0 10px 0; } .support-price__element:first-child .support-price__wrap { border-left: 1px solid #ededed; } .support-price__element:first-child .support-price__content { border-left: 1px solid #ededed; border-radius: 0 0 0 10px; } .support-price__head { padding: 0; } .support-price__head--gray { background-color: #fff; } .support-price__head--yellow { background-color: #fff; } .support-price__head--purple { background-color: #fff; color: #000; } .support-price__inner { -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; margin: 0; padding: 21px 10px 28px; } .support-price__inner--gray { background-color: #f5f5f5; } .support-price__inner--yellow { background-color: #ffa800; } .support-price__inner--purple { background-color: #623fa2; color: #fff; } .support-price__name { font-size: 20px; margin: 0; } .support-price__wrap { padding: 20px 0 0 0; border-right: 1px solid #ededed; } .support-price__price { font-size: 36px; margin: 0 0 5px 0; text-align: center; } .support-price__note { font-size: 16px; font-weight: 700; line-height: 1.3; margin: 0 0 20px 0; text-align: center; } .support-price__button { display: none; } .support-price__content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; } .support-price__box { padding: 0 30px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support-price__item { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 20px 0; position: relative; } .support-price__item::after { background: -webkit-gradient( linear, left top, right top, from(#fff), color-stop(52.08%, #ccc), to(#fff) ); background: -o-linear-gradient(left, #fff 0%, #ccc 52.08%, #fff 100%); background: linear-gradient(90deg, #fff 0%, #ccc 52.08%, #fff 100%); content: ''; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } .support-price__item:last-child::before { background: -webkit-gradient( linear, left top, right top, from(#fff), color-stop(52.08%, #ccc), to(#fff) ); background: -o-linear-gradient(left, #fff 0%, #ccc 52.08%, #fff 100%); background: linear-gradient(90deg, #fff 0%, #ccc 52.08%, #fff 100%); bottom: 0; content: ''; height: 1px; left: 0; position: absolute; width: 100%; } .support-price__desc { text-align: center; } .support-price__link { margin: auto 0 0 0; } .support-price__footer { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .support-options { margin: 0 0 55px 0; padding: 55px 0; } .support-options__title { text-align: center; } .support-options__heading { max-width: 700px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 30px; } .support-options__content { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin: 0 0 30px 0; } .support-options__list { grid-template-columns: 1fr; gap: 30px; margin: 0; } .support-options__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .support-options__left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 30px; border-bottom: 1px solid #ededed; border-radius: 10px 0 0 10px; border-right: none; } .support-options__name { font-size: 20px; margin: 0 0 10px 0; font-weight: 700; } .support-options__price { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0 10px 10px 0; } .support-options__text { margin: 0 0 10px 0; } .support-options__text-list { margin: 0; } .support-options__text-item { margin: 0 0 0 20px; } .support-options__text-item:not(:last-child) { margin: 0 0 10px 20px; } .support-options__link { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .support-review { padding: 55px 0; } .support-review__list { gap: 20px; } .support-review__image { margin: 0 0 30px 0; } } @media screen and (min-width: 1280px) { .support-needs__wrapper { gap: 54px; } } @media screen and (min-width: 1280px) { body .mobile-development-stages.landing-stages { padding: 55px 0; } } @media screen and (min-width: 1280px) { body .migration-stages .landing-stages__controls { margin: 0 45px 0 0; max-width: 393px; } } .support-options__link, .support-review__link, .support-price__footer { text-decoration: underline !important; } .support .main-areas { border: none; padding-bottom: 0; margin-bottom: 0; } 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/new_template/template_styles.css?1748544398126481*/ .error { border: 1px solid red !important; } .copyright { margin: 0 auto; color: #fff; } .pb-10 { padding-bottom: 10px; } .py-20 { padding-top: 20px; padding-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .learn { padding: unset; } .learn .problem-container { padding: 0 10px; margin-bottom: 50px; } .learn-p { font-size: 18px; } .align-self-center { align-self: center; } .social-list { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; padding-right: 30px; } .social-item { padding-top: 10px; } .social-item:first-child { padding-right: 135px; } .social-item a { display: flex; } .social-item_text { align-self: center; padding-left: 10px; } .social-list.edu a { color: #7f5400; } /*New template styles*/ @font-face { font-family: 'Raleway'; src: url('/local/templates/new_template/assets/fonts/Raleway-Light.ttf'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/new_template/assets/fonts/Raleway-Bold.ttf'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url('/local/templates/new_template/assets/fonts/IBMPlexSans-Light.ttf'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Poiret One'; font-style: normal; font-weight: 400; font-display: swap; src: url('/local/templates/new_template/assets/fonts/PoiretOne-Regular.ttf'); } * { /*margin: 0;*/ padding: 0; box-sizing: border-box; font-family: Raleway; } html { overflow-y: auto; } ul { padding: revert; } /*body {*/ /*width: 100%;*/ /*overflow-x: hidden;*/ /*}*/ .wrapper a:not(.text-white):not(.button--fill):not(.footer-nav__link):not(.footer__contacts-link) { color: #000000; text-decoration: none; } .art-body a { color: #ffa800 !important; } .wrapper button { border: none; cursor: pointer; } .wrapper button:focus { outline: none; } .wrapper .center-text { text-align: center; } .wrapper .desktop-none { display: none; } .wrapper .flex { display: flex; } .wrapper .page-header { height: 80px; padding: 0 60px; justify-content: space-between; z-index: 100; margin: 0; } .wrapper .page-header .page-header__logo { width: 10.572vw; } .wrapper .page-header .page-header__nav .page-header__list .page-header__item a { font-size: 0.938em; font-weight: 800; } /*.wrapper .page-header .page-header__nav {*/ /*margin-top: -0.8vh;*/ /*}*/ .wrapper .page-header .page-header__nav .page-header__list .page-header__item { list-style-type: none; margin-right: 1.6vw; } .wrapper .page-header .page-header__nav .page-header__list { margin-left: 3.38545vw; } .wrapper .page-header .page-header__nav .page-header__list .page-header__item:last-child { margin-right: 0; } .wrapper .page-header .page-header__form { width: 90%; position: absolute; z-index: 5; top: -100px; transition: 1s; } .wrapper .page-header .page-header__form svg { top: 18px; left: 18px; position: absolute; } .wrapper .page-header .overlay { display: none; background: #271d3d8e; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .wrapper .page-header .page-header__form input { width: 100%; height: 80px; font-size: 25px; line-height: 35px; padding: 18px 80px; font-family: Fira Sans; border-radius: 10px; border: none; box-shadow: 0 0 7px rgba(70, 70, 70, 0.335); } .wrapper .page-header .page-header__form input::placeholder { font-style: italic; font-family: Fira Sans; color: #cacaca; font-weight: 400; } .wrapper .page-header .page-header__left { /*height: 3.5081vh;*/ /*margin-top: 2.3794vh;*/ align-items: center; } .wrapper .page-header .page-header__right .page-header__search-btn { border: none; background: transparent; cursor: pointer; margin-top: 1.15vw; width: 32px; height: 32px; } .wrapper .page-header .page-header__right .page-header__search-btn:focus { outline: none; } .wrapper .main-content .main-content__about { width: 100%; height: 101.907vh; background-image: url('/local/templates/new_template/assets/img/background/bg1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 1vh; } .wrapper .main-content .main-content__steps-section .title-h2 { font-style: normal; font-weight: bold; font-size: 65px; line-height: 70px; color: #000000; margin-bottom: 80px; margin-top: 189px; } .wrapper .main-content .main-content__steps-section .steps-box { display: grid; grid-template-columns: repeat(auto-fill, 240px); justify-content: space-between; margin-bottom: 180px; grid-row-gap: 30px; } .wrapper .main-content .main-content__steps-section .steps-box .step-box-item__desc { font-style: normal; font-weight: bold; font-size: 20px; line-height: 30px; color: #000000; margin-top: 30px; margin-bottom: 0; } .wrapper .main-page .container { width: 72.9583vw; margin: 0 auto; } .wrapper .main-content .system-works__container { display: flex; padding-top: 310px; padding-bottom: 173px; justify-content: space-between; flex-wrap: wrap; } .wrapper .main-content .main-content__system-works { background: #fff; } .wrapper .main-content .main-content__system-works .title-h2 { font-style: normal; font-weight: 300; font-size: 60px; line-height: 70px; color: #000000; max-width: 600px; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider { max-width: 686px; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider .slick-dots { display: flex; list-style-type: none; padding-left: 0; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider .slick-dots button { display: none; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider .slick-dots>li { width: 18px; height: 18px; background: #e8e8e8; border-radius: 50px; cursor: pointer; margin-right: 20px; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider .slick-dots>li:last-child { margin-right: 0; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider .slick-dots>li.slick-active { background: #ffa800; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider__logo { max-width: 200px; height: 104px; margin-bottom: 40px; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider__logo>img { width: 100%; height: 100%; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider__desc { font-style: normal; font-weight: normal; font-size: 25px; line-height: 35px; color: #000000; margin-top: 0; margin-bottom: 0; } .wrapper .main-content .main-content__slider-doing { background-image: url('/local/templates/new_template/assets/img/background/bg-slider.png'); background-repeat: no-repeat; background-size: cover; height: 801px; } .wrapper .main-content .main-content__slider-doing .slider-doing-box { max-width: 640px; margin-left: auto; padding-top: 247px; } .wrapper .main-content .main-content__slider-doing .title-h2 { font-style: normal; font-weight: bold; font-size: 65px; line-height: 70px; color: #ffa800; } .wrapper .main-content .main-content__slider-doing .main-content__slider-doing__slider .slick-dots { display: flex; list-style-type: none; padding-left: 0; } .wrapper .main-content .main-content__slider-doing .main-content__slider-doing__slider .slick-dots button { display: none; } .wrapper .main-content .main-content__slider-doing .main-content__slider-doing__slider .slick-dots>li { width: 18px; height: 18px; background: #e8e8e8; border-radius: 50px; cursor: pointer; margin-right: 20px; } .wrapper .main-content .main-content__slider-doing .main-content__slider-doing__slider .slick-dots>li:last-child { margin-right: 0; } .wrapper .main-content .main-content__slider-doing .main-content__slider-doing__slider .slick-dots>li.slick-active { background: #ffa800; } .wrapper .main-content .main-content__slider-doing .main-content__slider-doing__slider__desc { font-style: normal; font-weight: normal; font-size: 28px; line-height: 38px; color: #ffffff; } .wrapper .main-content .main-content__why { padding-top: 120px; padding-bottom: 150px; } .wrapper .main-content .main-content__why .title-h2 { font-style: normal; font-weight: 300; font-size: 55px; line-height: 65px; max-width: 308px; align-self: center; } .wrapper .main-content .main-content__why .title-h2>span { font-weight: bold; color: #4f2b8f; display: block; font-size: 75px; line-height: 65px; } .wrapper .main-content .main-content__why .why-box-content { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 45px; grid-row-gap: 80px; } .wrapper .main-content .main-content__why .why-box-item__desc { font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #000000; } .wrapper .main-content .main-content__cases-analytics .container { margin-bottom: 160px; } .wrapper .main-content .main-content__cases-analytics .title-h2 { font-style: normal; font-weight: 300; font-size: 70px; line-height: 70px; color: #000000; margin-top: 0; margin-bottom: 100px; } .wrapper .main-content .main-content__cases-analytics .title-h2>span { font-weight: bold; } .wrapper .main-content .main-content__cases-analytics .cases-analytics-box { display: grid; grid-template-columns: 1fr 1fr; list-style-type: none; grid-row-gap: 80px; grid-column-gap: 48px; padding: 0; margin: 0; } .wrapper .main-content .main-content__cases-analytics .cases-analytics-box-item.extra { display: none; } .wrapper .main-content .main-content__cases-analytics .cases-analytics-box-item__img { max-width: 242px; height: 55px; margin-bottom: 40px; } .wrapper .main-content .main-content__cases-analytics .cases-analytics-box-item__desc { font-style: normal; font-weight: normal; font-size: 18px; line-height: 30px; color: #000000; margin-top: 0; margin-bottom: 0; } .wrapper .main-content .main-content__cases-analytics .cases-analytics-box__show-more { font-style: normal; font-weight: bold; font-size: 20px; line-height: 26px; color: #4f2b8f; padding: 20px 40px; border-radius: 50px; border: 1px solid #4f2b8f; background: transparent; transition: 0.3s; outline: none; display: block; margin: 80px auto 0; } .wrapper .main-content .main-content__cases-analytics .cases-analytics-box__show-more:hover { background: #4f2b8f; color: #fff; } .wrapper .main-content .main-content__tariffs-section { background: #f0f0f0; margin-bottom: -159px; } .wrapper .main-content .main-content__tariffs-section .title-h2 { font-style: normal; font-weight: bold; font-size: 65px; line-height: 70px; color: #000000; margin-bottom: 80px; padding-top: 150px; text-align: center; } .wrapper .main-content .main-content__tariffs-section .tariffs-box { display: flex; justify-content: space-between; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item { background: #ffffff; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 30px 40px 43px; flex-basis: 31.91%; display: flex; flex-direction: column; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item__title { color: #4f2b8f; font-style: normal; font-weight: bold; font-size: 25px; line-height: 40px; margin-bottom: 25px; margin-top: 0; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item__list { list-style-type: none; margin-top: 0; margin-bottom: 30px; padding: 0; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item__list>li { font-style: normal; font-weight: normal; font-size: 15px; line-height: 18px; color: #000000; margin-bottom: 20px; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item__list>li:last-child { margin-bottom: 0; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item__price-block { display: flex; justify-content: space-between; align-items: center; margin-top: auto; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item__price-block .form-button.main-content__btn { font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; padding: 15px 25px; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item__price-block>span { font-style: normal; font-weight: normal; font-size: 30px; line-height: 35px; color: #000000; font-feature-settings: 'pnum' on, 'lnum' on; } .wrapper .main-content .main-content__about .container { width: 100%; padding-left: 13.545vw; } .wrapper .main-content .main-content__about .main-content__left { width: 31.71875vw; margin-left: 3.5625vw; } .wrapper .main-content .main-content__about .main-content__right { width: 30.3125vw; margin-top: 12.693vh; margin-left: 10.834vw; } .wrapper .main-content__city { font-size: 1.125em; line-height: 24px; color: #ffffff; margin-left: 15px; } .wrapper .main-content__phones-item { align-items: flex-end; margin-right: 3.1vw; } .wrapper .main-content .main-content__analytics { background-image: url('/local/templates/new_template/assets/img/background/analytics-bg.png'); background-repeat: no-repeat; background-size: cover; } .wrapper .main-content .main-content__analytics .main-content__btn { font-size: 25px; line-height: 29px; margin-bottom: 113px; } .wrapper .main-content .main-content__analytics .analytics-desc { margin-top: 0; margin-bottom: 145px; font-style: normal; font-weight: 300; font-size: 20px; line-height: 30px; color: #ffffff; max-width: 600px; } .wrapper .main-content .main-content__analytics h1 { font-style: normal; font-weight: bold; font-size: 75px; line-height: 90px; color: #ffffff; margin-top: 0; margin-bottom: 0; } .wrapper .main-content .main-content__analytics h1>span { font-style: normal; font-weight: bold; font-size: 65px; line-height: 60px; color: #ffa800; display: block; } .wrapper .main-content .main-content__analytics .subtitle { font-style: normal; font-weight: 300; font-size: 30px; line-height: 35px; color: #ffffff; margin-top: 20px; margin-bottom: 50px; } .wrapper .main-content .main-content__analytics .container { padding-top: 50px; } .wrapper .main-content .main-content__analytics .main-content__phones { margin-bottom: 53px; } .wrapper .main-content .main-content__analytics .main-content__phones .main-content__phones-item:last-child { margin-right: 0; } .wrapper .main-content .main-content__analytics .header-content { justify-content: space-between; } .wrapper .main-content .main-content__analytics .main-content__right { position: relative; align-self: flex-end; display: flex; /*align-items: flex-end;*/ /*display: flex;*/ /*flex-direction: column;*/ } .wrapper .main-content .main-content__analytics .main-content__right .main-content-absolute { position: absolute; bottom: 96px; max-width: 334px; left: -191px; } .main-content-absolute__bottom { font-style: italic; font-weight: 300; font-size: 18px; line-height: 26px; color: #000000; padding: 20px 20px 18px 20px; background: #ffd074; margin-top: 0; margin-bottom: 0; position: relative; } .main-content-absolute__bottom:after { content: ''; border: 23px solid transparent; border-left: 23px solid #ffd074; border-top: 23px solid #ffd074; position: absolute; right: -46px; top: 0; } .main-content-absolute__top { font-style: normal; font-weight: bold; font-size: 18px; line-height: 24px; color: #000000; padding: 20px 30px 22px 20px; background: #ffffff; margin-top: 0; margin-bottom: 0; } .wrapper .main-content__phone-content { display: block; color: #ffa800; font-size: 1.25em; font-weight: 800; font-feature-settings: 'pnum' on, 'lnum' on; font-family: Raleway; margin-top: 0.54342vh; letter-spacing: -1.24px; } .wrapper .main-content .main-content__about .main-content__left .main-content__headline { margin: 0; margin-top: 15.37827vh; font-weight: 300; font-size: 100px; color: #ffa800; line-height: 89.7px; font-family: IBM Plex Sans; } .wrapper .main-content .main-content__about .main-content__left .main-content__text { font-size: 18px; color: #ffffff; line-height: 26px; width: 31.71875vw; margin: 4.55vh 0 4.15vh 0; } .main-content__btn { background: #ffa800; border-radius: 50px; padding: 22px 40px; font-size: 20px; color: #ffffff; font-weight: 800; } .wrapper .main-content .main-content__about .main-content__left .main-content__btn { width: 47%; } .wrapper .main-content .main-content__about .main-content__right .main-content__service { font-size: 80px; line-height: 94px; color: #ffffff; font-weight: 800; margin-bottom: 3.09596vh; display: block; } .wrapper .main-content .main-content__about .main-content__right .main-content__service:hover { color: #ffa800; } .main-content__consultation-promo { font-weight: 300; font-size: 25px; line-height: 29px; } .wrapper .main-content .main-content__consultation { margin-top: 100px; } .main-content__consultation .main-content__consultation-promo span { font-weight: bold; font-size: 45px; line-height: 53px; } .main-content__consultation .main-content__consultation-promo .form-button.main-content__btn { padding: 15px 40px; width: 209px; background: #4f2b8f; border-radius: 50px; margin-left: 10px; } .wrapper .main-content .main-content__consultation .main-content__consultation-title { font-size: 100px; font-weight: 800; color: #4f2b8f; margin-bottom: 0; display: inline-block; line-height: 100px; } .wrapper .main-content .main-content__consultation .main-content__consultation-cards { margin-top: 60px; } .wrapper .main-content .main-content__consultation .main-content__consultation-card { width: calc(33% - 27.5px); margin-bottom: 40px; } .wrapper .main-content .main-content__consultation .main-content__consultation-card:nth-child(3n-1) { margin-right: 55px; margin-left: 55px; } .wrapper .main-content .main-content__consultation .main-content__consultation-card:last-child, .wrapper .main-content .main-content__consultation .main-content__consultation-card:nth-child(3) { margin-right: -2.7vw; } .wrapper .main-content .main-content__consultation .main-content__consultation-card .main-content__card-title { font-size: 25px; line-height: 29px; font-weight: 600; margin-left: 0.78125vw; } .wrapper .main-content .main-content__card-text { font-weight: 300; font-size: 15px; line-height: 24px; margin-top: 3.13115vh; } .main-content__card-btn { font-weight: 800; font-size: 15px; color: #4f2b8f; margin-top: 3.1926vh; border: 1px solid #4f2b8f; background: transparent; border-radius: 30px; padding: 17px 24px; display: inline-block; } .wrapper .main-content .main-content__consultation .main-content__consultation-card .main-content__card-top { align-items: center; } .wrapper .main-content .main-content__consultation .main-content__top-row { margin-bottom: 5.26315vh; flex-wrap: wrap; } .wrapper .main-content .main-content__cases { margin-top: -22.83139vh; background-image: url('/local/templates/new_template/assets/img/background/bg2.png'); background-repeat: no-repeat; } .wrapper .main-content .main-content__cases .main-content__case:first-child { padding-top: 37.2546vh; } .wrapper .main-content .main-content__cases .main-content__case { justify-content: space-between; align-items: center; } .wrapper .main-content .main-content__cases .main-content__case:first-child .col:first-child { padding-left: 13.0204vw; padding-right: 3.454165vw; } .wrapper .main-content .main-content__cases .main-content__case:last-child .col:last-child { padding-right: 12.2204vw; padding-left: 3.64535vw; } .section-name { font-size: 75px; font-weight: 800; line-height: 90px; } .wrapper .main-content .main-content__cases .main-content__case .case-subtitle { font-weight: 300; font-size: 25px; margin-top: 0.6vh; margin-bottom: 4.42799vh; } .wrapper .main-content .main-content__cases .main-content__case:last-child .case-subtitle { font-weight: 300; font-size: 25px; margin-top: 2.2vh; margin-bottom: 4.42799vh; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .form-button { font-size: 18px; line-height: 28px; padding: 10px 35px; margin: 10px 0 0 30px; color: #4f2b8f; border: 1px solid #4f2b8f; background-color: transparent; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service:first-child .case-info { border-left: 6px solid #ffa800; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service:last-child .case-info { border-left: 6px solid #4f2b8f; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service:last-child { margin-left: 4.1667vw; } .wrapper .main-content .main-content__cases .main-content__case:last-child .case-prices .case-prices__service:last-child { margin-left: 6.1667vw; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .case-info { padding-left: 1.25vw; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-price { font-size: 50px; font-weight: 800; font-feature-settings: 'pnum' on, 'lnum' on; line-height: 60px; letter-spacing: -0.4px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-price span { font-family: Arial; font-weight: 600; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-name { font-weight: bold; font-size: 22px; line-height: 28px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .learn-more { font-weight: bold; font-size: 18px; line-height: 33px; text-decoration-line: underline; color: #4f2b8f; padding-left: 1.55vw; margin-top: 0.619vh; } .wrapper .main-content .main-content__cases .main-content__case .case-about { font-weight: 300; font-size: 18px; line-height: 28px; margin-top: 50px; margin-bottom: 4.119vh; } .purple-btn { background: #4f2b8f; border-radius: 50px; padding: 20px 40px; font-weight: bold; font-size: 20px; line-height: 26px; color: #ffffff; cursor: pointer; } .wrapper .main-content .main-content__cases .main-content__case:last-child { margin-top: 5.5%; } .wrapper .main-content .main-content__projects { background-image: none; background-repeat: no-repeat; background-position: top right; margin-top: 180px; } .wrapper .main-content .main-content__projects .main-clients { flex-wrap: wrap; margin-top: 100px; } .wrapper .main-content .main-content__projects .main-clients .main-client { width: 50%; margin: 0; flex-direction: column; justify-content: center; align-items: center; padding: 15.641vh 0 13.8644vh 0; height: 480px; } .wrapper .main-content .main-content__projects .main-clients .main-client .company-service { font-weight: bold; font-size: 18px; line-height: 21px; text-align: center; font-feature-settings: 'pnum' on, 'lnum' on; color: #ffffff; } .wrapper .main-content .main-content__projects .main-clients .main-client .learn-more { font-size: 18px; line-height: 21px; text-align: center; text-decoration-line: underline; font-feature-settings: 'pnum' on, 'lnum' on; color: #ffffff; margin-top: 2.065vh; } .wrapper .main-content .main-content__projects .purple-btn { margin-top: 60px; } .wrapper .main-content .center-btn { display: inline-block; margin: 0 auto; margin-top: 8.2538vh; } .wrapper .main-content .main-content__partnership .partner-cols { justify-content: center; } .wrapper .main-content__partnership .section-name { margin-bottom: 50px; margin-top: 140px; } .wrapper .main-content .mt-40 { margin-top: 14.4464vh; } .wrapper .main-content .main-content__partnership .partner-cols .partner-col { margin-right: 5.2604vw; } .wrapper .main-content .main-content__partnership .partner-description { font-weight: 800; font-size: 18px; line-height: 28px; width: 44.6875vw; margin: 0 auto; margin-top: 5.1538vh; } .wrapper .main-content .main-content__partnership .partner-cols .partner-col:last-child { margin-right: 0; } .wrapper .main-content .main-content__pluses { background-image: url('/local/templates/new_template/assets/img/background/bg4.jpg'); background-repeat: no-repeat; background-size: cover; } .wrapper .main-content__pluses .section-name { padding-top: 13.415vh; color: #ffffff; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item { flex-direction: column; width: 20.432vw; align-items: center; margin-right: 2.86485vw; margin-left: 2.86485vw; margin-top: 6.1985vh; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item:last-child { margin-right: 0; } .wrapper .main-content .main-content__pluses .pluses-cards { padding-bottom: 14.2464vh; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item .descript { font-weight: 300; font-size: 20px; line-height: 30px; color: #ffffff; margin-top: 4.1279vh; } .wrapper .main-content .main-content__pluses .pluses-cards .row:first-child .plus-item:nth-child(2) .descript { margin-top: 5.556733vh; } .wrapper .main-content .main-content__pluses .pluses-cards .row { justify-content: center; flex-wrap: wrap; } .wrapper .blog-card { width: 23.2825vw; height: unset; background: #ffffff; box-shadow: 0px 0px 30px rgba(79, 43, 143, 0.1); border-radius: 20px; padding: 40px 30px 66px 50px; text-align: center; position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .wrapper .blog-card:nth-child(2) { margin: 0 2.0835vw; } .wrapper .blog__cards { margin-top: 8.258vh; } .main-content__blog .main-content__consultation-promo { padding-top: 0.8vh; } .wrapper .blog-card:last-child { margin-right: 0; } .wrapper .blog-card .card-date { font-weight: 300; font-size: 20px; line-height: 23px; font-feature-settings: 'pnum' on, 'lnum' on; color: #4f2b8f; } .blog-card .main-content__card-btn { display: inline-block; margin: 0 auto; margin-top: 2.8719vh; padding: 18.3px 42px; position: initial; bottom: 38px; left: 50%; } .wrapper .blog-card .card-name { font-size: 20px; line-height: 23px; text-align: center; font-feature-settings: 'pnum' on, 'lnum' on; font-weight: 800; margin-top: 2.5799vh; } .wrapper .blog-card .main-content__card-text { margin-top: 2.5799vh; } .main-content__form-section { background-image: url('/local/templates/new_template/assets/img/background/bg5.jpg'); background-repeat: no-repeat; background-size: cover; padding: 10.2195vh 0; } .main-content__form-section .main-form { text-align: center; } .main-content__form-section .form-name { font-size: 55px; font-weight: 800; line-height: 65px; color: #ffffff; margin-bottom: 6.19185vh; } .main-content__form-section .main-form .main-form__input { width: 23.2298vw; height: 6.165vh; background: transparent; border: 2px solid #e7e7e7; box-sizing: border-box; border-radius: 60px; padding: 20px 30px; color: #ffffff; margin-right: 2.0835vw; } .main-content__form-section .main-form .main-form__input:nth-child(3) { margin-right: 0; } .main-content__form-section .main-form textarea.main-form__input { width: 100%; height: 100px; border-radius: 20px; resize: none; margin-top: 3.09526vh; } .main-content__form-section .main-form .main-form__input::placeholder { color: #ffffff; } .main-content__form-section .main-form .main-form__input:focus { outline: none; } .main-content__form-section .main-form .form-attention { margin-top: 3.0065vh; margin-bottom: 4.12719vh; font-size: 13px; line-height: 18px; color: #ffffff; } .main-content__form-section .main-form button { margin-top: 0; } .wrapper .footer.footer-old { line-height: 1.15; padding-top: 12.5837vh; padding-bottom: 11vh; background-image: url('/local/templates/new_template/assets/img/background/bg6.webp'); background-repeat: no-repeat; background-position: bottom right; background-size: cover; } .wrapper .container { width: auto; padding-left: 250px; } .wrapper .footer .footer-name { font-size: 65px; font-weight: 800; line-height: 76px; font-feature-settings: 'pnum' on, 'lnum' on; color: #ffffff; } .wrapper .footer .row:first-child .col { /*width: 11.79vw;*/ margin-right: 3.567vw; } .wrapper .footer .row:first-child .col:first-child { width: 15.46875vw; margin-right: 4.167vw; } .wrapper .footer .row:first-child .col:last-child { width: 8.5416vw; margin-right: 0; } .wrapper .footer .row:first-child .col:nth-child(4) { margin-right: 3.305vw; } .wrapper .footer .main-content__phones-item { margin-right: 0; } .wrapper .footer .col .main-content__phones-item:first-child, .wrapper .footer .col .icons:first-child { margin-bottom: 4.429vh; } .wrapper .footer .col .icons img { margin-right: 1.0417vw; } .wrapper .footer .col .icons { align-items: center; } .wrapper .footer .col .icons .name-icon { font-size: 18px; color: #ffffff; line-height: 24px; } .wrapper .footer .row:nth-child(2) { margin: 12.1837vh 0 10.637vh 0; } .wrapper .footer .row:nth-child(2) .col { width: 15.104vw; margin-right: 6.1458vw; } .wrapper .footer .row:nth-child(2) .col:last-child { margin-right: 0; } .wrapper .footer .row:nth-child(2) .col .col-name { font-size: 25px; font-weight: 800; line-height: 29px; font-feature-settings: 'pnum' on, 'lnum' on; color: #ffffff; margin-bottom: 3.0926vh; } .wrapper .footer .row:nth-child(2) .col .footer-menu .footer-item { list-style: none; margin-bottom: 19px; } .wrapper .footer .row:nth-child(2) .col .footer-menu .footer-item { list-style: none; margin-bottom: 1.661vh; } .wrapper .footer .row:nth-child(2) .col .footer-menu .footer-item a { font-size: 16px; font-feature-settings: 'pnum' on, 'lnum' on; color: #ffffff; line-height: 19px; } .wrapper .footer .row:last-child a { font-weight: 300; font-size: 15px; line-height: 18px; font-feature-settings: 'pnum' on, 'lnum' on; color: #ffffff; } .wrapper .footer .row:last-child .col:last-child { width: 11.40625vw; margin-left: 410px; } .wrapper .footer .row:last-child .col:nth-child(2) { display: flex; align-items: center; width: 165px; margin-left: 17.864582vw; } .wrapper .footer .row:last-child .col:first-child { width: 15.15625vw; font-weight: 300; font-size: 18px; line-height: 21px; font-feature-settings: 'pnum' on, 'lnum' on; color: #ffffff; } .wrapper .footer .row:last-child .contacts { margin-right: 2.0835vw; } .wrapper .footer .row:last-child .col:nth-child(2) { width: 154px; margin-left: 17.864582vw; } .wrapper .footer .row:last-child .col:nth-child(3) { margin-left: 21.510416666666668vw; } .wrapper .footer .row:last-child .contacts:last-child { margin-right: 0; } .wrapper .page-header .page-header__burger { width: 35px; height: 4px; background: #4f2b8f; } .wrapper .page-header .page-header__burger::before { content: ''; position: absolute; top: 9px; left: 0; width: 35px; height: 4px; background: #4f2b8f; } .wrapper .page-header .page-header__burger::after { content: ''; position: absolute; top: 18px; left: 0; width: 35px; height: 4px; background: #4f2b8f; } .wrapper .mob-menu { display: none; } .desktop-none { display: none !important; } .wrapper .main-content { line-height: 1.15; } .main-content__partnership .client-item { display: inline-block; width: 19%; height: 74px; } .main-content__partnership .client-item:hover .client-img { display: none; } .main-content__partnership .client-item:hover .client-img-hover { display: block; } .main-content__consultation .main-content__consultation-promo { border-bottom: 2px solid #e0e0e0; padding-bottom: 57px; margin-bottom: 40px; display: flex; justify-content: space-between; align-items: center; } .wrapper .main-content .main-content__cases .main-content__case:first-child .col:last-child, .wrapper .main-content .main-content__cases .main-content__case:last-child .col:first-child { width: 48%; } .wrapper .main-content .main-content__cases .main-content__case:last-child .col:last-child, .wrapper .main-content .main-content__cases .main-content__case:first-child .col:first-child { width: 52%; } .header-main-tel { position: absolute; background-color: #fff; top: 50%; left: 39px; width: 100%; height: 100%; font-size: 20px; transform: translateY(-50%); line-height: 150%; font-family: 'Open Sans', sans-serif; font-weight: bold; } @media screen and (max-width: 1830px) { .wrapper .main-content .main-content__about .main-content__left .main-content__btn { width: 51%; } .wrapper .main-content .main-content__about .main-content__right .main-content__service { font-size: 75px; } .wrapper .main-content__phone-content { font-size: 1em; } .wrapper .blog-card { height: unset; } .section-name { font-size: 65px; } .wrapper .main-content .main-content__cases .main-content__case:last-child .case-prices .case-prices__service:last-child { margin-left: 3.1667vw; } } @media screen and (max-width: 1800px) { .wrapper .main-content .main-content__cases .main-content__case:first-child .col:first-child { padding-left: 12.0204vw; } .wrapper .main-content .main-content__about .main-content__right .main-content__service { font-size: 70px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-price { font-size: 45px; } } @media screen and (max-width: 1740px) { .wrapper .main-content .main-content__system-works .title-h2 { max-width: 100%; text-align: center; } .wrapper .main-content .system-works__container { justify-content: center; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider { margin-top: 30px; } .wrapper .main-content .main-content__cases .main-content__case:last-child { margin-top: 4.5%; } .wrapper .blog-card { height: unset; padding: 25px 30px 66px 50px; } .section-name { font-size: 60px; } .wrapper .main-content .main-content__cases .main-content__case:last-child .col:first-child img, .wrapper .main-content .main-content__cases .main-content__case:first-child .col:last-child img { width: 100%; } .wrapper .main-content .main-content__cases .main-content__case:last-child { margin-top: 12.5%; } } @media screen and (max-width: 1640px) { .wrapper .main-content .main-content__analytics .header-content { flex-direction: row-reverse; } .wrapper .main-content .main-content__analytics .main-content__right .main-content-absolute { bottom: 0; left: initial; right: 0; max-width: 100%; } .wrapper .main-content .main-content__analytics .main-content__right { align-self: center; margin-right: 10px; } .main-content-absolute__bottom:after { display: none; } .main-content-absolute__top { position: relative; } .main-content-absolute__top:after { content: ''; border: 23px solid transparent; border-bottom: 23px solid #ffffff; position: absolute; top: -45px; right: 50%; } .wrapper .main-content .main-content__analytics .analytics-desc { margin-left: auto; } .wrapper .main-content .main-content__analytics .header-content .main-content__left { text-align: right; } .wrapper .footer .footer-name { font-size: 60px; line-height: 60px; } .wrapper .main-content__phone-content { font-size: 1.05em; } .wrapper .main-content .main-content__about .main-content__right .main-content__service { font-size: 60px; line-height: 74px; } .wrapper .main-content .main-content__about .main-content__left .main-content__btn { width: 58%; } } @media screen and (max-width: 1550px) { .wrapper .main-content .main-content__tariffs-section .container { width: 95%; } } @media screen and (max-width: 1480px) { .wrapper .page-header { padding: 0 20px; } .wrapper .page-header .page-header__nav .page-header__list { margin-left: 15px; } .wrapper .page-header .page-header__nav .page-header__list .page-header__item { margin-right: 10px; } .wrapper .page-header .page-header__nav .page-header__list .page-header__item a { font-size: 14px; } .wrapper .page-header .page-header__right .page-header__search-btn { margin-top: 20px; } } @media (min-width: 1024px) and (max-width: 1480px) { margin-top: 0; } @media screen and (max-width: 1450px) { .wrapper .page-header .page-header__logo img { /*width: 100%;*/ vertical-align: text-bottom; max-height: 30px; } .wrapper .main-content .main-content__about .container { width: 100%; padding-left: 10.545vw; } .wrapper .main-content .main-content__about .main-content__right { margin-left: 13.834vw; } .main-content__btn { background: #ffa800; border-radius: 50px; padding: 22px 40px; font-size: 18px; } .wrapper .main-content .main-content__cases .main-content__case:last-child .col:last-child { padding-right: 9.2204vw; } .wrapper .main-content .main-content__partnership .partner-description { width: 60vw; } .wrapper .blog-card { height: unset; } .wrapper .footer .container { padding-left: 150px; } .wrapper .footer .row:first-child .col:first-child { width: 15.46875vw; } .wrapper .footer .row:first-child .col { width: 13.29vw; } } @media screen and (max-width: 1395px) { .wrapper .main-content .main-content__about .main-content__left .main-content__btn { width: 60%; } .wrapper .main-content .main-content__about .main-content__right .main-content__service { font-size: 55px; line-height: 60px; } .wrapper .footer .main-content__city { font-size: 1.025em; } .wrapper .footer .footer-name { font-size: 55px; line-height: 55px; } .wrapper .footer .row:last-child .col:first-child { width: 17.15625vw; } .wrapper .footer .row:last-child .col:last-child { margin-left: 18.510417vw; width: 15.40625vw; } .wrapper .main-content .main-content__cases .main-content__case .case-subtitle { font-size: 22px !important; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-price { font-size: 35px; } } @media screen and (max-width: 1300px) { .wrapper .main-content .main-content__why .why-box-content { grid-template-columns: 1fr 1fr; } .wrapper .main-content .main-content__about .main-content__right { margin-left: 20.834vw; } .wrapper .main-content .main-content__about .container { padding-left: 8.545vw; } .wrapper .main-content .main-content__about .main-content__left .main-content__text { font-size: 16px; } .wrapper .main-content .main-content__about .main-content__left { width: 34.71875vw; margin-left: 2.5625vw; } .wrapper .main-content .main-content__about { height: 106.907vh; } .wrapper .page-header .page-header__right .page-header__search-btn { margin-top: 20px; } .wrapper .blog-card { height: unset; } .wrapper .main-content .main-content__partnership .partner-cols .partner-col { margin-right: 3.2604vw; } .wrapper .main-content .main-content__cases .main-content__case:first-child .col:last-child, .wrapper .main-content .main-content__cases .main-content__case:last-child .col:first-child { width: 40%; } .wrapper .footer .row:first-child .col:nth-child(4) { margin-right: 1.405vw; } .wrapper .footer .row:first-child .col { width: 15.29vw; } .wrapper .footer .container { padding-left: 100px; } .wrapper .footer .col .icons .name-icon { font-size: 16px; } } @media screen and (max-width: 1240px) { .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item { padding: 15px 20px 24px; } html { width: 100%; overflow-x: hidden !important; } .wrapper .main-content .main-content__about .main-content__left .main-content__headline { font-size: 85px; line-height: 65.7px; } .wrapper .main-content .main-content__about .main-content__left .main-content__headline img { width: 100%; } .wrapper .main-content .main-content__about .main-content__right { margin-left: 8.834vw; width: 33.3125vw; } .wrapper .blog-card .card-name { font-size: 18px; } .wrapper .footer .footer-name { font-size: 45px; line-height: 46px; } .wrapper .main-content .main-content__about .main-content__left { width: 39.71875vw; } } @media screen and (max-width: 1140px) { .wrapper .main-content .main-content__analytics .main-content__right { display: none; } .wrapper .main-content .main-content__analytics .header-content { flex-direction: initial; } .wrapper .main-content .main-content__analytics .analytics-desc { margin-left: initial; } .wrapper .main-content .main-content__analytics .header-content .main-content__left { text-align: initial; } .wrapper .main-content .main-content__tariffs-section .tariffs-box { flex-direction: column; align-items: center; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item { width: 70%; margin-bottom: 20px; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item:last-child { margin-bottom: 0; } .wrapper .page-header .page-header__nav .page-header__list .page-header__item a { font-size: 0.738em; } .wrapper .main-content .main-content__projects .main-clients .main-client { padding: 6.641vh 0 4.8644vh 0; height: 350px; } .main-content__consultation .main-content__consultation-promo span { font-size: 50px; line-height: 40px; } .main-content__consultation-promo { font-size: 30px; line-height: 49px; } .wrapper .main-content .main-content__consultation .main-content__consultation-title { font-size: 70px; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item .descript { font-size: 16px; } .wrapper .blog-card { width: 320px; padding: 25px 30px 64px 30px; } .purple-btn { font-size: 18px; } .wrapper .footer .row:first-child .col { width: 175px; margin-right: 48px; } .wrapper .footer .container { padding-left: 40px; } img.partner-col { width: 15%; } .wrapper .main-content .main-content__cases .main-content__case:last-child .case-prices .case-prices__service:last-child { margin-left: 5.1667vw; } } @media screen and (max-width: 1000px) { .wrapper .main-content .main-content__about .main-content__left .main-content__btn { width: 70%; } .wrapper .main-content .main-content__about { height: 110.907vh; background-size: 135%; } .wrapper .main-content .main-content__about .main-content__right .main-content__service { font-size: 40px; line-height: 40px; } .wrapper .main-content .main-content__about .main-content__left .main-content__text { width: 42.71875vw; } .wrapper .main-page .container { width: 82.9583vw; } .wrapper .main-content__phone-content { font-size: 17px; } .wrapper .footer .main-content__city { font-size: 16px; } .wrapper .footer .row:first-child { flex-wrap: wrap; } .wrapper .footer .row:first-child .col:first-child { flex-basis: 700px; margin-bottom: 3%; } .wrapper .footer .row:nth-child(2) .col { width: 17.104vw; margin-right: 4.1458vw; } .wrapper .footer .row:last-child .col:first-child { width: 22.15625vw; font-size: 16px; } .wrapper .footer .row:last-child .col:last-child { margin-left: 12.510417vw; width: 19.40625vw; } .main-content__form-section .main-form .main-form__input { width: 26.2298vw; } .wrapper .blog-card .card-date { font-size: 18px; } .wrapper .main-content .main-content__card-text { font-size: 14px; } .wrapper .blog-card { width: 290px; height: unset; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item { width: 25.432vw; } .section-name { font-size: 40px; line-height: 50px; } .wrapper .main-content .main-content__cases .main-content__case .case-subtitle { font-size: 18px !important; } .wrapper .main-content .main-content__cases .main-content__case:last-child .case-subtitle { margin-top: 0; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-name { font-size: 16px; line-height: 13px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .learn-more { line-height: 50px; } .wrapper .main-content .main-content__cases .main-content__case .case-about { font-weight: 300; font-size: 16px; } .purple-btn { font-size: 16px; } /*.wrapper .main-content .main-content__projects {*/ /*margin-top: -470px;*/ /*padding-top: 570px;*/ /*}*/ .wrapper .main-content .main-content__projects .main-clients .main-client { height: 315px; padding-left: 50px; padding-right: 50px; } .wrapper .main-content .main-content__projects .main-clients .main-client img { width: 100%; } .wrapper .main-content .main-content__partnership .partner-description { width: 80%; } .main-content__consultation-promo { font-size: 25px; line-height: 35px; } .wrapper .main-content .main-content__about .main-content__left .main-content__headline { font-size: 75px; line-height: 60.7px; } } @media (max-width: 1024px) { .wrapper .main-content .main-content__consultation .main-content__consultation-card { width: calc(50% - 30px); margin-right: 0 !important; margin-bottom: 25px; } .wrapper .page-header .page-header__right .page-header__search-btn { margin-top: 0px; } .wrapper .main-content .main-content__consultation .main-content__consultation-card:nth-child(3n-1) { margin-left: 0; } .wrapper .main-content .main-content__consultation .main-content__consultation-card .main-content__card-title { font-size: 20px; line-height: 23px; } .wrapper .main-content .main-content__consultation .main-content__consultation-card:nth-child(2n) { margin-left: 30px; } .mob-menu .page-header__item.parent::before { content: url(/local/templates/new_template/components/bitrix/menu/footer_mobile/images/arrow.svg); filter: invert(); width: 30px; display: inline-block; transform: scale(2); position: absolute; top: 13px; left: 24%; } .wrapper .main-content .main-content__projects { margin-top: 80px; } /*.wrapper .main-content .main-content__consultation .main-content__top-row {*/ /*flex-direction: column;*/ /*width: 50%;*/ /*padding-right: 2%;*/ /*}*/ .wrapper .main-content .main-content__consultation .main-content__bottom-row { flex-direction: column; width: 50%; padding-left: 2%; } .wrapper .main-content .main-content__consultation .main-content__consultation-cards { display: flex; } .wrapper .main-content .main-content__consultation .main-content__consultation-card button { display: block; margin-top: 20px; } .wrapper .main-content .main-content__projects .main-clients .company-logo img { width: 285px; } .wrapper .main-content .main-content__about { height: 110.907vh; background-size: 169%; } .wrapper .main-content .main-content__about .main-content__left .main-content__btn { font-size: 16px; width: 90%; } .wrapper .main-content .main-content__about .container { padding-left: 50px; } .wrapper .main-content__city { font-size: 16px; } .wrapper .main-content .main-content__projects .main-clients .main-client .company-service, .wrapper .main-content .main-content__partnership .partner-description, .wrapper .main-content .main-content__pluses .pluses-cards .plus-item .descript { padding-left: 0; } .wrapper .page-header .page-header__nav .page-header__list .page-header__item a { font-size: 0.638em; } .wrapper .main-content .main-content__cases .main-content__case:first-child { flex-direction: column-reverse; padding-top: 0; } .wrapper .main-content .main-content__cases .main-content__case:last-child { flex-direction: column; margin-top: 80px; align-items: baseline; } .wrapper .main-content .main-content__cases .main-content__case:last-child .col:first-child { width: 93%; } .wrapper .main-content .main-content__cases .main-content__case:last-child .col:last-child, .wrapper .main-content .main-content__cases .main-content__case:first-child .col:first-child { width: 100%; } .wrapper .main-content .main-content__cases .main-content__case:first-child .col:last-child { width: 93%; height: 380px; margin-left: 7%; } .wrapper .main-content .main-content__cases .main-content__case:first-child .col:last-child { background-image: url('/local/templates/new_template/assets/img/case1.png'); background-size: 100%; background-position: 2px 0; border-radius: 20px 0px 0px 20px; background-repeat: no-repeat; } .wrapper .main-content .main-content__cases .main-content__case:first-child .col:last-child img { display: none !important; } .wrapper .main-content .main-content__cases { background: transparent; margin-top: 0; } .section-name { font-size: 65px; line-height: 90px; } .wrapper .main-content .main-content__cases .main-content__case .case-subtitle { font-size: 25px; line-height: 29px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-price { font-size: 50px; line-height: 60px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-name { font-size: 22px; line-height: 28px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service:last-child { margin-left: 140px; } .wrapper .main-content .main-content__cases .main-content__case .case-about { font-size: 18px; line-height: 28px; margin-top: 30px; margin-bottom: 0; } .wrapper .main-content .main-content__cases .main-content__case:first-child .col:first-child { padding: 0 40px; } .purple-btn { font-weight: bold; font-size: 20px; line-height: 26px; margin-top: 0 !important; margin-bottom: 0 !important; } .wrapper .main-content .main-content__cases .main-content__case:last-child .col:last-child { padding: 0 40px; } .section-name { font-size: 75px; margin-top: 30px; } .wrapper .main-content__cases .section-name { font-size: 65px; } .wrapper .center-text { padding-left: 40px; } .form-attention.center-text { padding-left: 0; } .wrapper .center-btn { margin: 40px !important; } .wrapper .main-content .main-content__partnership .partner-cols .partner-col:nth-child(4), .wrapper .main-content .main-content__partnership .partner-cols .partner-col:nth-child(5) { display: none; } img.partner-col { width: auto; } .wrapper .main-content .main-content__partnership .partner-description { width: 100%; } .wrapper .page-header .mob-menu { width: 100%; height: 100vh; position: fixed; top: 0; right: 0; bottom: 0; display: none; background: #271d3d; padding: 40px; transition: 1s; overflow-y: scroll; } .wrapper .page-header .mob-menu .page-header__logo { width: 203px; margin-bottom: 60px; } .wrapper .page-header .mob-menu .main-content__phones-item .main-content__city { font-size: 18px; line-height: 24px; } .wrapper .page-header .mob-menu .main-content__phones-item .main-content__phone-content { font-size: 20px; line-height: 26px; } .wrapper .page-header .mob-menu .main-content__phones-item { margin-right: 30px; } .wrapper .page-header .mob-menu .menu-phones { margin-top: 60px; justify-content: space-between; } .wrapper .page-header__list .page-header__item { list-style-type: none; margin-bottom: 23px; position: relative; } .wrapper .page-header__list .page-header__item.children { padding-left: 25px; padding-top: 15px; position: relative; } .wrapper .page-header__list .page-header__item.child a { font-size: 24px; line-height: 1.3; } .wrapper .page-header__list { flex-direction: column; margin-top: 65px; } .wrapper .page-header__list .page-header__link { font-weight: 800; font-size: 40px; line-height: 47px; color: #ffffff; } .wrapper .page-header .page-header__burger { display: block !important; } .wrapper .page-header .burger-wrap { width: 35px; height: 35px; top: 33px; left: 40px; position: absolute; cursor: pointer; } .wrapper .page-header .page-header__nav, .wrapper .main-content .main-content__phones { display: none; } .wrapper .mob-menu .close-wrap { position: absolute; top: 0; width: 50px; height: 50px; right: 0; z-index: 101; cursor: pointer; } .wrapper .mob-menu .close { width: 68px; height: 3px; background: #fff; position: absolute; top: 57px; right: 34px; transform: rotate(45deg); } .wrapper .mob-menu .close::after { content: ''; width: 68px; height: 3px; background: #fff; position: absolute; top: 0; left: 0; transform: rotate(-90deg); } .wrapper .page-header .page-header__left .page-header__logo { width: unset; position: absolute; left: 105px; top: 30px; } header .desktop-none.page-header__list a { font-weight: bold; font-size: 40px; line-height: 47px; } .wrapper .page-header { height: 94px; position: sticky; top: 0; width: 100%; padding: 0 40px; background-color: #fff; } /*.wrapper .main-content {*/ /*margin-top: 94px;*/ /*}*/ .wrapper .page-header .page-header__right { margin-top: 30px; } .wrapper .main-content .main-content__about { height: 930px; background-size: cover; } .wrapper .main-content .main-content__about .main-content__left { width: 100%; padding-top: 0; margin-left: 0; } .wrapper .main-content .main-content__about .header-content { display: flex; flex-direction: column; } .wrapper .main-content .main-content__about .main-content__right { width: 100%; } .wrapper .main-content .main-content__about .main-content__left .main-content__headline img { width: 485px; } .wrapper .main-content .main-content__about .main-content__left .main-content__headline { margin-top: 60px; } .wrapper .main-content .main-content__about .main-content__left .main-content__headline { font-size: 70px; line-height: 58px; font-family: Raleway; } .wrapper .main-content .main-content__about .main-content__left .main-content__text { font-size: 20px; line-height: 30px; width: 100%; padding-right: 176px; } .wrapper .main-content .main-content__about .main-content__left .main-content__btn { width: 278px; font-size: 20px; } .wrapper .main-content .main-content__about .main-content__right { margin-left: 0; margin-top: 50px; } .wrapper .main-content .main-content__about .main-content__right .main-content__service { font-size: 50px; line-height: 59px; margin-bottom: 25px; } .wrapper .main-page .container { width: 89.5%; } .wrapper .main-content .main-content__consultation { margin-top: 40px; margin-bottom: 40px; } .main-content__consultation .main-content__consultation-promo span { font-size: 25px; line-height: 29px; } .main-content__consultation .main-content__consultation-promo { /*border-bottom: none;*/ /*padding-bottom: 0;*/ /*margin-bottom: 0;*/ font-size: 18px; line-height: 21px; } .main-content__consultation-promo { font-size: 25px; line-height: 29px; } .wrapper .main-content .main-content__consultation .main-content__consultation-title { font-size: 80px; line-height: 85px; margin-top: 30px; margin-bottom: 50px; } .wrapper .main-content .main-content__consultation .main-content__consultation-cards { margin-top: 5px; } .wrapper .main-content .main-content__card-text { font-size: 15px; } .wrapper .main-content .main-content__pluses .pluses-cards .row { flex-wrap: wrap; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item { width: 329px; margin-right: 30px; margin-bottom: 40px; align-items: start; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item.end-row { margin-right: 0; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item .descript { font-size: 20px; line-height: 30px; text-align: inherit; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item img { width: 125px; } .wrapper .main-content .mt-40 { margin-top: 40px; } .wrapper .main-content__pluses .section-name { padding-top: 60px; padding-right: 60px; font-size: 65px; line-height: 80px; } .wrapper .main-content .main-content__pluses { background-size: cover; } .wrapper .main-content .main-content__pluses .pluses-cards .row:last-child { padding-bottom: 40px; } .wrapper .blog__cards { margin-top: 0; padding-left: 40px; z-index: -1; transition: 1s; left: 0; } .wrapper .blog-card { width: 280px; height: unset; padding: 30px 20px; } .wrapper .blog-card .main-content__card-text { height: 125px; overflow: hidden; padding: 0; -webkit-box-shadow: inset 0px -30px 50px 0px rgba(255, 255, 255, 1); -moz-box-shadow: inset 0px -30px 50px 0px rgba(255, 255, 255, 1); box-shadow: inset 0px -30px 50px 0px rgba(255, 255, 255, 1); } .wrapper .blog-card .card-name { text-align: center; padding: 0; } .wrapper .blog-card .card-date { text-align: center; padding: 0; } .blog-card .main-content__card-btn { margin: 0; margin-top: 20px; } .wrapper .main-content .main-content__blog .arrows { margin: 0; } .wrapper .main-content .main-content__blog .arrow-left, .wrapper .main-content .main-content__blog .arrow-right { display: block; } .wrapper .main-content .main-content__blog .arrow-right { margin-left: 30px; } .mob-flex { padding-right: 40px; display: flex; justify-content: space-between; align-items: center; } .wrapper .main-content .main-content__projects .purple-btn { margin-top: 40px !important; } .wrapper .main-form .flex { flex-wrap: wrap; } .main-content__form-section .main-form .main-form__input { width: 328px; margin-right: 30px; margin-bottom: 30px; } .main-content__form-section .main-form input.main-form__input:nth-child(2) { margin: 0; margin-bottom: 30px; } .main-content__form-section .main-form .main-form__input:last-child { width: 688px; margin: 0; } .main-content__form-section .main-form button { font-size: 20px; line-height: 26px; } .main-content__form-section .main-form .form-attention { margin-bottom: 30px; margin-top: 0; } .main-content__form-section { margin-top: 48px; padding: 60px 0; background-image: url('/local/templates/new_template/assets/img/background/bg5-mob.jpg'); background-size: cover; } .wrapper .footer .row:first-child .col:first-child { width: 297px; flex-basis: 470px; height: 140px; } .wrapper .footer .footer-name { font-size: 65px; line-height: 70px; } .wrapper .footer { /*background-image: url('/local/templates/new_template/assets/img/background/bg6-mobs.webp'); background-size: cover; padding-top: 80px; padding-bottom: 0;*/ } .wrapper .footer .row { flex-direction: column; width: 50%; } .wrapper .footer .row:first-child .col { width: 250px; margin-bottom: 40px; } .wrapper .footer .main-content__city { font-size: 18px; line-height: 24px; } .wrapper .footer .row:nth-child(2) { display: none; } .wrapper .main-content__phone-content { font-weight: 600; font-size: 25px; line-height: 26px; } .wrapper .desktop-none { display: block !important; } .wrapper .main-content .main-content__blog .arrows { display: flex !important; } .wrapper .footer .row:last-child .col:first-child { display: none; } .wrapper .footer .row:first-child .col:last-child { font-size: 18px; line-height: 28px; color: #ffffff; width: 294px; margin: 40px 0; } .wrapper .footer .row:first-child .first-contact { margin-top: -54%; } .wrapper .footer .row:last-child .col:last-child { display: none; } .wrapper .footer .row:first-child .col a { font-size: 15px; line-height: 18px; color: #ffffff; } .wrapper .footer .row:first-child .col:nth-child(5) { margin-top: 40px; } .wrapper .footer .row:last-child .contacts { margin-right: 43px; } .wrapper .footer .row:last-child a { font-weight: 800; font-size: 25px; line-height: 29px; color: #ffffff; } .wrapper .footer .row:last-child .col:nth-child(2) { width: 100%; margin: 0; } .wrapper .footer .row:first-child .col:last-child { display: none; } .wrapper .footer .row:first-child .col:last-child.address { display: block; } .wrapper .footer .row:last-child { padding-top: 55px; } .wrapper .footer .col .icons img { width: 50px; } .wrapper .footer .col .icons .name-icon { font-size: 18px; line-height: 24px; font-weight: 400; } .main-content__blog .cards-slider { width: 100%; overflow: hidden; position: relative; padding-top: 60px; padding-bottom: 60px; height: 100%; } .main-content__form-section .main-content__btn { margin-top: 0 !important; margin-left: 0 !important; margin-bottom: 10px !important; } .main-content__form-section .main-form { text-align: left; } .client-el { z-index: -1; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .case-info { padding-left: 24px; } .wrapper .main-content .main-content__projects .main-clients { margin-top: 40px; } /*.main-content__partnership .client-items{*/ /*width: 1300px;*/ /*}*/ .main-content__partnership .client-item { display: inline-block; width: 32%; height: 74px; } .main-content__partnership .client-item:nth-child(5n), .main-content__partnership .client-item:nth-child(5n-1) { display: none; } .wrapper .footer .col .main-content__phones-item:first-child { margin-bottom: 40px; } .wrapper footer .page-header__list { margin-top: 48px; margin-left: auto; margin-right: auto; padding: 0; } .wrapper .main-content .main-content__pluses .pluses-cards { padding-bottom: 0; } .wrapper .main-content__partnership .section-name { margin-top: 80px; } .main-content__consultation .main-content__consultation-promo .form-button.main-content__btn { padding: 15px 40px; font-size: 20px; line-height: 26px; } } @media screen and (max-width: 767px) { .wrapper .main-content .main-content__analytics .analytics-desc { margin-bottom: 40px; } .wrapper .main-content .main-content__analytics h1 { font-size: 55px; line-height: 45px; } .wrapper .main-content .main-content__analytics .subtitle { font-size: 22px; line-height: 28px; margin-top: 10px; margin-bottom: 30px; } .wrapper .main-content .main-content__analytics .main-content__btn { margin-bottom: 40px; padding: 15px 20px; } .wrapper .main-content .main-content__analytics h1>span { font-size: 38px; line-height: 45px; margin-top: 10px; } .wrapper .main-content .main-content__cases-analytics .title-h2 { font-size: 38px; line-height: 45px; text-align: center; margin-top: 40px; margin-bottom: 50px; } .wrapper .main-content .main-content__cases-analytics .container { margin-bottom: 70px; } .wrapper .main-content .main-content__cases-analytics .cases-analytics-box__show-more { margin: 55px auto 0; } .wrapper .main-content .main-content__cases-analytics .cases-analytics-box-item { text-align: center; } .wrapper .main-content .main-content__cases-analytics .cases-analytics-box-item__desc { font-size: 16px; line-height: 24px; } .wrapper .main-content .main-content__cases-analytics .cases-analytics-box { grid-template-columns: 1fr; grid-row-gap: 40px; } .wrapper .main-content .main-content__why .why-box-content { grid-template-columns: 1fr; grid-row-gap: initial; } .wrapper .main-content .main-content__why .title-h2 { max-width: 100%; text-align: center; font-size: 38px; line-height: 45px; } .wrapper .main-content .main-content__why .title-h2>span { font-size: 55px; line-height: 45px; } .wrapper .main-content .main-content__why .why-box-item__desc { font-size: 18px; line-height: 28px; } .wrapper .main-content .main-content__why .why-box-item { text-align: center; } .wrapper .main-content .main-content__why { padding-top: 40px; padding-bottom: 20px; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider { max-width: 100%; } .wrapper .main-content .main-content__slider-doing .title-h2 { font-size: 38px; line-height: 45px; } .wrapper .main-content .main-content__system-works .title-h2 { font-size: 38px; line-height: 45px; } .wrapper .main-content .system-works__container { padding-top: 210px; padding-bottom: 60px; } .wrapper .main-content .main-content__slider-doing .main-content__slider-doing__slider__desc { font-size: 18px; line-height: 28px; } .wrapper .main-content .main-content__slider-doing .slider-doing-box { padding-top: 30px; padding-bottom: 50px; } .wrapper .main-content .main-content__slider-doing { height: auto; } .wrapper .main-content .main-content__system-works .main-content__system-works__slider__desc { font-size: 18px; line-height: 28px; } .wrapper .main-content .main-content__tariffs-section .title-h2 { font-size: 38px; line-height: 45px; padding-top: 30px; margin-bottom: 30px; } /*}*/ /*@media screen and (max-width: 430px) {*/ .wrapper .page-header .burger-wrap { top: 24px; left: 20px; } .wrapper .page-header { height: 74px; } .wrapper .page-header .page-header__left .page-header__logo { top: 20px; } .wrapper .page-header .page-header__burger { top: 27px; } .wrapper .page-header__list .page-header__item.child a { font-size: 14px; } /*.wrapper .main-content {*/ /*margin-top: 74px;*/ /*}*/ .wrapper .main-content .main-content__about .main-content__left .main-content__headline img { width: 195px; } .wrapper .page-header .mob-menu { padding: 20px; } .wrapper .mob-menu .close { right: 15px; top: 34px; width: 40px; } .wrapper .mob-menu .close::after { width: 40px; } .wrapper .page-header .page-header__form { left: 13px; } header .desktop-none.page-header__list a { font-size: 18px; line-height: 21px; } .wrapper .main-content .main-content__about .main-content__left .main-content__headline { font-size: 25px; line-height: 25px; font-family: Raleway; } .wrapper .main-content .main-content__about .main-content__left .main-content__text { font-size: 14px; line-height: 20px; width: 100%; padding-right: 20px; margin-top: 5px; } .wrapper .main-content .main-content__about { height: auto; background-size: 400%; } .wrapper .main-content .main-content__about .container { padding-left: 20px; } .wrapper .main-content .main-content__about .main-content__left .main-content__headline { margin-top: 20px; } .wrapper .main-content .main-content__about .main-content__left .main-content__btn { width: 238px; font-size: 20px; line-height: 26px; padding: 10px 20px; } .wrapper .main-content .main-content__about .main-content__right .main-content__service { font-size: 20px; line-height: 23px; margin-bottom: 10px; } .wrapper .main-content .main-content__about .main-content__right .main-content__service:last-child { margin-bottom: 41px; } .wrapper .main-content .main-content__about .main-content__right { margin-top: 20px; margin-left: 0; } .wrapper .page-header .page-header__left .page-header__logo { left: 75px; } .wrapper .page-header .page-header__burger { left: 20px; } .wrapper .page-header .page-header__right .page-header__search-btn { margin-right: -4.9vw; position: absolute; width: 32px; height: 32px; top: 19px; right: 39px; } .main-content__consultation .main-content__consultation-promo span { font-size: 25px; line-height: 29px; } .main-content__consultation .main-content__consultation-promo { font-size: 16px; line-height: 29px; border-bottom: 2px solid #c4c4c4; padding-bottom: 30px; margin-bottom: 30px; flex-wrap: wrap; } .wrapper .main-content .main-content__consultation .main-content__consultation-title { font-size: 40px; line-height: 40px; margin-top: 0; margin-bottom: 0; } .main-content__consultation .main-content__card-btn { border: none; margin-top: 0; padding-top: 0; padding-bottom: 0; padding-left: 75px; text-decoration: underline; } .wrapper .main-content .main-content__consultation .main-content__consultation-cards { margin-top: 5px; flex-wrap: wrap; } .wrapper .main-content .main-content__consultation .main-content__consultation-cards img { width: 60px; } .wrapper .main-content .main-content__consultation .main-content__top-row, .wrapper .main-content .main-content__consultation .main-content__bottom-row { width: 100%; margin-bottom: 0; } .wrapper .main-content .main-content__card-text { display: none; } .wrapper .main-content .main-content__consultation .main-content__consultation-card .main-content__card-title { font-size: 18px !important; line-height: 21px; margin-left: 15px; text-align: left; } .wrapper .main-content .main-content__cases .main-content__case:first-child { margin-top: 32px; align-items: flex-end; } .wrapper .main-content .main-content__cases .main-content__case .case-about { /* display: none; */ } .wrapper .main-content .main-content__cases .main-content__case:last-child { margin-top: 14.5%; } .wrapper .main-content .main-content__consultation .main-content__consultation-card button { font-size: 15px; line-height: 24px; padding: 10px 20px; } .wrapper .main-content .main-content__consultation .main-content__consultation-card { margin: 15px 0; } .wrapper .main-content .main-content__consultation .main-content__bottom-row .main-content__consultation-card:first-child { margin-top: -10px; } .wrapper .main-content .main-content__consultation .main-content__consultation-card { width: 100%; } .wrapper .main-content .main-content__consultation .main-content__consultation-card:nth-child(2n) { margin-left: 0; } .wrapper .main-content .main-content__cases .main-content__case:first-child .col:last-child { width: 355px; height: 120px; background-position-y: bottom; } .wrapper .main-content .main-content__cases .main-content__case:first-child .col:first-child { padding: 0 20px; } .section-name { font-size: 38px; line-height: 40px; } .wrapper .main-content .main-content__cases .main-content__case .case-subtitle { font-size: 15px !important; } .wrapper .main-content .main-content__cases .main-content__case .case-prices__service { display: flex; justify-content: space-between; } .wrapper .main-content .main-content__cases .main-content__case .case-prices { flex-direction: column; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-price { font-size: 35px; line-height: 45px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .case-info { padding-left: 15px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .form-button { margin: 0; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service:last-child { margin-left: 0; margin-top: 30px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .learn-more { padding-left: 30px; } .wrapper .main-content .main-content__cases .main-content__case:last-child .col:first-child { width: 355px; height: 120px; overflow: hidden; border-radius: 0px 20px 20px 0px; } .wrapper .main-content .main-content__cases .main-content__case:last-child .col:first-child img, .wrapper .main-content .main-content__cases .main-content__case:first-child .col:last-child img { margin-top: -42px; } .wrapper .main-content .main-content__cases .main-content__case:last-child .col:last-child { padding: 0 20px; } .wrapper .main-content .main-content__cases .main-content__case:last-child .case-prices .case-prices__service:last-child { margin-left: 0; } .wrapper .main-content .main-content__projects .main-clients { flex-direction: column; margin-top: 40px; } .wrapper .main-content .main-content__projects .main-clients .main-client { width: 100%; background-size: cover; padding: 45px; } .wrapper .main-content .main-content__partnership .partner-description { display: none; } .wrapper .main-content .main-content__partnership .partner-cols { overflow-x: auto; overflow-y: hidden; } .wrapper .main-content__pluses .section-name { text-align: center; padding-left: 0; font-size: 38px; line-height: 40px; padding-top: 40px; padding-right: 0; } .wrapper .blog-card:not(:first-child) { margin-left: 20px; } .wrapper .blog-card:first-child { margin-left: 0px; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item .descript { font-size: 20px; line-height: 30px; text-align: center; margin-top: 30px; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item img { display: block; margin: 0 auto; width: 100px; } .wrapper .blog__cards { padding-left: 20px; padding-right: 20px; } .wrapper .main-content .main-content__pluses .pluses-cards .plus-item { margin-right: 0; } .wrapper .main-content .main-content__pluses { background-size: 1000%; background-position: center; } .section-name { padding-left: 0; text-align: center; } .wrapper .main-content .main-content__blog .arrows.mob-none { display: none !important; } .wrapper .blog-card { min-width: 280px !important; height: unset; } .wrapper .blog-card:last-child, .wrapper .blog-card { margin-right: 0; margin-left: 20px; padding: 20px; } .wrapper .blog-card .card-date { font-size: 15px; line-height: 18px; } .wrapper .blog-card .card-name { text-align: center; } /*.wrapper .main-content .main-content__blog .mob-flex {*/ /*margin-top: 40px;*/ /*}*/ .wrapper .main-content .main-content__blog .purple-btn { font-size: 16px; line-height: 26px; } .wrapper .main-content .main-content__blog .main-content__card-text { display: block; box-shadow: -7px -25px 35px 0px #ffffff inset; text-align: center; } .blog-card .main-content__card-btn { margin: 0 auto; margin-top: 20px; } .purple-btn { margin: 0 auto !important; } .wrapper .main-content .main-content__cases .purple-btn { display: none; } .main-content__partnership .client-items { width: 635px; height: 490px; } .main-content__partnership .client-item { width: 203px; } .wrapper .main-content .main-content__blog .mob-flex { padding-right: 0; } .wrapper .main-content .main-content__steps-section .title-h2 { font-size: 38px; line-height: 45px; margin-top: 30px; margin-bottom: 30px; } .wrapper .main-content .main-content__steps-section .steps-box { margin-bottom: 50px; grid-template-columns: 1fr; justify-content: center; } .wrapper .main-content .main-content__steps-section .steps-box .step-box-item { display: flex; align-items: center; } .wrapper .main-content .main-content__steps-section .step-box-item__img { margin-right: 20px; } .wrapper .main-content .main-content__steps-section .steps-box .step-box-item__desc { margin-top: 0; width: 70%; } .main-content__form-section .form-name { font-size: 38px; line-height: 45px; padding-left: 33px; margin-top: 0; } .main-content__form-section { padding-top: 40px; padding-bottom: 50px; background-size: 230%; } .wrapper .page-header .page-header__form { width: 93%; } .main-content__form-section .main-form .main-form__input { width: 100%; margin: 0; margin-bottom: 20px; } .main-content__form-section .main-form input.main-form__input:nth-child(2) { margin-bottom: 20px; } .main-content__form-section .main-form .form-attention { text-align: center; margin-bottom: 20px; padding-left: 0; } .main-content__form-section .main-form { text-align: center; } .main-content__form-section .main-form button { margin: 0 auto !important; } .wrapper .footer .footer-name { font-size: 38px; line-height: 40px; text-align: center; } .wrapper .footer .container { padding-left: 30px; padding-right: 30px; flex-wrap: wrap; } .wrapper .footer .row { width: 100%; } .wrapper .footer .row:first-child .col:first-child { width: 100%; margin: 0; flex-basis: unset; height: unset; } .wrapper .footer { /* padding-top: 40px;*/ background-size: cover; } .wrapper .main-content .main-content__pluses { background-size: cover; } .main-content__form-section .main-form .main-form__input { padding: 28px 30px; } .main-content__form-section .main-form textarea.main-form__input { padding: 20px 30px; height: 120px; } .wrapper .footer .main-content__city { font-size: 15px; line-height: 24px; } .wrapper .main-content__phone-content { font-size: 18px; line-height: 26px; letter-spacing: 0; } .wrapper .footer .row:first-child .col:nth-child(4) { margin-left: 0; } .wrapper .footer .row:first-child .col { margin: 0 auto !important; margin-bottom: 20px !important; } .wrapper .footer .col .main-content__phones-item:first-child, .wrapper .footer .col .icons:first-child { margin-bottom: 20px; } .wrapper .footer .desktop-none .icons { display: none; } .wrapper .footer .row:first-child .col:nth-child(5) { display: none !important; } .wrapper .footer .row:first-child .col:last-child { display: flex; align-items: center; justify-content: center; margin-top: 20px !important; } .wrapper .footer .col .icons:first-child { margin-bottom: 0; margin-right: 20px; } .wrapper .footer .row:first-child .col .icons a { font-size: 18px; line-height: 24px; } .wrapper .footer .col .icons img { margin-right: 10px; width: 32px; } .wrapper .footer .row:last-child { padding-top: 44px; } .wrapper .footer .row:last-child .col:nth-child(2) { display: flex; justify-content: center; } .wrapper .page-header__list { margin-top: 26px; font-weight: bold; font-size: 18px; line-height: 21px; } .wrapper header .page-header__list { margin-left: 41px; } .wrapper .footer .row:last-child a { display: block; width: 100%; font-size: 20px; line-height: 23px; text-align: center; } .wrapper .page-header__list .page-header__item { margin-bottom: 23px; } .wrapper header .page-header__list .page-header__item { margin-bottom: 16px; } .wrapper .footer .row:last-child .col:last-child { display: block; width: 100%; margin: 50px 0 57px 0; } .wrapper .footer .row:last-child .col:last-child a { font-weight: 300; font-size: 15px; line-height: 18px; text-align: center; padding: 0 15px; } .wrapper .footer .row:last-child .contacts { margin-right: -90px; } .wrapper .page-header .page-header__form input { font-family: Raleway; font-size: 18px; line-height: 35px; padding: 22px 55px; } .wrapper .page-header .page-header__form input::placeholder { font-style: normal; font-family: Raleway; font-size: 18px; line-height: 35px; } .wrapper .page-header .page-header__form svg { width: 23px; } .wrapper .page-header .mob-menu .menu-phones { flex-direction: column; margin-top: 20px; } .wrapper .page-header .mob-menu .page-header__logo { margin-bottom: 0; } .wrapper .page-header .mob-menu .main-content__phones-item { margin-bottom: 5px; } .wrapper .page-header__list .page-header__link { font-size: 18px; line-height: 21px; } .wrapper .page-header__list .page-header__item { margin-bottom: 23px; } .wrapper .main-content__cases .section-name { text-align: left; margin-top: 20px; } /*.wrapper .main-content .main-content__projects {*/ /*margin-top: -480px;*/ /*}*/ .main-content__blog .cards-slider { overflow-x: scroll; height: 100%; } .main-content__blog .cards-slider { padding-top: 30px; padding-bottom: 40px; } .mob-menu .page-header__item.parent::before { content: url(/local/templates/new_template/components/bitrix/menu/footer_mobile/images/arrow.svg); filter: invert(); display: inline-block; position: absolute; left: 24%; transform: unset; top: 0; } .wrapper .main-content__cases .section-name { font-size: 38px !important; line-height: 40px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-name { font-size: 18px; } .wrapper .main-content .main-content__projects { margin-top: 57px; } .wrapper .main-content__partnership .section-name { margin-top: 60px; margin-bottom: 20px; } .main-content__blog .main-content__consultation-promo { font-weight: 300; font-size: 16px; line-height: 19px; padding: 5px 0 0 0; } .main-content__consultation .main-content__consultation-promo .form-button.main-content__btn { padding: 10px 40px; margin-top: 20px; } } @media screen and (max-width: 375px) { .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-price { font-size: 24px; } .wrapper .main-content .main-content__cases .main-content__case .case-prices .case-prices__service .service-name { font-size: 14px; } } .case-btn.purple-btn { display: inline-block; } .client-img, .client-item:hover .client-img-hover { text-align: center; } .main-content__blog .mob-flex, .main-content .main-content__projects { text-align: center; } header .desktop-none.page-header__list a { color: #fff; } .page-footer__submit { position: relative; text-align: left; color: #fff; background-color: #ffa800; width: 158px; padding: 20px 40px; -webkit-border-radius: 30px; border-radius: 30px; border: 0; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .page-footer .page-footer__phone, .page-footer .page-footer__name, .page-footer .page-footer__mail, .page-footer textarea { height: 60px; font-size: 18px; overflow: hidden; border: none; padding: 23px 29px; color: #6f6f6e; max-width: 100%; -webkit-border-radius: 30px; border-radius: 30px; display: inline-block; vertical-align: top; } .b24-widget-button-position-bottom-right { right: 20px; bottom: 20px; } /*FAQ Accordion*/ .faq { margin-top: 40px; margin-bottom: 20px; padding-bottom: 40px; } .transition, .answer, .faq-icon:before, .faq-icon:after { transition: all 0.25s ease-in-out; } .flipIn, .faq-item { animation: flipdown 0.5s ease both; } .no-select, .question { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .answer { font-size: 17px; line-height: 26px; letter-spacing: 1px; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); margin-top: 14px; z-index: 2; } @media screen and (max-width: 420px) { .question { font-size: 18px; } } @media (min-width: 580px) and (max-width: 1024px) { .page-header__logo .header-main-tel { background-color: #fff; height: 100%; font-size: 20px; transform: translateY(-50%); font-family: 'Open Sans', sans-serif; font-weight: bold; position: unset; display: inline-block !important; width: 200px; line-height: 50%; padding-left: 15px; } } @media (min-width: 1025px) { .wrapper .blog__cards { justify-content: center; } } .faq-list { list-style: none; perspective: 900; padding: 0; margin: 0; padding-left: 15px; text-align: left; } .faq .faq-list { padding-left: 0; } .faq-item { position: relative; padding: 0; margin: 0; padding-bottom: 15px; padding-top: 15px; border-top: 1px dotted #dce7eb; } .faq-itemi:nth-of-type(1) { animation-delay: 0.5s; } .faq-item:nth-of-type(2) { animation-delay: 0.75s; } .faq-item:nth-of-type(3) { animation-delay: 1s; } .faq-item:last-of-type { padding-bottom: 0; } .faq-icon { position: absolute; transform: translate(-6px, 0); right: 20px; top: 20px; } .faq-icon:before, .faq-icon:after { content: ''; position: absolute; background-color: gray; width: 3px; height: 9px; } .faq-icon:before { transform: translate(-2px, 0) rotate(45deg); } .faq-icon:after { transform: translate(2px, 0) rotate(-45deg); } .faq-input { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; } .faq-input:checked~.answer { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .faq-input:checked~.faq-icon:before { transform: translate(2px, 0) rotate(45deg); } .faq-input:checked~.faq-icon:after { transform: translate(-2px, 0) rotate(-45deg); } @keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg); } 5% { opacity: 1; } 80% { transform: rotateX(8deg); } 83% { transform: rotateX(6deg); } 92% { transform: rotateX(-3deg); } 100% { transform-origin: top center; transform: rotateX(0deg); } } .wrapper .search-page>a { font-size: 18px; font-weight: bold; padding-top: 10px; display: block; padding-bottom: 10px; text-decoration: underline; color: #ffba00; } .content-bl { overflow-x: hidden; } @media screen and (max-width: 767px) { .desktop-none { display: none; } } @media screen and (max-width: 576px) { .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item { width: 100%; } .wrapper .main-content .main-content__tariffs-section .tariffs-box .tariff-box-item__price-block>span { font-size: 26px; } } input.search-suggest { width: 80%; max-width: 300px; } #horizontal-multilevel-menu li.parent::after { margin-left: 5px; } .search-page .btn { margin: 0; font-family: inherit !important; line-height: 100%; } .btn { line-height: 100%; } .news-detail ol { padding-inline-start: 40px; } .learning-table__row { display: flex; justify-content: space-between; text-align: center; } .learning-table__col { width: 49%; } .learning-table__col-title { padding-top: 20px; padding-bottom: 20px; font-weight: bold; } @media screen and (max-width: 768px) { .learning-table__row { display: block; } .learning-table__col { width: 100%; } } .p-0 { padding: 0; } .new-word-table.adv-table { padding: 0; } .new-word-table.adv-table .table-list li { height: auto; } .adv-table .buy-bitr-main-box { padding: 20px; } .modal-materials { display: none; } .modal-materials .page-footer__mail, .modal-materials .page-footer__phone { width: 100%; } .content-block .buy-bitr-main-box { padding: 20px; } .font-bold { font-weight: bold; } .adv-table .font-bold { text-align: center; height: 40px; line-height: 40px; } .adv-table li { list-style: none; } .p-10 { padding: 10px; } .products__items.products__items--viewed.owl-carousel { display: block; } .prev.slick-arrow { padding-right: 20px; } .prev.slick-arrow, .next.slick-arrow { font-size: 22px; } .viewed-wrapper { display: flex; justify-content: space-between; } .slick-nav { display: flex; align-items: center; margin-bottom: 22px; cursor: pointer; } /* GPSI */ .youtube { background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .youtube img { width: 100%; top: -16.82%; left: 0; opacity: 0.7; } .youtube .play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); z-index: 1; opacity: 0.8; border-radius: 6px; } .youtube .play-button:before { content: ''; border-style: solid; border-width: 15px 0 15px 26px; border-color: transparent transparent transparent #fff; } .youtube img, .youtube .play-button { cursor: pointer; } .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before { position: absolute; } .youtube .play-button, .youtube .play-button:before { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .youtube iframe { height: 100%; width: 100%; top: 0; left: 0; } .lazydiv { margin-bottom: 20px; } .category__list { display: flex; list-style: none; margin: 30px 0; } .item-card__title { margin: 20px 0; } @media screen and (max-width: 414px) { .category__list { display: block; } .search-page { margin: 20px 28px; } .search-page form { display: block !important; } .search-page form input[name='q'] { padding: 10px 20px; } .search-page input[type='submit'] { margin-top: 10px; } .item-card__title { margin: 20px 0; line-height: 30px; } .footer .mob-flex .row .col .address { width: 100% !important; } } @media screen and (max-width: 320px) { .header-main-tel { font-size: 16px; line-height: 25px; } } .category__show-more-btn { display: inline-block; height: 60px; position: relative; padding-top: 16px; padding-right: 46px; padding-left: 41px; border: 1px solid #ffa800; -webkit-border-radius: 30px; border-radius: 30px; color: #010101; font-size: 18px; line-height: 24px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .category__show-more-btn::after { content: ''; position: absolute; width: 8px; height: 13px; top: 50%; right: 31px; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: url(/local/templates/shop/assets/main/css/../img/icon-arrow.svg); -webkit-background-size: 8px 13px; background-size: 8px 13px; } .category__show-more-btn:hover { text-decoration: none; background-color: #ffa800; } .category__buy-btn { margin-left: 26px; padding: 0; background-color: transparent; border: none; color: #010101; font-size: 0; line-height: 24px; -webkit-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .category__favorite-btn { margin-left: 16px; padding: 0; background-color: transparent; border: none; color: #010101; font-size: 18px; line-height: 24px; -webkit-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } form #result_form { display: none; font-size: 16px; line-height: 16px; margin-top: 20px; margin-bottom: 20px; color: #54e254; } form #result_form .active { display: block; } .slider-phones-item:first-child { margin: 0; } .slider-phones-item { float: left; margin-left: 40px; } .slider-phones-item-city { color: #fff; } @media screen and (max-width: 414px) { .slider-phones { /* margin: 80px 0 40px 0 !important; */ font-size: 20px !important; } .slider-phones-item { margin: 20px 0 0 0 !important; } } #orderres_form { display: none; color: #346f2a; background: #fff; border-radius: 50px; width: 500px; padding: 20px; margin: 40px auto; } .modal-confirm { width: 1000px; top: 38%; right: auto; bottom: auto; transform: none; left: auto; } .content-confirm { width: 500px; margin: 0 auto; } @media screen and (max-width: 414px) { .modal-confirm { width: 60% !important; left: 15px; top: 30%; } .content-confirm { width: auto; } /*.modal-popup.page-footer { width: 60%; top: 32%; left: 32%; }*/ } #feedbackres_form .modal-confirm { width: 100%; } .main-content__blog .arrows { display: none !important; } .main-content__blog .sl-button { margin: 0 auto !important; } .main-content__blog .mob-flex { padding-right: 0; } @media (max-width: 767px) { .main-content__blog.n-container { padding-left: 0; padding-right: 0; } .problem-line>.flex { flex-direction: column-reverse; } .problem-line.back-gray>.flex { flex-direction: column; } .main-content__blog .section-name { padding-left: 0; margin-bottom: 38px; } .why-box .hide-this { display: none; } .why-box .w50 { width: 100%; } .right-plus-el { padding-right: 0; } .why-box .abs-box { padding-top: 0; } .diplom-box .abs-box .flex .w50 { width: 100%; } .diplom-box .abs-box .flex { flex-wrap: wrap; } .visit-el picture { display: none; } .buy-bitr-main-box { padding-top: 50px; } .buy-bitr-line .flex { flex-direction: row !important; flex-wrap: wrap; padding-top: 20px !important; padding-bottom: 20px !important; } body .new-word-table .table-list li { height: auto; } .newamo .button-box-newamo .sl-button { padding-left: 10px; padding-right: 10px; /* width: 100%; */ } .main-content__analytics { padding-top: 50px; } .wr_imgs img { width: 100%; } } .article__text img { max-width: 100% !important; } .tariffs-slider-section { border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 0 0 35px; } @media screen and (min-width: 1280px) { .tariffs-slider-section { margin: 0 0 55px 0; } } @media screen and (min-width: 768px) { .tariffs-slider-section { padding: 0 0 55px; } } .tariffs-slider-title { font-size: 24px; font-weight: 600; line-height: 30px; margin: 0; } .tariffs-slider-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .txt-link { display: block; color: #000; font-size: 16px; font-weight: 600; line-height: 125%; text-decoration: underline !important; } .t-card { display: flex; flex-direction: column; align-items: center; } .t-card-img { margin-bottom: 20px; } .t-card-text { color: #000; text-align: center; font-size: 16px; font-weight: 600; line-height: 130%; margin-bottom: 12px; } .t-card-price { margin-top: auto; color: #000; text-align: center; font-size: 18px; font-weight: 800; line-height: 130%; } .tariffs-slider-wrapper { position: relative; } .tariffs-slider-nav { position: absolute; top: 35%; transform: translateY(-50%); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: none; background: none; } .tariffs-slider-prev { left: -24px; } .tariffs-slider-next { right: -24px; } .tariffs-slider-nav---disabled { opacity: 0; } .tariffs-slider-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 30px; } .tariffs-slider-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; background-color: #ededed; cursor: pointer; } .tariffs-slider-pagination .swiper-pagination-bullet-active { background-color: #623fa2; } @media (max-width: 768px) { .tariffs-slider-head { flex-direction: column; row-gap: 20px; align-items: flex-start; justify-content: flex-start; } .tariffs-slider-prev { left: -14px; } .tariffs-slider-next { right: -14px; } } .t-collapse { cursor: pointer; position: relative; z-index: 8; display: flex; align-items: center; justify-content: center; background: none; margin-left: auto; margin-right: auto; } .t-collapse:after { content: '\25BC'; font-size: inherit; font-weight: inherit; color: #7048b8; display: inline-block; margin-left: 10px; height: 18px; line-height: 19px; transform: rotate(180deg); } .t-collapse.closed:after { transform: rotate(0); } .clouds-hero { padding: 40px 0 55px; background-color: #f9f8fb; } .clouds-hero__title { font-size: 26px; font-weight: 700; line-height: 1.25; color: #623fa2; margin: 0 0 10px 0; } .clouds-hero__text { font-size: 15px; font-weight: 500; line-height: 23px; margin: 0 0 22px 0; } .clouds-hero__img { display: none; } .clouds-advantages { padding: 35px 0 0; margin: 0 0 35px 0; } .clouds-advantages__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 5px 0; } .clouds-advantages__text { font-size: 16px; font-weight: 500; line-height: 1.3; color: #929292; margin: 0 0 20px 0; } .clouds-advantages__list { display: grid; grid-template-columns: 1fr; gap: 20px; } .clouds-advantages__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 22px 16px 22px 26px; gap: 16px; border-radius: 10px; border: 1px solid #ededed; } .clouds-advantages__number { height: 50px; width: 50px; -ms-flex-negative: 0; flex-shrink: 0; 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; 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); font-size: 22px; font-weight: 900; line-height: 1; color: #ffa800; } .clouds-advantages__desc { font-size: 14px; font-weight: 400; line-height: 1.3; } .clouds-migration { margin: 0 0 35px 0; } .clouds-migration__men { display: none; } .clouds-migration__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 5px 0; } .clouds-migration__text { font-size: 16px; font-weight: 400; line-height: 1.3; color: #929292; margin: 0 0 5px 0; } .clouds-migration__controls { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; gap: 20px; margin: 0 0 5px 0; } .clouds-migration__controls::before { content: ''; position: absolute; bottom: 0; left: 0; background-color: #ededed; height: 2px; width: 100%; z-index: -1; } .clouds-migration__tab { background-color: unset; border: unset; padding: 0; font-size: 18px; font-weight: 600; color: #929292; padding: 14px 0 11px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; position: relative; } .clouds-migration__tab::before { content: ''; position: absolute; bottom: 0; left: 0; background-color: #623fa2; height: 2px; width: 100%; opacity: 0; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .clouds-migration__tab.is-active { color: #623fa2; } .clouds-migration__tab.is-active::before { opacity: 1; } .clouds-migration__elem { width: 100%; } .clouds-migration__list:not(:last-child) { margin: 0 0 10px 0; } .clouds-migration__item { position: relative; padding: 0 0 0 15px; font-size: 16px; font-weight: 400; line-height: 1.3; } .clouds-migration__item:not(:last-child) { margin: 0 0 10px 0; } .clouds-migration__item::before { content: ''; height: 4px; width: 4px; border-radius: 50%; border: 1px solid #623fa2; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } .clouds-migration__buttons { margin: 20px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .clouds-migration__link { text-decoration: none; } .clouds-causes { margin: 0 0 35px 0; } .clouds-causes__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 20px 0; } .clouds-causes__list { display: grid; grid-template-columns: 1fr; gap: 20px; } .clouds-causes__item { padding: 22px 26px; border: 1px solid #ededed; border-radius: 10px; } .clouds-causes__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 10px 0; } .clouds-causes__icon { -ms-flex-negative: 0; flex-shrink: 0; height: 42px; width: 42px; 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); 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; margin: 0 5px 0 0; } .clouds-causes__icon svg { height: 24px; width: 24px; } .clouds-causes__heading { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 1.3; } .clouds-causes__text { font-size: 14px; font-weight: 400; line-height: 1.3; } .clouds-adv-box { background-color: #fbfafd; padding: 35px 0; } .clouds-adv-box .crm-dev-advantages__item { background-color: #fff; } .clouds-technical { margin: 0 0 35px 0; } .clouds-technical__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 5px 0; } .clouds-technical__text { font-size: 16px; font-weight: 600; line-height: 1.3; color: #929292; margin: 0 0 20px 0; } .clouds-technical__list { margin: 0 0 10px 0; } .clouds-technical__item:not(:last-child) { margin: 0 0 10px 0; } .clouds-technical__heading { color: #623fa2; font-size: 15px; font-weight: 700; line-height: 1.3; margin: 0 0 8px 0; } .clouds-technical__desc { font-size: 14px; line-height: 1.3; } .clouds-technical__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 280px; height: 209px; margin: 0 auto; } .clouds-technical__img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .support-included.clouds-included { margin: 0 0 35px 0; } .landing-stages.clouds-work { margin: 0 0 35px 0; border-bottom: 1px solid #ededed; } .landing-stages.clouds-work { margin: 0 0 35px 0; border-bottom: 1px solid #ededed; } .landing-stages.clouds-work .landing-stages__text { margin-bottom: 0; } .support-price.clouds-price { border: unset; border-bottom: 1px solid #ededed; margin: 0 0 35px 0; padding: 0 0 35px 0; } .support-price.clouds-price .support-price__head--purple { background-color: #623fa2; color: #fff; } .support-price.clouds-price .support-price__title { margin: 0 0 5px 0; } .support-price.clouds-price .clouds-price__desc { font-size: 16px; line-height: 600; line-height: 1.3; margin: 0 0 20px 0; color: #929292; } .support-price.clouds-price .support-price__name { font-size: 30px; font-weight: 800; line-height: 1.3; margin: 0 0 10px 0; } .support-price.clouds-price .support-price__time { font-size: 18px; font-weight: 800; line-height: 1.25; } .clouds-rate { margin: 0 0 35px 0; } .clouds-rate__wrapper { margin: 0 0 20px 0; } .clouds-rate__title { font-size: 20px; font-weight: 600; line-height: 1.3; } .clouds-rate__slider { padding: 0 0 30px 0; position: relative; margin: 0 -20px 20px -20px; } .clouds-rate__pagination { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .clouds-rate__pagination-bullet { height: 10px; width: 10px; background-color: #ededed; border-radius: 50%; } .clouds-rate__pagination-bullet.is-active { background-color: #623fa2; } .clouds-rate__nav { display: none; } .clouds-rate__nav.is-disabled { opacity: 0.5; } .clouds-rate__nav svg { height: 24px; width: 24px; } .clouds-rate__item { width: 280px; } .clouds-rate__img { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 20px 0; } .clouds-rate__img img { height: auto; width: 100%; -o-object-fit: contain; object-fit: contain; } .clouds-rate__desc { font-size: 16px; font-weight: 600; line-height: 1.3; text-align: center; margin: 0 0 12px 0; } .clouds-rate__price { font-size: 18px; font-weight: 800; line-height: 1.3; text-align: center; display: block; margin: 0 auto; } .clouds-rate__link { font-size: 16px; font-weight: 600; line-height: 1.25; color: #000; } .clouds-rate__link--desktop { display: none; } .clouds-review { border-top: 1px solid #ededed; padding: 35px 0 0; margin: 0 0 35px 0; } .clouds-review__title { font-size: 24px; font-weight: 600; line-height: 1.3; margin: 0 0 20px 0; } .clouds-review__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .clouds-review__img--desktop { display: none; } .clouds-review__img img { height: 206px; width: 280px; -o-object-fit: contain; object-fit: contain; } @media screen and (min-width: 768px) { .clouds-hero__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .clouds-hero__img { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: end; align-self: flex-end; margin-bottom: -55px; } .clouds-hero__img img { width: 100%; height: auto; } .clouds-advantages__list { grid-template-columns: 1fr 1fr; } .clouds-migration__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .clouds-migration__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 45%; -ms-flex-negative: 0; flex-shrink: 0; } .clouds-migration__men { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 20px 0 0; } .clouds-migration__tabs { width: 100%; } .clouds-migration__controls { -ms-flex-pack: distribute; justify-content: space-around; margin: 0 0 15px 0; } .clouds-causes__list { grid-template-columns: 1fr 1fr; gap: 20px; } .clouds-technical__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .clouds-technical__inner { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .clouds-technical__img { width: 40%; height: auto; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 10px 0 0; } .support-price.clouds-price .support-price__head--gray { background-color: #ffa800; } .clouds-rate__slider { margin: 0 -40px 20px -40px; } } @media screen and (min-width: 768px) and (min-width: 1280px) { .clouds-hero__content { gap: 0; } } @media screen and (min-width: 1024px) { .support-price.clouds-price .support-price__accordion { grid-template-columns: 1fr 1fr; max-width: 685px; margin: 0 auto; } .support-price.clouds-price .support-price__head { min-height: 125px; padding: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .support-price.clouds-price .clouds-price__desc { max-width: 685px; margin: 0 auto 30px; text-align: center; } .support-price.clouds-price .support-price__name { font-size: 36px; margin: 0; } .clouds-rate__wrapper { 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; } .clouds-rate__link--mobile { display: none; } .clouds-rate__link--desktop { display: block; } .clouds-review__img--mobile { display: none; } .clouds-review__img--desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } .clouds-review__img img { width: 100%; height: auto; } } @media screen and (min-width: 1280px) { .support-included.clouds-included { margin: 0 0 55px 0; } .clouds-hero { padding: 40px 0; } .clouds-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; } .clouds-hero__title { font-size: 40px; margin: 0 0 16px 0; } .clouds-hero__text { font-size: 16px; line-height: 1.3; font-weight: 400; margin: 0 0 30px 0; } .clouds-hero__btn { padding: 15px 30px; } .clouds-hero__img { width: 540px; margin-bottom: -40px; } .clouds-advantages { padding: 55px 0 0; margin: 0 0 115px 0; } .clouds-advantages__title { text-align: center; } .clouds-advantages__text { text-align: center; margin: 0 auto 30px; max-width: 700px; } .clouds-advantages__list { grid-template-columns: repeat(3, 1fr); } .clouds-advantages__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 22px; gap: 20px; } .clouds-advantages__desc { font-size: 16px; } .clouds-migration { margin: 0 0 100px 0; } .clouds-migration__content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 95px; position: relative; } .clouds-migration__content::before { content: ''; background: url('/local/templates/new_template/../images/content/clouds/decor.svg') no-repeat center; background-size: 100%; width: 820px; height: 658px; position: absolute; left: -120px; top: 20%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .clouds-migration__left { padding: 60px 0 0; width: 100%; max-width: 400px; } .clouds-migration__title { margin: 0 0 10px 0; } .clouds-migration__text { font-weight: 600; } .clouds-migration__controls { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0; margin: 0 0 22px 0; } .clouds-migration__tab { padding: 14px 45px 11px 0; } .clouds-migration__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .clouds-migration__list:not(:last-child) { margin: 0; } .clouds-migration__list { width: 50%; } .clouds-migration__buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 30px 0 0 0; } .clouds-migration__link { padding: 15px 30px; } .clouds-causes { margin: 0 0 55px 0; } .clouds-causes__title { margin: 0 0 30px 0; } .clouds-causes__item { padding: 28px 17px; } .clouds-causes__inner { margin: 0 0 16px 0; } .clouds-causes__icon { height: 50px; width: 50px; margin: 0 10px 0 0; } .clouds-causes__icon svg { height: 30px; width: 30px; } .clouds-causes__heading { font-size: 18px; } .clouds-causes__text { font-size: 16px; } .clouds-adv-box { padding: 55px 0; } .clouds-technical { margin: 0 0 50px 0; } .clouds-technical__text { margin: 0 0 30px 0; } .clouds-technical__item:not(:last-child) { margin: 0 0 30px 0; } .clouds-technical__heading { font-size: 20px; margin: 0 0 10px 0; } .clouds-technical__desc { font-size: 16px; } .clouds-technical__img { width: 439px; height: 325px; margin: 0 85px 0 0; } .landing-stages.clouds-work { margin: 0 0 55px 0; } .support-price.clouds-price { margin: 0 0 55px 0; padding: 0 0 55px 0; } .support-price.clouds-price .support-price__time { font-size: 16px; font-weight: 700; } .clouds-rate { margin: 0 0 55px 0; } .clouds-rate__content { position: relative; } .clouds-rate__title { font-size: 24px; } .clouds-rate__slider { margin: 0; padding: 0 0 40px 0; } .clouds-rate__nav { position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -24px; background-color: unset; height: 24px; width: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; border: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .clouds-rate__nav--prev { -webkit-transform: rotate(180deg) translateY(-50%); -ms-transform: rotate(180deg) translateY(-50%); transform: rotate(180deg) translateY(-50%); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; right: unset; left: -24px; } .clouds-review { padding: 55px 0 0; margin: 0 0 55px 0; } .clouds-review__title { margin: 0 0 30px 0; } } @media screen and (min-width: 1440px) {} .support-price { border-top: 1px solid #ededed; margin: 35px 0 35px 0; padding: 35px 0 0; } .support-price__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 20px 0; } .support-price__accordion { margin: 0 -20px; } .support-price__element.is-active .support-price__button svg { -webkit-transform: translateZ(0) rotate(180deg); transform: translateZ(0) rotate(180deg); } .support-price__element:last-child .support-price__box { padding-bottom: 0; } .support-price__head { 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; position: relative; } .support-price__head--gray { background-color: #f5f5f5; } .support-price__head--yellow { background-color: #ffa800; } .support-price__head--purple { background-color: #623fa2; color: #fff; } .support-price__inner { margin: 0 0 10px 0; } .support-price__name { font-size: 18px; font-weight: 800; line-height: 1.3; margin: 0 0 2px 0; } .support-price__time { font-size: 18px; font-weight: 800; line-height: 1.3; } .support-price__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support-price__price { font-size: 30px; font-weight: 800; line-height: 1.3; margin: 0 0 10px 0; } .support-price__note { font-size: 14px; font-weight: 600; line-height: 1.25; } .support-price__button { background-color: transparent; border: none; color: inherit; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; } .support-price__button svg { position: absolute; right: 27px; top: 27px; -webkit-transform: translateZ(0); transform: translateZ(0); -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; } .support-price__box { padding: 20px 20px 30px; } .support-price__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support-price__item { border-bottom: 1px solid #ededed; margin: 0 0 15px 0; padding: 0 0 20px; } .support-price__item:last-child { margin: 0 0 30px 0; } .support-price__desc { font-size: 16px; font-weight: 400; line-height: 1.3; } .support-price__link { font-size: 14px; font-weight: 600; line-height: 1; padding: 10px; } .support-price__footer { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 600; line-height: 1.3; margin: 30px 0 0 0; text-decoration: underline; } @media screen and (min-width: 1024px) { .support-price { margin: 55px 0 55px 0; padding: 55px 0 0; } .support-price__title { margin: 0 0 30px 0; text-align: center; } .support-price__accordion { border-radius: 10px; display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; margin: 0; } .support-price__element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support-price__element:last-child .support-price__box { padding-bottom: 30px; } .support-price__element:last-child .support-price__content { border-radius: 0 0 10px 0; } .support-price__element:first-child .support-price__wrap { border-left: 1px solid #ededed; } .support-price__element:first-child .support-price__content { border-left: 1px solid #ededed; border-radius: 0 0 0 10px; } .support-price__head { padding: 0; } .support-price__head--gray { background-color: #fff; } .support-price__head--yellow { background-color: #fff; } .support-price__head--purple { background-color: #fff; color: #000; } .support-price__inner { -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; margin: 0; padding: 21px 10px 28px; } .support-price__inner--gray { background-color: #f5f5f5; } .support-price__inner--yellow { background-color: #ffa800; } .support-price__inner--purple { background-color: #623fa2; color: #fff; } .support-price__name { font-size: 20px; margin: 0; } .support-price__wrap { padding: 20px 0 0 0; border-right: 1px solid #ededed; } .support-price__price { font-size: 36px; margin: 0 0 5px 0; text-align: center; } .support-price__note { font-size: 16px; font-weight: 700; line-height: 1.3; margin: 0 0 20px 0; text-align: center; } .support-price__button { display: none; } .support-price__content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; } .support-price__box { padding: 0 30px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support-price__item { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 20px 0; position: relative; } .support-price__item::after { background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(52.08%, #ccc), to(#fff)); background: -o-linear-gradient(left, #fff 0%, #ccc 52.08%, #fff 100%); background: linear-gradient(90deg, #fff 0%, #ccc 52.08%, #fff 100%); content: ''; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } .support-price__item:last-child::before { background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(52.08%, #ccc), to(#fff)); background: -o-linear-gradient(left, #fff 0%, #ccc 52.08%, #fff 100%); background: linear-gradient(90deg, #fff 0%, #ccc 52.08%, #fff 100%); bottom: 0; content: ''; height: 1px; left: 0; position: absolute; width: 100%; } .support-price__desc { text-align: center; } .support-price__link { margin: auto 0 0 0; } .support-price__footer { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .support-included { background-color: #fbfafd; padding: 35px 0; } .support-included.clouds-included { margin: 0 0 35px 0; } .support-included__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 20px 0; } .support-included .migration-offer__inner { background-color: #fff; } @media screen and (min-width: 1024px) { .support-included__title { text-align: center; margin: 0 0 30px 0; } .support-included { padding: 55px 0; } } @media screen and (min-width: 768px) { .support-price__content { max-height: none !important; } } @media screen and (max-width: 768px) { .clouds-technical__list { padding-left: 0; } } .clouds-advantages__list, .clouds-migration__controls, .clouds-migration__list, .clouds-causes__list, .clouds-technical__list, .support-price__list { padding-left: 0 !important; } .clouds-technical__list { margin-top: 30px; } @media (max-width: 1280px) { .clouds-technical__list { margin-top: 10px; } } .about-company-hero__img { height: auto; width: 100% !important; } @media screen and (min-width: 768px) { .nav__item:not(:last-child) { margin: 0 18px 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.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 */ /* /local/templates/new_template/library_highlight/styles/a11y-dark.min.css?16674007091158 */ /* /local/templates/shop/assets/main/css/plugins.min.css?166740071113887 */ /* /local/templates/shop/assets/main/css/style.css?168067446584693 */ /* /local/templates/new_template/components/bitrix/menu/integ.menu/style.min.css?16674007113715 */ /* /local/templates/new_template/components/bitrix/menu/template_menu_footer/style.min.css?1667400711490 */ /* /local/templates/.default/components/bitrix/sale.basket.basket.line/fixed-cart/style.min.css?16674007113712 */ /* /local/templates/new_template/assets/css/main.css?166740070969280 */ /* /local/templates/new_template/assets/css/media.css?166740070945740 */ /* /local/templates/new_template/assets/css/styles.scss.css?1679580786138069 */ /* /local/templates/new_template/assets/css/slick.css?16674007091839 */ /* /local/templates/new_template/assets/css/header-footer.css?166740070927625 */ /* /local/templates/new_template/assets/css/edu_styles.css?166740070968205 */ /* /local/templates/new_template/assets/css/owl.theme.default.min.css?16674007091013 */ /* /local/templates/new_template/assets/css/viz_styles.css?16674007095363 */ /* /local/templates/new_template/assets/css/slick-theme.css?16674007091715 */ /* /local/templates/new_template/styles.css?1748544464367777 */ /* /local/templates/new_template/template_styles.css?1748544398126481 */ /* /local/templates/integrator2021/static/css/styles.css?1748544580296197 */