/* Start:/bitrix/templates/razvitie/font/stylesheet.css?16663889654981*/ @font-face { font-family: 'Euclid Circular A'; src: url('/bitrix/templates/razvitie/font/EuclidCircularA-Bold.eot'); src: local('Euclid Circular A Bold'), local('EuclidCircularA-Bold'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Bold.woff2') format('woff2'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Bold.woff') format('woff'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Euclid Circular A'; src: url('/bitrix/templates/razvitie/font/EuclidCircularA-Light.eot'); src: local('Euclid Circular A Light'), local('EuclidCircularA-Light'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Light.woff2') format('woff2'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Light.woff') format('woff'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Euclid Circular A'; src: url('/bitrix/templates/razvitie/font/EuclidCircularA-BoldItalic.eot'); src: local('Euclid Circular A Bold Italic'), local('EuclidCircularA-BoldItalic'), url('/bitrix/templates/razvitie/font/EuclidCircularA-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/razvitie/font/EuclidCircularA-BoldItalic.woff2') format('woff2'), url('/bitrix/templates/razvitie/font/EuclidCircularA-BoldItalic.woff') format('woff'), url('/bitrix/templates/razvitie/font/EuclidCircularA-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Euclid Circular A'; src: url('/bitrix/templates/razvitie/font/EuclidCircularA-LightItalic.eot'); src: local('Euclid Circular A Light Italic'), local('EuclidCircularA-LightItalic'), url('/bitrix/templates/razvitie/font/EuclidCircularA-LightItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/razvitie/font/EuclidCircularA-LightItalic.woff2') format('woff2'), url('/bitrix/templates/razvitie/font/EuclidCircularA-LightItalic.woff') format('woff'), url('/bitrix/templates/razvitie/font/EuclidCircularA-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Euclid Circular A'; src: url('/bitrix/templates/razvitie/font/EuclidCircularA-Regular.eot'); src: local('Euclid Circular A Regular'), local('EuclidCircularA-Regular'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Regular.woff2') format('woff2'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Regular.woff') format('woff'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Euclid Circular A'; src: url('/bitrix/templates/razvitie/font/EuclidCircularA-SemiBold.eot'); src: local('Euclid Circular A SemiBold'), local('EuclidCircularA-SemiBold'), url('/bitrix/templates/razvitie/font/EuclidCircularA-SemiBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/razvitie/font/EuclidCircularA-SemiBold.woff2') format('woff2'), url('/bitrix/templates/razvitie/font/EuclidCircularA-SemiBold.woff') format('woff'), url('/bitrix/templates/razvitie/font/EuclidCircularA-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Euclid Circular A'; src: url('/bitrix/templates/razvitie/font/EuclidCircularA-Medium.eot'); src: local('Euclid Circular A Medium'), local('EuclidCircularA-Medium'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Medium.woff2') format('woff2'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Medium.woff') format('woff'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Euclid Circular A'; src: url('/bitrix/templates/razvitie/font/EuclidCircularA-Italic.eot'); src: local('Euclid Circular A Italic'), local('EuclidCircularA-Italic'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Italic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Italic.woff2') format('woff2'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Italic.woff') format('woff'), url('/bitrix/templates/razvitie/font/EuclidCircularA-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Euclid Circular A'; src: url('/bitrix/templates/razvitie/font/EuclidCircularA-SemiBoldItalic.eot'); src: local('Euclid Circular A SemiBold Italic'), local('EuclidCircularA-SemiBoldItalic'), url('/bitrix/templates/razvitie/font/EuclidCircularA-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/razvitie/font/EuclidCircularA-SemiBoldItalic.woff2') format('woff2'), url('/bitrix/templates/razvitie/font/EuclidCircularA-SemiBoldItalic.woff') format('woff'), url('/bitrix/templates/razvitie/font/EuclidCircularA-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Euclid Circular A'; src: url('/bitrix/templates/razvitie/font/EuclidCircularA-MediumItalic.eot'); src: local('Euclid Circular A Medium Italic'), local('EuclidCircularA-MediumItalic'), url('/bitrix/templates/razvitie/font/EuclidCircularA-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/razvitie/font/EuclidCircularA-MediumItalic.woff2') format('woff2'), url('/bitrix/templates/razvitie/font/EuclidCircularA-MediumItalic.woff') format('woff'), url('/bitrix/templates/razvitie/font/EuclidCircularA-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } /* End */ /* Start:/bitrix/templates/razvitie/css/select2.min.css?168607458816264*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/bitrix/templates/razvitie/css/swiper-bundle.min.css?166638896515563*/ /** * Swiper 7.3.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 22, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/razvitie/libs/fancybox/fancybox.css?179190145215598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/bitrix/templates/razvitie/css/style.css?1696308581203061*/ @charset "UTF-8"; *, *::before, *::after { box-sizing: border-box; } html { font-family: "Euclid Circular A"; font-size: 0.4408335vw; font-style: normal; font-weight: normal; -webkit-animation: bugfix infinite 1s; line-height: 1.2; margin: 0; padding: 0; } @media (max-width: 1200px) { html { font-size: 0.5208335vw; } } body { font-style: normal; font-weight: normal; -webkit-animation: bugfix infinite 1s; line-height: 1.2; margin: 0; padding: 0; color: #1B1B1B; background-color: #E9EBF2; font-size: 3rem; } input, textarea { -webkit-animation: bugfix infinite 1s; line-height: inherit; margin: 0; padding: 0; background-color: transparent; border: none; color: inherit; } a { color: unset; } a, a:hover { text-decoration: none; } button, input, a, textarea { outline: none; cursor: pointer; font: inherit; } button:focus, input:focus, a:focus, textarea:focus { outline: none; } button:active, input:active, a:active, textarea:active { outline: none; } h1, h2, h3, h4, h5, h6 { font: inherit; margin: 0; padding: 0; } p { margin-top: 0; margin-bottom: 0; } img { width: 100%; height: auto; display: block; } button { border: none; color: inherit; font: inherit; text-align: inherit; padding: 0; background-color: transparent; } ul { padding: 0; margin: 0; } ul li { margin: 0; padding: 0; list-style: none; } .container { width: 143rem; margin: 0 auto; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } @media (max-width: 48em) { html { font-size: 5px; font-size: 1.5625vw; font-size: 1.2077294686vw; -webkit-text-size-adjust: none; } body { -webkit-text-size-adjust: none; } .container { padding: 0 4rem; width: 100%; } } .page-pagination { margin: 4.5rem 0; } .page-pagination__container { display: flex; flex-wrap: wrap; align-items: center; } .page-pagination__page { font-weight: 500; font-size: 1.5rem; line-height: 1.9rem; text-transform: uppercase; } .page-pagination__page--old { color: #9AA0B5; } .page-pagination__page--old:hover { color: #757988; } .page-pagination__page--current { font-weight: 700; color: #757988; } .page-pagination__arrow { width: 1rem; height: 1.6rem; margin: 0 1.8rem; } .page-pagination__arrow path { fill: #CD010C; stroke: #CD010C; } .whatsapp-btn { position: fixed; right: 10rem; bottom: 10rem; z-index: 5; display: flex; align-items: center; justify-content: center; cursor: pointer; } .whatsapp-btn__bg { position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 100%; background-color: rgba(83, 196, 64, 0.2); animation: pulsation 3s infinite linear; } .whatsapp-btn__circle { display: flex; align-items: center; justify-content: center; width: 10.3rem; height: 10.3rem; border-radius: 100%; background-color: #53C440; } .whatsapp-btn__circle > svg { width: 4.8rem; height: 4.8rem; } .whatsapp-btn__circle > svg path { fill: white; } @keyframes pulsation { 0% { transform: scale(1); } 50% { transform: scale(1.25); } 100% { transform: scale(1); } } .navigation-block { display: flex; align-items: center; } .navigation-block__pagination-block { display: flex; align-items: center; margin-right: 5.8rem; } .navigation-block__pagination { display: flex; align-items: center; margin: 0 2.5rem; } .navigation-block__pagination .swiper-pagination-bullet-active { background-color: #CD010C; } .navigation-block__current-slide { font-weight: 600; font-size: 2rem; line-height: 2.5rem; } .navigation-block__total-slide { font-size: 2rem; line-height: 2.5rem; color: #757988; } .navigation-block__arrows { display: flex; align-items: center; } .navigation-block__arrow { width: 2.6rem; height: 2.6rem; cursor: pointer; } .navigation-block__arrow path { stroke: #1B1B1B; } .navigation-block__arrow:first-child { margin-right: 1.7rem; } .review-doc-img-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: 85%; max-width: 85%; } .review-doc-img-box > img, .review-doc-img-box picture, .review-doc-img-box picture > img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .up-btn { display: none; position: fixed; left: 14rem; top: 15rem; z-index: 9; width: 12rem; height: 12rem; border-radius: 100%; border: 1px solid #9EA3B6; } .up-btn > svg { position: absolute; left: 50%; top: 50%; width: 3.4rem; height: 3.4rem; transform: translate(-50%, -50%) rotate(180deg); } .up-btn > svg path { fill: #9EA3B6; stroke: #9EA3B6; } .up-btn:hover { border: 1px solid #757988; } .up-btn:hover > svg path { fill: #757988; stroke: #757988; } @media (max-width: 1200px) { .up-btn { left: 6.5rem; top: 15rem; width: 10rem; height: 10rem; } .up-btn > svg { width: 3rem; height: 3rem; } } .tech-work { margin: 12rem 0; text-align: center; } .tech-work__title { width: 115rem; margin: 0 auto; font-weight: 600; font-size: 5.5rem; line-height: 6rem; } .tech-work__img-box { width: 45rem; height: 39.3rem; margin: 5rem auto; } .tech-work__img-box > img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .tech-work__text { width: 90rem; margin: 0 auto; font-size: 2.8rem; line-height: 3.4rem; } @media (max-width: 48em) { .page-pagination { margin: 6rem 0; } .page-pagination__page { max-width: 54rem; margin-bottom: 2rem; font-size: 3rem; line-height: 3.8rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .page-pagination__arrow { width: 2rem; height: 3.2rem; margin: 0 3.6rem 2rem 3.6rem; } .navigation-block { justify-content: space-between; } .navigation-block__pagination-block { margin-right: 0; } .navigation-block__pagination { margin: 0 5rem; } .navigation-block__current-slide { font-size: 4rem; line-height: 5rem; } .navigation-block__total-slide { font-size: 4rem; line-height: 5rem; } .navigation-block__arrow { width: 5.2rem; height: 5.2rem; } .navigation-block__arrow:first-child { margin-right: 3.4rem; } .review-doc-img-box { width: 90%; height: auto; max-width: none; } .up-btn { left: 4rem; top: 10rem; width: 12rem; height: 12rem; border: none; background-color: white; -webkit-box-shadow: 0 0.6rem 3rem 1rem rgba(0, 0, 0, 0.3); box-shadow: 0 0.6rem 3rem 1rem rgba(0, 0, 0, 0.3); } .up-btn > svg { width: 3.4rem; height: 3.4rem; } .up-btn > svg path { fill: #757988; stroke: #757988; } .up-btn:hover { border: none; } .tech-work { margin: 20rem 0; } .tech-work__title { width: 100%; font-size: 6rem; line-height: 7.6rem; } .tech-work__img-box { width: 100%; height: 60rem; } .tech-work__text { width: 100%; font-size: 4.4rem; line-height: 5.4rem; } } .header__block { position: relative; display: flex; align-items: center; } .header__block--top { background-color: #fff; margin-bottom: 2rem; } .header__container { display: flex; justify-content: space-between; align-items: center; } .header__link { font-size: 1.8rem; line-height: 2.28rem; } .header__link--top { flex-grow: 5; display: flex; align-items: center; justify-content: center; min-height: 6rem; font-size: 1.6rem; line-height: 2.03rem; } .header__link--top > svg { width: 2.6rem; height: 2.6rem; margin-right: 1.1rem; } .header__link--top > svg path { stroke: #9AA0B5; } .header__link--location { flex-grow: 10; justify-content: flex-start; } .header__link--mail > svg { width: 2.1rem; height: 2.3rem; } .header__link--mail > svg > path { fill: #9AA0B5; stroke: transparent; } .header__link--mail > svg mask, .header__link--mail > svg rect { width: 100%; height: 100%; } .header__link--img > img, .header__link--img picture, .header__link--img picture > img { width: 3.1rem; height: 2.9rem; margin-right: 1.1rem; } .header__link--bold { font-weight: bold; } .header__link--portal { display: flex; align-items: center; } .header__link--portal > svg { width: 2.7rem; height: 2.7rem; margin-right: 1.1rem; } .header__link--portal > svg path { stroke: #CD010C; } .header__link--contact-us { border-bottom: 1px solid #1B1B1B; } .header__link--phone { display: flex; align-items: center; font-weight: bold; font-size: 1.9rem; line-height: 2.41rem; } .header__link--phone > svg { width: 2.2rem; height: 2.2rem; margin-left: 1.2rem; } .header__link--phone > svg path { stroke: #CD010C; } .header__link--personal { flex-grow: 10; justify-content: flex-end; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; } .header__link--personal > svg { width: 2rem; height: 2.4rem; margin-right: 1.5rem; } .header__link--personal > svg path { stroke: #CD010C; } .header__link._active { color: var(--clr-link--active); border-bottom: 1px solid var(--clr-link--active); } .header__logo { flex: none; display: block; width: 16rem; height: 11.9rem; margin-right: 5.5rem; } .header__logo > img, .header__logo picture, .header__logo picture > img { width: 100%; height: 100%; } .header__main-menu-container { flex: auto; } .header__main-menu-block { display: flex; align-items: center; justify-content: space-between; } .header__main-menu-block:nth-child(2) { margin-top: 2rem; } .header__links { display: flex; align-items: center; justify-content: space-between; } .header__links--light { min-width: 35.5rem; } .header__links--bold { width: 44rem; } .header__about-menu { position: relative; } .header__about-menu:hover svg { transform: rotate(180deg); } .header__about-menu:hover .header__about-list-bg { opacity: 1; } .header__about-menu:hover .header__about-list { max-height: 100rem; padding: 3rem; } .header__about-menu-btn { position: relative; z-index: 3; display: flex; align-items: center; } .header__about-menu-btn > svg { width: 1.1rem; height: 1.1rem; margin-left: 0.5rem; cursor: pointer; transition: 0.5s ease; } .header__about-menu-btn > svg path { fill: #CD010C; } .header__about-list-bg { position: absolute; left: 0; top: 0; width: 100%; height: 5rem; } .header__about-list { position: absolute; top: 4rem; left: -3rem; z-index: 3; width: 42.5rem; max-height: 0; padding: 0 3rem; border-radius: 3rem; background-color: #fff; transition: 0.5s ease; overflow: hidden; } .header__about-list:before { content: ""; position: absolute; left: 3.2rem; top: -2.2rem; display: block; border: 1rem solid transparent; border-bottom: 2rem solid #fff; } .header__about-item { font-weight: 500; font-size: 1.8rem; line-height: 2.3rem; } .header__about-item:nth-child(n+2) { margin-top: 2.4rem; } .header__services-menu { position: relative; } .header__services-menu-name { position: relative; display: flex; align-items: center; width: 25.5rem; height: 6rem; padding: 0 3.5rem; border-radius: 0 100rem 100rem 100rem; background-color: #fff; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; cursor: pointer; } .header__services-menu-name:hover .header__services-list { max-height: 140rem; } .header__services-menu-name:hover:after { content: ""; position: absolute; left: 0; top: 90%; display: block; width: 100%; height: 10rem; } .header__services-menu-name:hover .header__services-burger > div { opacity: 0; } .header__services-menu-name:hover .header__services-burger:before { transform: translateY(0.7rem) rotate(45deg); } .header__services-menu-name:hover .header__services-burger:after { transform: translateY(-0.7rem) rotate(-45deg); } .header__services-burger { position: relative; display: flex; align-items: center; width: 2rem; height: 1.6rem; margin-right: 2.7rem; } .header__services-burger > div { width: 100%; height: 2px; background-color: #CD010C; opacity: 1; transition: opacity 0.3s ease; } .header__services-burger:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 2px; background-color: #CD010C; transition: transform 0.5s ease; } .header__services-burger:after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 2px; background-color: #CD010C; transition: transform 0.5s ease; } .header__services-list { position: absolute; top: 7rem; left: 0; z-index: 2; width: 37.4rem; max-height: 0; border-radius: 3rem 0 0 0; background-color: #fff; overflow: scroll; transition: 0.5s ease-in-out; transform: translateZ(0); } .header__services-item:nth-child(n+2) { border-top: 1px solid #C7CBDA; } .header__services-item:hover { background-color: #f5f5f5; } .header__services-item-name { display: flex; align-items: flex-start; justify-content: space-between; padding: 3rem 3rem 3rem 3.8rem; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; cursor: pointer; } .header__services-item-name > svg { flex: none; width: 1.6rem; height: 1rem; margin-top: 1rem; transition: 0.3s ease; } .header__services-item-name > svg path { fill: #CD010C; stroke: #CD010C; } .header__services-item-name.open > svg { transform: rotate(180deg); } .header__services-sub-list { display: none; padding: 0 3rem 0 6rem; transform: translateY(-3rem); } .header__services-sub-item { margin-top: 1.5rem; font-size: 1.8rem; line-height: 2.3rem; color: #757988; } .header__services-sub-item:hover { color: #0E62C4; } .header__search-form { display: flex; align-items: center; justify-content: space-between; width: 86.3rem; height: 6rem; padding: 0.4rem; border-radius: 100rem; border: 2px solid #0E62C4; background-color: #fff; } .header__search-input { width: 100%; height: 100%; padding: 0 3rem; font-size: 1.8rem; line-height: 2.3rem; } .header__search-input::placeholder { color: #757988; } .header__search-input:invalid + button { display: none; } .header__search-icon { flex: none; display: flex; align-items: center; justify-content: center; height: 100%; width: 5rem; border-radius: 100%; background-color: #CD010C; cursor: pointer; } .header__search-icon > svg { width: 2.3rem; height: 2.3rem; } .header__search-icon > svg path { fill: #fff; stroke: #fff; } .header__cart { position: relative; display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius: 100%; background-color: #1B1B1B; } .header__cart > svg { width: 2.6rem; height: 2.7rem; } .header__cart > svg path { stroke: white; } .header__cart-number { position: absolute; left: -3px; bottom: -3px; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 100%; background-color: #CD010C; font-size: 1.8rem; color: white; } .header__search-label-mob, .header__search-bg-mob { display: none; } .header__search-del { flex: none; display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; margin-right: 0.5rem; border-radius: 100%; background-color: #E9EBF2; } .header__search-del > span { position: relative; width: 1.6rem; height: 1.6rem; } .header__search-del > span::before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; transform: translateY(-50%) rotate(-45deg); background-color: #292D32; } .header__search-del > span::after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; transform: translateY(-50%) rotate(45deg); background-color: #292D32; } @media (max-width: 48em) { .header__block { z-index: 6; } .header__block--mobile { position: relative; z-index: 11; background-color: #fff; min-height: 16rem; } .header__block--mobile.active .header__burger-menu-btn, .header__block--mobile.active .header__logo, .header__block--mobile.active .header__mobile-personal, .header__block--mobile.active .header__mobile-cart { display: none; } .header__block--mobile.active .header__search-bg { position: fixed; left: 0; top: 16rem; z-index: 11; display: block; width: 100vw; height: 100vh; background-color: rgba(27, 27, 27, 0.2); cursor: pointer; } .header__block--mobile.active .header__search-label-mob { display: block; } .header__logo { width: 14rem; height: 10.4rem; margin: 0 9rem; } .header__mobile-btn { flex: none; display: flex; align-items: center; justify-content: center; width: 8.4rem; height: 8.4rem; border: 0.4rem solid #E9EBF2; border-radius: 100%; cursor: pointer; } .header__burger-menu-btn > span { position: relative; width: 2.8rem; height: 2px; border-radius: 100rem; background-color: black; transition: background-color 0.3s ease; } .header__burger-menu-btn > span:before { content: ""; position: absolute; left: 0; top: -1rem; display: block; width: 100%; height: 2px; border-radius: 100rem; background-color: black; transition: transform 0.3s ease; } .header__burger-menu-btn > span:after { content: ""; position: absolute; left: 0; bottom: -1rem; display: block; width: 100%; height: 2px; border-radius: 100rem; background-color: black; transition: transform 0.3s ease; } .header__burger-menu-btn.open > span { background-color: transparent; } .header__burger-menu-btn.open > span:before { transform: translateY(1rem) rotate(45deg); } .header__burger-menu-btn.open > span:after { transform: translateY(-1rem) rotate(-45deg); } .header__mobile-search-icon > svg { width: 3.8rem; height: 3.8rem; margin-left: 1px; } .header__mobile-search-icon > svg path { fill: black; stroke: black; } .header__mobile-personal { position: relative; } .header__mobile-personal:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%); display: block; width: 3rem; height: 2px; border-radius: 100rem; background-color: black; transition: 0.5s ease transform, 0.3s ease opacity; opacity: 0; } .header__mobile-personal:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%); display: block; width: 3rem; height: 2px; border-radius: 100rem; background-color: black; transition: 0.5s ease transform, 0.3s ease opacity; opacity: 0; } .header__mobile-personal > svg { width: 3.4rem; height: 4.4rem; } .header__mobile-personal > svg path { stroke: black; } .header__mobile-personal.open:before { transform: rotate(45deg) translate(-1rem, 1rem); opacity: 1; } .header__mobile-personal.open:after { transform: rotate(-45deg) translate(-1rem, -1rem); opacity: 1; } .header__mobile-personal.open > svg { opacity: 0; } .header__mobile-cart { position: relative; } .header__mobile-cart > svg { width: 4rem; height: 4rem; } .header__mobile-cart > svg path { stroke: black; } .header__cart-number { left: -0.8rem; bottom: -0.8rem; width: 4rem; height: 4rem; font-size: 2.2rem; } .header__burger-menu { position: absolute; left: 0; top: 100%; z-index: 5; display: none; width: 100vw; height: 110vh; padding: 4rem; border-top: 2px #C4C4C4 solid; background-color: #fff; overflow-y: scroll; } .header__burger-item { font-weight: 500; font-size: 3.4rem; line-height: 4.3rem; margin: 6rem 0; } .header__burger-item--portal { margin: 8rem 0 6rem 0; } .header__burger-item--portal > a { display: flex; align-items: center; font-weight: bold; font-size: 3.4rem; line-height: 4.3rem; } .header__burger-item--portal > a > svg { width: 5.4rem; height: 5.4rem; margin-right: 2.2rem; } .header__burger-item--portal > a > svg path { stroke: #CD010C; } .header__burger-item--info { display: flex; align-items: center; } .header__burger-item--info > a { display: flex; align-items: center; justify-content: center; } .header__burger-item--info svg { width: 4.6rem; height: 4.6rem; margin-right: 2.2rem; } .header__burger-item--info svg path { stroke: #9AA0B5; } .header__burger-item--phone { margin-bottom: 6rem; font-weight: bold; } .header__burger-item--phone svg { margin: 0 0 0 2rem; } .header__burger-item--phone svg path { stroke: #CD010C; } .header__burger-item--mail svg path { stroke: none; fill: #9AA0B5; } .header__burger-item--order-call { font-weight: bold; margin-bottom: 10rem; } .header__burger-item--order-call button { border-bottom: 1px solid var(--clr-text--primary); } .header__search-label-mob { flex: auto; padding-left: 4rem; } .header__search-input-mob { width: 100%; height: 100%; font-weight: 500; font-size: 3.4rem; line-height: 4.3rem; } } body { min-height: 100vh; position: relative; padding-bottom: 44rem; } @media (max-width: 48em) { body { padding-bottom: 250.5rem; } } .footer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 5.5rem 0 0 0; background-color: #fff; } .footer__content { display: flex; justify-content: space-between; padding: 3.5rem 0; } .footer__content:nth-child(2) { border-top: 2px solid #C4C4C4; } .footer__content--center { align-items: center; } .footer__content--end { align-items: flex-end; } .footer__logo { flex: none; display: block; width: 19.4rem; height: 14.4rem; margin-right: 12rem; } .footer__logo > img, .footer__logo picture, .footer__logo picture > img { width: 100%; height: 100%; object-fit: contain; } .footer__request-logo { display: block; width: 17.6rem; height: 5rem; } .footer__request-logo > img, .footer__request-logo picture, .footer__request-logo picture > img { width: 100%; height: 100%; object-fit: contain; } .footer__list { flex-grow: 1; } .footer__list--info { flex-grow: 1; } .footer__list--info .footer__list-item:not(:first-child) { margin-top: 2rem; } .footer__list--info .footer__list-item:last-child { display: none; } .footer__list--pay { display: flex; align-items: end; justify-content: end; } .footer__list--pay .footer__list-item img { width: 7.5rem; height: 4.4rem; object-fit: contain; } .footer__list--pay .footer__list-item:not(:first-child) { margin-left: 2rem; } .footer__list-item { font-weight: 500; font-size: 1.8rem; line-height: 2.3rem; } .footer__list-item:nth-child(n+2) { margin-top: 4rem; } .footer__wrapper-link { display: grid; } .footer__link { font-weight: 500; font-size: 1.8rem; line-height: 2.3rem; } .footer__link--portal { display: flex; align-items: center; } .footer__link--portal > svg { width: 2.7rem; height: 2.7rem; margin-right: 1.1rem; } .footer__link--portal > svg path { stroke: #CD010C; } .footer__link--phone { display: flex; align-items: center; justify-content: flex-end; font-weight: bold; font-size: 1.9rem; line-height: 2.41rem; } .footer__link--phone > svg { width: 2.2rem; height: 2.2rem; margin-left: 1.2rem; } .footer__link--phone > svg path { stroke: #CD010C; } .footer__link--clock { display: flex; align-items: center; justify-content: flex-end; font-size: 1.6rem; line-height: 2.03rem; } .footer__link--clock > svg { width: 2.6rem; height: 2.6rem; margin-right: 1.1rem; } .footer__link--clock > svg path { stroke: #9AA0B5; } .footer__link--mail { display: flex; align-items: center; justify-content: flex-end; } .footer__link--mail > svg { width: 2.1rem; height: 2.3rem; margin-right: 1.1rem; } .footer__link--mail > svg > path { fill: #9AA0B5; } .footer__link--mail > svg mask, .footer__link--mail > svg rect { width: 100%; height: 100%; } .footer__link--underline { text-decoration: underline; } .footer__link--order-call { font-weight: bold; font-size: 1.9rem; line-height: 2.41rem; border-bottom: 1px solid var(--clr-text--primary); } .footer__text { font-size: 1.8rem; line-height: 2.3rem; } .footer__socials { display: flex; justify-content: flex-end; } .footer__social { display: none; width: 3rem; height: 3rem; } .footer__social > svg { width: 100%; height: 100%; } .footer__social > svg path { stroke: #9AA0B5; } .footer__social:not(:last-child) { margin-right: 1rem; } .footer__social:hover > svg path { stroke: #0E62C4; } .footer__order-call { display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 48em) { .footer { padding: 2rem 0; } .footer__content { flex-direction: column; justify-content: normal; padding: 10rem 0; text-align: center; } .footer__content:nth-child(2) { border-top: 2px solid #C4C4C4; } .footer__content--center > *:not(:last-child) { margin-bottom: 8rem; } .footer__content--end { align-items: center; } .footer__logo { width: 38.8rem; height: 28.8rem; margin: 0 auto; } .footer__request-logo { width: 35.2rem; height: 10rem; } .footer__list { flex-grow: 0; } .footer__list:nth-child(n+2) { margin-top: 6rem; } .footer__list--info { flex-grow: 0; margin-top: 10rem; } .footer__list--info .footer__list-item:last-child { display: block; } .footer__list--pay { align-items: center; justify-content: center; margin-bottom: 6rem; } .footer__list--pay .footer__list-item img { width: 13.8rem; height: 8.3rem; object-fit: contain; } .footer__list--pay .footer__list-item:not(:first-child) { margin-top: 0; } .footer__list-item { font-size: 3.4rem; line-height: 4.3rem; } .footer__list-item:nth-child(n+2) { margin-top: 6rem; } .footer__wrapper-link { margin-bottom: 6rem; } .footer__link { justify-content: center; font-size: 3.4rem; line-height: 4.3rem; } .footer__link--portal > svg { width: 5.4rem; height: 5.4rem; margin-right: 2.2rem; } .footer__link--phone { justify-content: center; font-weight: 500; font-size: 3.4rem; line-height: 4.3rem; } .footer__link--phone > span { order: 2; } .footer__link--phone > svg { order: 1; width: 4.4rem; height: 4.4rem; margin-left: 0; margin-right: 3.4rem; } .footer__link--phone > svg path { stroke: #9AA0B5; } .footer__link--clock { justify-content: center; font-weight: 500; font-size: 3.4rem; line-height: 4.3rem; } .footer__link--clock > svg { width: 5.2rem; height: 5.2rem; margin-right: 2.2rem; } .footer__link--mail { justify-content: center; font-weight: 500; font-size: 3.4rem; line-height: 4.3rem; } .footer__link--mail > svg { width: 4.2rem; height: 4.6rem; margin-right: 2.2rem; } .footer__link--order-call { font-size: 3.4rem; line-height: 4.3rem; font-weight: bold; } .footer__text { width: 60rem; margin-bottom: 4rem; font-size: 3.3rem; line-height: 4.6rem; } .footer__socials { justify-content: center; } .footer__social { display: block; width: 6rem; height: 6rem; } .footer__social:not(:last-child) { margin-right: 4rem; } .footer__order-call { justify-content: center; margin-top: 6rem; margin-bottom: 3rem; } } .main-intro { margin-bottom: 6rem; margin-top: 7rem; } .main-intro__container { display: flex; justify-content: space-between; align-items: center; } .main-intro__info-block { width: 65rem; } .main-intro__slider { margin-bottom: 8rem; } .main-intro__item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .main-intro__title { width: 90%; margin-bottom: 5rem; font-weight: 600; font-size: 5.5rem; line-height: 6rem; } .main-intro__slider-btn { display: flex; align-items: center; justify-content: center; width: fit-content; height: 6rem; padding: 0 3rem; margin-right: 3rem; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; color: white; transition: var(--transition-button); } .main-intro__slider-btn:hover { background-color: var(--clr-button--hover); } .main-intro__slider-btn > svg { width: 2.6rem; height: 1.5rem; margin-left: 2.5rem; } .main-intro__slider-btn > svg path { stroke: white; } .main-intro__description { flex: auto; font-size: 1.8rem; line-height: 2.7rem; } .main-intro__item-text-box { display: flex; align-items: center; } .main-intro__navigation-block { display: flex; align-items: center; width: fit-content; margin-bottom: 7rem; } .main-intro__arrow { width: 2.6rem; height: 2.6rem; cursor: pointer; } .main-intro__arrow path { stroke: #1B1B1B; } .main-intro__pagination { width: fit-content; font-size: 2.3rem; line-height: 2.9rem; margin: 0 1.4rem; } .main-intro__pagination > .swiper-pagination-current { font-weight: bold; } .main-intro__pagination > .swiper-pagination-total { font-weight: 300; } .main-intro__category { width: 52.5rem; } .main-intro__category-title { margin-bottom: 3.2rem; font-weight: bold; font-size: 2.3rem; line-height: 2.9rem; } .main-intro__category-links { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .main-intro__link-category { display: flex; align-items: center; justify-content: center; width: 25.5rem; min-height: 6rem; padding: 0 2rem; border-radius: 100rem; background-color: white; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; text-align: center; cursor: pointer; } .main-intro__link-category:nth-child(n+3) { margin-top: 1.5rem; } .main-intro__link-category:hover { background-color: #f5f5f5; } .main-intro__image-block { position: relative; width: 62.7rem; height: 72.4rem; } .main-intro__box { position: absolute; display: flex; flex-direction: column; justify-content: center; width: 33.333%; height: 25%; overflow: hidden; transition: 0.5s ease transform; contain: content; } .main-intro__box p { width: 15rem; margin: 0 2.5rem 0 auto; text-align: right; } .main-intro__box--align-left p { text-align: left; } .main-intro__box > img, .main-intro__box picture, .main-intro__box picture > img { width: 100%; height: 100%; object-fit: cover; } .main-intro__box#main-intro-box1 { will-change: transform; transform: translate3d(0, 0, 0); border-radius: 0 9rem 0 0; background-color: #fff; } .main-intro__box#main-intro-box2 { will-change: transform; transform: translate3d(100%, 0, 0); border-radius: 9rem 0; background-color: #BAC9D9; } .main-intro__box#main-intro-box3 { will-change: transform; transform: translate3d(200%, 0, 0); border-radius: 0 0 0 9rem; background-color: #608BBF; } .main-intro__box#main-intro-box4 { will-change: transform; transform: translate3d(0, 100%, 0); border-radius: 9rem 0 0 0; background-color: #BAC9D9; } .main-intro__box#main-intro-box5 { will-change: transform; transform: translate3d(100%, 100%, 0); border-radius: 9rem; background-color: #608BBF; } .main-intro__box#main-intro-box6 { will-change: transform; transform: translate3d(200%, 100%, 0); border-radius: 0 0 9rem 0; background-color: #BAC9D9; } .main-intro__box#main-intro-box7 { will-change: transform; transform: translate3d(0, 200%, 0); border-radius: 9rem 0 0 0; background-color: #608BBF; } .main-intro__box#main-intro-box8 { will-change: transform; transform: translate3d(100%, 200%, 0); border-radius: 0 0 10rem 0; background-color: #fff; } .main-intro__box#main-intro-box9 { will-change: transform; transform: translate3d(200%, 200%, 0); border-radius: 0; background-color: #9AA0B5; } .main-intro__box#main-intro-box10 { will-change: transform; transform: translate3d(0, 300%, 0); border-radius: 9rem 0; background-color: #fff; } .main-intro__box#main-intro-box11 { will-change: transform; transform: translate3d(100%, 300%, 0); border-radius: 0; background-color: #fff; } .main-intro__box#main-intro-box12 { will-change: transform; transform: translate3d(200%, 300%, 0); border-radius: 0 9rem 0 0; background-color: #608BBF; } .main-intro__box-text { font-size: 1.8rem; line-height: 2.3rem; } .main-intro__box-text--light { color: #fff; } .main-intro__box-text:nth-child(n+2) { margin-top: 1.5rem; } .main-intro__box-number { font-weight: 600; font-size: 3.3rem; line-height: 4.2rem; } .main-intro__box-number--light { color: #fff; } .main-intro__box-number:nth-child(n+2) { margin-top: 1.5rem; } @media (max-width: 48em) { .main-intro { margin-bottom: 12rem; margin-top: 5rem; } .main-intro__container { flex-direction: column; justify-content: normal; align-items: normal; } .main-intro__info-block { order: 2; width: 100%; } .main-intro__slider { margin-bottom: 10rem; } .main-intro__title { order: 1; width: 100%; margin-bottom: 4rem; font-size: 6rem; line-height: 7.6rem; } .main-intro__slider-btn { order: 3; height: 12rem; padding: 0 6rem; border-radius: 6rem 0 0 0; font-size: 3.6rem; line-height: 4.6rem; } .main-intro__slider-btn > svg { width: 5.2rem; height: 3rem; margin-left: 5rem; } .main-intro__description { order: 2; margin-bottom: 8rem; width: 100%; font-weight: 300; font-size: 3.4rem; line-height: 4.3rem; } .main-intro__item-text-box { order: 2; display: flex; flex-direction: column; align-items: normal; } .main-intro__navigation-block { margin-bottom: 10rem; } .main-intro__arrow { width: 5.2rem; height: 5.2rem; } .main-intro__pagination { font-size: 3.4rem; line-height: 4.3rem; margin: 0 2rem; } .main-intro__category { width: 100%; } .main-intro__category-title { margin-bottom: 6rem; font-size: 5rem; line-height: 6.3rem; } .main-intro__link-category { width: 36rem; min-height: 12rem; font-size: 3.4rem; line-height: 4.3rem; hyphens: auto; } .main-intro__link-category:nth-child(n+3) { margin-top: 3rem; } .main-intro__image-block { order: 1; position: relative; width: 100%; height: 86.3rem; margin-bottom: 6rem; } .main-intro__box p { width: 18rem; margin: 0 2.6rem 0 auto; } .main-intro__box-text { font-size: 2.4rem; line-height: 3rem; } .main-intro__box-text:nth-child(n+2) { margin-top: 1.2rem; } .main-intro__box-number { font-size: 4rem; line-height: 5rem; } .main-intro__box-number:nth-child(n+2) { margin-top: 1.2rem; } } .prog-study { margin-bottom: 6rem; } .prog-study__title-content { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6rem; } .prog-study__title { font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .prog-study__title { font-size: 6rem; line-height: 7.6rem; } } .prog-study__title-link { display: flex; align-items: center; font-weight: 600; font-size: 1.5rem; line-height: 1.9rem; text-transform: uppercase; } .prog-study__title-link > svg { width: 1rem; height: 1.6rem; margin-left: 1.3rem; } .prog-study__title-link > svg path { fill: #1B1B1B; stroke: #1B1B1B; } .prog-study__cards { display: grid; grid-template-columns: repeat(8, 1fr); grid-auto-rows: minmax(27.9rem, 28.9rem); } .prog-study__item { position: relative; display: flex; align-items: center; justify-content: center; padding: 3rem; border-radius: 3rem; background-color: #fff; } @media (min-width: 48.01em) { .prog-study__item:nth-child(1) { grid-column-start: 1; grid-column-end: 4; margin-right: 1rem; margin-bottom: 0.5rem; } .prog-study__item:nth-child(2) { grid-column-start: 4; grid-column-end: 7; margin-right: 1rem; margin-bottom: 0.5rem; } .prog-study__item:nth-child(3) { grid-column-start: 7; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; flex-direction: column; align-items: normal; justify-content: space-between; } .prog-study__item:nth-child(3) > .prog-study__img-box { width: 100%; height: 31.6rem; } .prog-study__item:nth-child(4) { grid-column-start: 1; grid-column-end: 3; margin-right: 1rem; margin-top: 0.5rem; } .prog-study__item:nth-child(4) > .prog-study__img-box { display: none; } .prog-study__item:nth-child(5) { grid-column-start: 3; grid-column-end: 7; margin-right: 1rem; margin-top: 0.5rem; } } .prog-study__item.open { position: relative; z-index: 6; border-radius: 3rem 3rem 0 0; } .prog-study__item.open .prog-study__item-btn > svg { transform: rotate(180deg); } .prog-study__img-box { width: 23rem; height: 23rem; margin-right: 3rem; } .prog-study__img-box > img, .prog-study__img-box picture, .prog-study__img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .prog-study__text-block { max-width: 29rem; } .prog-study__item-title { margin-bottom: 1rem; font-weight: 600; font-size: 2.6rem; line-height: 3.4rem; } .prog-study__item-description { margin-bottom: 2rem; font-size: 1.6rem; line-height: 2rem; color: #757988; } .prog-study__item-link { display: flex; align-items: center; font-size: 1.6rem; line-height: 2rem; color: #757988; } .prog-study__item-link > svg { width: 0.9rem; height: 1.6rem; margin-left: 1rem; } .prog-study__item-link > svg path { fill: #757988; stroke: #757988; } .prog-study__item-link:hover { color: #9AA0B5; } .prog-study__item-link:hover path { fill: #9AA0B5; stroke: #9AA0B5; } .prog-study__item-btn { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 11.7rem; height: 5.5rem; border-radius: 10rem 0 6rem 0; background-color: #0E62C4; transition: var(--transition-button); } .prog-study__item-btn:hover { background-color: var(--clr-button--hover); } .prog-study__item-btn > svg { width: 2.7rem; height: 2.7rem; transition: transform 0.25s ease; } .prog-study__item-btn > svg path { stroke: white; } .prog-study__item-btn:hover { background-color: #166fd7; } .prog-study__card-sub-item { display: none; position: absolute; left: 0; top: 100%; width: 100%; border-radius: 0 0 3rem 3rem; background-color: white; } .prog-study__card-item { padding: 3rem 4rem; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; border-top: 1px solid #C7CBDA; } .prog-study__card-item--gray { font-weight: normal; color: #757988; } .prog-study__card-item > a { display: flex; align-items: center; justify-content: space-between; } .prog-study__card-item > a > span:last-child { flex: none; margin-left: 2rem; } .prog-study__card-more-link { display: block; width: fit-content; margin: 3rem auto; border-bottom: 1px solid #CD010C; font-weight: 500; font-size: 1.8rem; line-height: 2.7rem; color: #CD010C; } .prog-study__card-open-bg { display: none; position: fixed; left: 0; top: 0; z-index: 5; width: 100vw; height: 100vh; background-color: rgba(27, 27, 27, 0.2); } @media (max-width: 48em) { .prog-study { margin-bottom: 12rem; } .prog-study__title-content { flex-direction: column; justify-content: normal; align-items: normal; margin-bottom: 10rem; } .prog-study__title { margin-bottom: 6rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } } @media (max-width: 48em) and (max-width: 48em) { .prog-study__title { font-size: 6rem; line-height: 7.6rem; } } @media (max-width: 48em) { .prog-study__title-link { font-size: 3rem; line-height: 3.8rem; } .prog-study__title-link > svg { width: 2rem; height: 3.2rem; margin-left: 2.6rem; } } @media (max-width: 48em) { .prog-study__cards { display: block; } } @media (max-width: 48em) { .prog-study__item { flex-wrap: wrap; justify-content: normal; min-height: 38rem; padding: 4rem; border-radius: 6rem 6rem 9rem 6rem; } .prog-study__item:nth-child(n+2) { margin-top: 2rem; } .prog-study__item.open { border-radius: 6rem; } } @media (max-width: 48em) { .prog-study__img-box { flex: none; width: 25rem; height: 100%; margin-right: 1rem; } } @media (max-width: 48em) { .prog-study__text-block { max-width: none; width: 40rem; } } @media (max-width: 48em) { .prog-study__item-title { margin-bottom: 4rem; font-size: 5rem; line-height: 6.3rem; } } @media (max-width: 48em) { .prog-study__item-description { display: none; } } @media (max-width: 48em) { .prog-study__item-link { font-size: 3.2rem; line-height: 4rem; } .prog-study__item-link > svg { width: 1.8rem; height: 3.2rem; margin-left: 2rem; } } @media (max-width: 48em) { .prog-study__item-btn { width: 17.2rem; height: 8rem; border-radius: 20rem 0 12rem 0; } .prog-study__item-btn > svg { width: 4rem; height: 4rem; } } @media (max-width: 48em) { .prog-study__card-sub-item { position: static; width: 100%; background-color: transparent; } } @media (max-width: 48em) { .prog-study__card-item { margin: 0 -4rem 0 -2rem; padding: 6rem; font-size: 3.4rem; line-height: 4.3rem; border-top: none; border-bottom: 1px solid #C7CBDA; } .prog-study__card-item > a > span:last-child { margin-left: 3rem; } } @media (max-width: 48em) { .prog-study__card-more-link { margin: 6rem auto; font-size: 3.4rem; line-height: 4.3rem; } } .offers { margin-bottom: 6rem; } .offers__title-content { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6rem; } .offers__title { font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .offers__title { font-size: 6rem; line-height: 7.6rem; } } .offers__item { display: flex; flex-direction: column; justify-content: space-between; height: auto; min-height: 50rem; padding: 1.2rem 1.2rem 1.5rem 1.2rem; border-radius: 4rem; background-color: #fff; } .offers__item-info-block { display: flex; flex-direction: column; height: 100%; padding: 2.7rem 2rem 2rem 2rem; margin-bottom: 1rem; border-radius: 3rem; background-color: #E9EBF2; } .offers__item-title-block { flex: none; display: flex; align-items: center; margin-bottom: 2.7rem; } .offers__item-number { display: flex; align-items: center; justify-content: center; width: 7.8rem; height: 7.8rem; margin-right: 1.8rem; border-radius: 100%; background-color: #CD010C; font-weight: 600; font-size: 2.6rem; line-height: 3.3rem; color: rgba(255, 255, 255, 0.85); } .offers__item-number > span { position: relative; } .offers__item-number > span:before { content: "#"; position: absolute; left: -1rem; top: 0.3rem; font-size: 1.3rem; line-height: 1.65rem; } .offers__item-title { font-weight: 600; font-size: 3rem; line-height: 3.8rem; } .offers__item-title:before { content: "Пакет услуг"; display: block; font-weight: normal; font-size: 1.5rem; line-height: 1.9rem; color: #757988; } .offers__item-text-block { flex: auto; padding: 4rem 1.6rem; border-radius: 2.3rem; background-color: #fff; } .offers__item-text-block-name { margin-bottom: 1.7rem; font-weight: bold; font-size: 1.7rem; line-height: 2.15rem; } .offers__list { margin-left: 1.8rem; } .offers__list-item { font-weight: 300; list-style-type: disc; font-size: 1.6rem; line-height: 2rem; } .offers__list-item:nth-child(n+2) { margin-top: 1rem; } .offers__item-price-block { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.2rem 1rem 2.8rem; border-radius: 2.3rem 0 4rem 2.3rem; background-color: #E9EBF2; } .offers__price-box { display: flex; align-items: flex-end; } .offers__price { display: flex; align-items: flex-start; font-weight: bold; } .offers__price:after { content: "₽"; } .offers__price--current { font-size: 2.7rem; line-height: 3.4rem; margin-right: 0.5rem; } .offers__price--current:after { margin-left: 0.35rem; font-size: 1.4rem; line-height: 1.78rem; } .offers__price--old { font-size: 1.5rem; line-height: 1.9rem; color: #9EA3B6; } .offers__price--old:after { font-size: 0.9rem; line-height: 1.14rem; } .offers__price-btn { display: flex; align-items: center; justify-content: center; width: 15.3rem; height: 5.4rem; border-radius: 4rem 0; background-color: #0E62C4; font-weight: 600; font-size: 1.5rem; line-height: 1.9rem; color: white; text-transform: uppercase; transition: var(--transition-button); } .offers__price-btn:hover { background-color: var(--clr-button--hover); } .offers__price-btn > svg { width: 1rem; height: 1.6rem; margin-left: 0.9rem; } .offers__price-btn > svg path { fill: white; stroke: white; } @media (max-width: 48em) { .offers { margin-bottom: 12rem; } .offers__title-content { flex-direction: column; justify-content: normal; align-items: normal; margin-bottom: 10rem; } .offers__title { margin-bottom: 6rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } } @media (max-width: 48em) and (max-width: 48em) { .offers__title { font-size: 6rem; line-height: 7.6rem; } } @media (max-width: 48em) { .offers__slider { margin-right: -4rem; } } @media (max-width: 48em) { .offers__item { min-height: 95rem; padding: 2rem; border-radius: 6rem; } } @media (max-width: 48em) { .offers__item-info-block { padding-top: 5.4rem; border-radius: 6rem; } } @media (max-width: 48em) { .offers__item-title-block { margin-bottom: 5.4rem; } } @media (max-width: 48em) { .offers__item-number { width: 15.6rem; height: 15.6rem; margin-right: 3.6rem; font-size: 5.2rem; line-height: 6.6rem; } .offers__item-number > span:before { left: -2rem; top: 0.6rem; font-size: 2.6rem; line-height: 3.3rem; } } @media (max-width: 48em) { .offers__item-title { font-size: 5rem; line-height: 8.4rem; } .offers__item-title:before { font-weight: 300; font-size: 3rem; line-height: 3.8rem; } } @media (max-width: 48em) { .offers__item-text-block { padding: 4rem 2.5rem 8rem 2.5rem; border-radius: 4.6rem; } } @media (max-width: 48em) { .offers__item-text-block-name { margin-bottom: 3rem; font-size: 3.4rem; line-height: 4.3rem; } } @media (max-width: 48em) { .offers__list { margin-left: 3.6rem; } } @media (max-width: 48em) { .offers__list-item { font-size: 3.2rem; line-height: 4rem; } .offers__list-item:nth-child(n+2) { margin-top: 2rem; } } @media (max-width: 48em) { .offers__item-price-block { padding: 2rem 2rem 2rem 6rem; border-radius: 4.6rem 0 8rem 4.6rem; } } @media (max-width: 48em) { .offers__price-box { flex-direction: column; align-items: normal; } } @media (max-width: 48em) { .offers__price--current { font-size: 5.4rem; line-height: 6.8rem; margin-right: 0; } .offers__price--current:after { margin-left: 0.7rem; font-size: 2.8rem; line-height: 3.55rem; } .offers__price--old { font-size: 3rem; line-height: 3.8rem; } .offers__price--old:after { font-size: 1.8rem; line-height: 2.3rem; } } @media (max-width: 48em) { .offers__price-btn { width: 30.6rem; height: 10.8rem; border-radius: 8rem 0; font-size: 3rem; line-height: 3.8rem; } .offers__price-btn > svg { width: 2rem; height: 3.2rem; margin-left: 1.8rem; } } .more-center { position: relative; margin-bottom: 6rem; } .more-center--main .more-center__img-box { width: 65rem; height: 37.5rem; border-radius: 0 0 0 12.5rem; overflow: hidden; } .more-center--main .more-center__img-box > img, .more-center--main .more-center__img-box picture, .more-center--main .more-center__img-box picture > img { object-fit: cover; } .more-center--main .more-center__img-box--video video { max-width: 100%; height: 100%; object-fit: cover; } .more-center__bg { position: absolute; right: 0; top: 0; z-index: -1; height: 100%; width: 142.5rem; background-color: white; } .more-center__title { width: 38rem; margin-bottom: 5rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .more-center__title { font-size: 6rem; line-height: 7.6rem; } } .more-center__content { display: flex; justify-content: space-between; margin-bottom: 5rem; } .more-center__img-box { width: 67.2rem; height: 43.6rem; } .more-center__img-box > img, .more-center__img-box picture, .more-center__img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .more-center__text-block { width: 70rem; } .more-center__text-bold { margin-bottom: 6rem; font-weight: 600; font-size: 2.5rem; line-height: 3.7rem; } .more-center__citation-block { display: flex; } .more-center__citation-icon { flex: none; display: flex; align-items: center; justify-content: center; width: 5.5rem; height: 5.5rem; margin-right: 3rem; border-radius: 100%; background-color: #CD010C; } .more-center__citation-icon > svg { width: 2.6rem; height: 1.6rem; } .more-center__citation-icon > svg path { fill: white; } .more-center__citation-text { width: 60rem; font-size: 1.7rem; line-height: 2.8rem; color: #757988; } .more-center__btn { display: flex; align-items: center; justify-content: center; width: 36.2rem; height: 7.8rem; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 2rem; line-height: 2.5rem; color: white; transition: var(--transition-button); } .more-center__btn:hover { background-color: var(--clr-button--hover); } .more-center__btn > svg { width: 2.6rem; height: 1.6rem; margin-left: 3.4rem; } .more-center__btn > svg path { stroke: white; } .more-center__link { font-weight: 500; font-size: 1.8rem; line-height: 2.7rem; text-decoration: underline; color: #757988; } .more-center__list { margin-bottom: 0; margin-top: 4rem; font-weight: 600; font-size: 2.5rem; line-height: 3.7rem; } .more-center__list li { list-style-type: disc; margin-left: 2.5rem; } .more-center__list li:nth-child(n+2) { margin-top: 3rem; } @media (max-width: 48em) { .more-center { margin-bottom: 12rem; padding-top: 10rem; } .more-center--main .more-center__img-box { width: 100%; height: 43rem; border-radius: 0 0 0 25rem; } .more-center__bg { height: 75%; width: 100%; } .more-center__title { width: 100%; margin-bottom: 10rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } } @media (max-width: 48em) and (max-width: 48em) { .more-center__title { font-size: 6rem; line-height: 7.6rem; } } @media (max-width: 48em) { .more-center__title br { display: none; } } @media (max-width: 48em) { .more-center__content { flex-direction: column; justify-content: normal; margin-bottom: 10rem; } } @media (max-width: 48em) { .more-center__img-box { order: 2; width: 100%; height: 52rem; } } @media (max-width: 48em) { .more-center__text-block { order: 1; width: 100%; } } @media (max-width: 48em) { .more-center__text-bold { margin-bottom: 10rem; font-size: 5rem; line-height: 6.3rem; } } @media (max-width: 48em) { .more-center__citation-block { display: flex; } } @media (max-width: 48em) { .more-center__citation-icon { width: 11rem; height: 11rem; margin-right: 6rem; } .more-center__citation-icon > svg { width: 4rem; height: 3rem; } } @media (max-width: 48em) { .more-center__citation-text { width: 100%; margin-bottom: 8rem; font-size: 3.4rem; line-height: 4.3rem; } } @media (max-width: 48em) { .more-center__btn { width: 72.4rem; height: 15.6rem; margin: 0 auto; border-radius: 6rem 0 0 0; font-size: 4rem; line-height: 5rem; } .more-center__btn > svg { width: 5.2rem; height: 3.2rem; margin-left: 6.8rem; } } @media (max-width: 48em) { .more-center__link { font-size: 3.6rem; line-height: 5.4rem; } } @media (max-width: 48em) { .more-center__list { margin-bottom: 12rem; margin-top: 10rem; font-size: 3.6rem; line-height: 4.6rem; } .more-center__list li { margin-left: 5rem; } .more-center__list li:nth-child(n+2) { margin-top: 6rem; } } .advantages { margin-bottom: 6rem; } .advantages__title { margin-bottom: 6rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .advantages__title { font-size: 6rem; line-height: 7.6rem; } } .advantages__cards { display: flex; flex-wrap: wrap; justify-content: space-between; } .advantages__item { position: relative; width: 32.1rem; height: auto; min-height: 36.3rem; padding: 4.4rem 3.1rem 5rem 3.1rem; border-radius: 3rem 3rem 0 0; background-color: #fff; } .advantages__item:first-child { border-radius: 0 6rem; } .advantages__item:last-child { border-radius: 6rem 0; } .advantages__item:nth-child(n+5) { margin-top: 4rem; } .advantages__number { position: absolute; top: -1.9rem; right: 2.3rem; display: flex; align-items: center; justify-content: center; width: 7.5rem; height: 4.3rem; border-radius: 100rem; background-color: #BAC9D9; font-weight: bold; font-size: 1.8rem; line-height: 2.7rem; color: white; } .advantages__icon { width: 5.4rem; height: 5.4rem; margin-bottom: 4rem; } .advantages__icon > img, .advantages__icon picture, .advantages__icon picture > img { width: 100%; height: 100%; object-fit: contain; } .advantages__item-title { margin-bottom: 1.4rem; font-weight: 600; font-size: 2.2rem; line-height: 2.7rem; } .advantages__item-text { font-size: 1.6rem; line-height: 2.4rem; color: #757988; } @media (max-width: 48em) { .advantages { margin-bottom: 12rem; } .advantages__title { margin-bottom: 14rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } } @media (max-width: 48em) and (max-width: 48em) { .advantages__title { font-size: 6rem; line-height: 7.6rem; } } @media (max-width: 48em) { .advantages__item { width: 100%; min-height: 51rem; padding: 5rem; border-radius: 6rem 6rem 0 0; } .advantages__item:nth-child(n+2) { margin-top: 11.8rem; } } @media (max-width: 48em) { .advantages__number { top: -3.8rem; right: 6rem; width: 15rem; height: 8.6rem; font-size: 3.6rem; line-height: 5.4rem; } } @media (max-width: 48em) { .advantages__icon { width: 10.8rem; height: 10.8rem; margin-bottom: 4rem; } } @media (max-width: 48em) { .advantages__item-title { margin-bottom: 2.8rem; font-size: 5rem; line-height: 6.3rem; } } @media (max-width: 48em) { .advantages__item-text { font-size: 3.4rem; line-height: 5rem; } } .feedback { margin-bottom: 6rem; } .feedback__content-block { display: flex; justify-content: space-between; align-items: center; padding: 0 7rem; border: 1rem solid white; border-radius: 4rem; } .feedback__img-box { flex: none; width: 36.4rem; height: 100%; margin-top: -1.3rem; margin-right: 5rem; } .feedback__img-box > img, .feedback__img-box picture, .feedback__img-box picture > img { width: 100%; height: 100%; object-fit: contain; object-position: bottom; } .feedback__form-block { flex: auto; } .feedback__sub-title { margin-bottom: 1.6rem; font-size: 1.8rem; line-height: 2.7rem; color: #757988; } .feedback__title { margin-bottom: 10rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .feedback__title { font-size: 6rem; line-height: 7.6rem; } } .feedback__form { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .feedback__label { position: relative; display: flex; align-items: center; } .feedback__label--name, .feedback__label--phone, .feedback__label--textarea { width: 37rem; height: 5rem; margin-bottom: 8rem; border-bottom: 2px #C7CBDA solid; } .feedback__label--name > svg, .feedback__label--phone > svg, .feedback__label--textarea > svg { flex: none; width: 2rem; height: 2rem; margin-right: 1.5rem; } .feedback__label--name > svg path, .feedback__label--phone > svg path, .feedback__label--textarea > svg path { fill: #B9BECD; } .feedback__label--name:before, .feedback__label--phone:before, .feedback__label--textarea:before { position: absolute; left: 0; top: -2.5rem; font-size: 1.8rem; line-height: 2.3rem; color: #757988; } .feedback__label--name:before { content: "Ваше имя"; } .feedback__label--phone:before { content: "Ваш телефон"; } .feedback__label--checkbox { width: 48.7rem; font-size: 1.8rem; line-height: 2.7rem; cursor: pointer; } .feedback__label--checkbox.check .feedback__checkbox-check > svg { display: block; } .feedback__input { width: 100%; height: 100%; font-weight: 600; font-size: 2.5rem; line-height: 3.4rem; } .feedback__btn { display: flex; align-items: center; justify-content: center; width: 29.7rem; height: 6rem; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; color: white; transition: var(--transition-button); } .feedback__btn:hover { background-color: var(--clr-button--hover); } .feedback__btn > svg { width: 2.6rem; height: 1.6rem; margin-left: 3.8rem; } .feedback__btn > svg path { stroke: white; } .feedback__btn--add-program { height: 5.5rem; font-weight: 600; font-size: 1.5rem; line-height: 1.9rem; width: 24rem; margin: 0 0 0 auto; } .feedback__checkbox { display: none; } .feedback__checkbox-check { flex: none; display: flex; align-items: center; justify-content: center; width: 4.6rem; height: 4.6rem; margin-right: 1.8rem; border-radius: 100%; background-color: #fff; } .feedback__checkbox-check > svg { display: none; width: 1.8rem; height: 1.4rem; } .feedback__checkbox-check > svg path { stroke: #CD010C; } .feedback--callback .feedback__content-block { padding-block: 8.5rem; background-color: var(--bg-blue--light); } .feedback--callback .feedback__heading { display: flex; flex-direction: column; justify-content: center; align-items: center; } .feedback--callback .feedback__heading-wrapper { display: flex; width: 73rem; } .feedback--callback .feedback__logo { display: block; width: 20rem; } .feedback--callback .feedback__title { font-size: 3.4rem; line-height: 125%; text-align: left; margin-left: 6rem; } .feedback--callback .feedback__form { flex-direction: column; } .feedback--callback .feedback__label:not(.feedback__label--checkbox) { width: 73rem; } .feedback--callback .feedback__label.feedback__label--checkbox span { text-align: left; } .feedback--callback .feedback__footer { display: flex; width: 73rem; } .feedback--callback .feedback__btn { width: 36.7rem; margin-right: 6rem; } .feedback--get-access-platform { margin-block-start: 7rem; } .feedback--get-access-platform .feedback__form-block { display: flex; align-items: flex-end; justify-content: space-between; max-width: 122rem; margin-inline: auto; } .feedback--get-access-platform .feedback__title { font-size: 3rem; line-height: 1.3; max-width: 36rem; margin: 0; } .feedback--get-access-platform .feedback__form { gap: 12rem; flex-wrap: nowrap; align-items: flex-end; } .feedback--get-access-platform .feedback__label { margin: 0; } .feedback--calculate-order { width: 100%; margin: 0; } .feedback--calculate-order .feedback__title { margin-bottom: 5rem; } .feedback--calculate-order .feedback__calculate { position: relative; display: flex; flex-wrap: wrap; } .feedback--calculate-order .feedback__calculate > * { flex: 1 1 50%; } .feedback--calculate-order .feedback__prices { position: sticky; top: 5rem; display: grid; gap: 3.5rem; place-content: start; justify-content: initial; padding-left: 4.5rem; height: 100%; padding-top: 3rem; } .feedback--calculate-order .feedback__prices-full, .feedback--calculate-order .feedback__prices-percent, .feedback--calculate-order .feedback__prices-economy { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 0; border-bottom: 2px solid var(--clr-border--style); } .feedback--calculate-order .feedback__prices-full span:first-child, .feedback--calculate-order .feedback__prices-percent span:first-child, .feedback--calculate-order .feedback__prices-economy span:first-child { font-size: 2.5rem; border-bottom: 2px var(--clr-border--style); } .feedback--calculate-order .feedback__prices-full span:last-child, .feedback--calculate-order .feedback__prices-percent span:last-child, .feedback--calculate-order .feedback__prices-economy span:last-child { font-size: 3.2rem; } .feedback--calculate-order .feedback__prices-discount { display: none; } .feedback--calculate-order .feedback__prices-percent span:last-child { font-weight: 600; } .feedback--calculate-order .feedback__prices-economy span:last-child { color: var(--clr-button--accent); } .feedback--calculate-order .feedback__section { display: grid; gap: 1rem; } .feedback--calculate-order .feedback__label { margin: 0; position: relative; margin-block-start: 5rem; } .feedback--calculate-order .feedback__label--select:before { content: "Выберите программу"; position: absolute; left: 0; top: -3.5rem; font-size: 1.8rem; line-height: 2.3rem; color: #757988; } .feedback--calculate-order .feedback__label--phone { margin-bottom: 7rem; } .feedback--calculate-order .feedback__label--phone, .feedback--calculate-order .feedback__label--name { width: 100%; } .feedback--calculate-order .feedback__label--checkbox { margin-block-start: 2rem; } .feedback--calculate-order .feedback__label .select2-selection__rendered { font-size: 2.5rem; font-weight: 600; padding-inline-start: 0; } .feedback--calculate-order .feedback__dropdown { font-size: 2rem; } .feedback--calculate-order .feedback__form { display: block; } .feedback--calculate-order .feedback__section { margin-block-end: 8rem; } .feedback--calculate-order .select2-container--default .select2-selection--single { border: 0; height: 5rem; border-bottom: 2px #C7CBDA solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: transparent; } .feedback--calculate-order .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; width: 16px; height: 9px; background-image: url('data:image/svg+xml,'); } .feedback--calculate-order .select2-container--open .select2-selection--single .select2-selection__arrow b { transform: rotate(180deg); } .feedback--calculate-order .feedback__info-wrapper { display: flex; flex-wrap: wrap; } .feedback--calculate-order .feedback__info-wrapper > * { flex: 1 1 50%; } .feedback--calculate-order .feedback__info-title { font-size: 4.4rem; line-height: 5.58rem; margin-bottom: 5rem; margin-top: 5rem; } .feedback--calculate-order .feedback__footer { margin-top: 6rem; } .feedback--calculate-order .feedback__total, .feedback--calculate-order .feedback__mobile, .feedback--calculate-order .feedback__footer { padding-top: 3rem; } .feedback--calculate-order .feedback__total-price, .feedback--calculate-order .feedback__mobile-price, .feedback--calculate-order .feedback__footer-price { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 0; border-bottom: 2px solid var(--clr-border--style); } .feedback--calculate-order .feedback__total-price span:first-child, .feedback--calculate-order .feedback__mobile-price span:first-child, .feedback--calculate-order .feedback__footer-price span:first-child { font-size: 2.5rem; border-bottom: 2px var(--clr-border--style); } .feedback--calculate-order .feedback__total-price span:last-child, .feedback--calculate-order .feedback__mobile-price span:last-child, .feedback--calculate-order .feedback__footer-price span:last-child { font-size: 3.2rem; font-weight: 700; } .feedback--calculate-order .feedback__total-sale, .feedback--calculate-order .feedback__mobile-sale, .feedback--calculate-order .feedback__footer-sale { margin-top: 3rem; margin-bottom: 5rem; } .feedback--calculate-order .feedback__total-sale-title, .feedback--calculate-order .feedback__mobile-sale-title, .feedback--calculate-order .feedback__footer-sale-title { font-size: 2rem; font-weight: 600; color: var(--clr-button--accent); } .feedback--calculate-order .feedback__total-sale-list, .feedback--calculate-order .feedback__mobile-sale-list, .feedback--calculate-order .feedback__footer-sale-list { display: flex; flex-wrap: wrap; } .feedback--calculate-order .feedback__total-sale-list > *, .feedback--calculate-order .feedback__mobile-sale-list > *, .feedback--calculate-order .feedback__footer-sale-list > * { flex: 1 1 50%; } .feedback--calculate-order .feedback__total-sale-item, .feedback--calculate-order .feedback__mobile-sale-item, .feedback--calculate-order .feedback__footer-sale-item { font-size: 2.2rem; line-height: 150%; } .feedback--calculate-order .feedback__total-pay-title, .feedback--calculate-order .feedback__mobile-pay-title, .feedback--calculate-order .feedback__footer-pay-title { font-size: 2.5rem; margin-bottom: 2rem; } .feedback--calculate-order .feedback__total-pay-list, .feedback--calculate-order .feedback__mobile-pay-list, .feedback--calculate-order .feedback__footer-pay-list { display: flex; align-items: center; } .feedback--calculate-order .feedback__total-pay-list > li, .feedback--calculate-order .feedback__mobile-pay-list > li, .feedback--calculate-order .feedback__footer-pay-list > li { flex-basis: 22.33%; } .feedback--calculate-order .feedback__total-pay-list > li:not(:last-child), .feedback--calculate-order .feedback__mobile-pay-list > li:not(:last-child), .feedback--calculate-order .feedback__footer-pay-list > li:not(:last-child) { margin-right: 3rem; } .feedback--calculate-order .feedback__total-pay-item, .feedback--calculate-order .feedback__mobile-pay-item, .feedback--calculate-order .feedback__footer-pay-item { display: flex; align-items: center; justify-content: center; width: 10.1rem; height: 8.8rem; background-color: var(--clr-white); padding: 1.8rem 2rem; -webkit-border-radius: 0 3.2rem 0 3.2rem; -moz-border-radius: 0 3.2rem 0 3.2rem; border-radius: 0 3.2rem 0 3.2rem; } .feedback--calculate-order .feedback__total-pay-item img, .feedback--calculate-order .feedback__mobile-pay-item img, .feedback--calculate-order .feedback__footer-pay-item img { width: auto; max-width: 100%; max-height: 100%; } .feedback--calculate-order .feedback__total { padding-left: 5.5rem; } .feedback--calculate-order .feedback__footer-pay { display: none; } .feedback--calculate-order .feedback__mobile-sale { display: none; } .quantity-program { position: relative; display: flex; align-items: center; margin-block-start: 5rem; } .quantity-program:before { content: "Количество человек"; position: absolute; left: 0; top: -3.5rem; font-size: 1.8rem; line-height: 2.3rem; color: #757988; } .quantity-program__bt-minus, .quantity-program__bt-plus { display: flex; align-items: center; justify-content: center; height: 60px; width: 30px; font-size: 3rem; color: var(--clr-button--accent); cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; user-select: none; } .quantity-program__input { display: flex; align-items: center; justify-content: center; font-size: 2.6rem; font-weight: 600; text-align: center; border: 2px solid var(--clr-border--style); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; max-width: 7.6rem; padding-block: 1.5rem; } @media (max-width: 48em) { .feedback { margin-bottom: 12rem; } .feedback__content-block { flex-direction: column; justify-content: normal; align-items: normal; padding: 6rem 6rem 0 6rem; border: 1rem solid white; border-radius: 4rem; overflow: hidden; } .feedback__img-box { order: 2; flex: none; width: 100%; height: 85.4rem; margin: 0 0 -26.8rem 0; } .feedback__form-block { order: 1; margin-bottom: 6rem; } .feedback__sub-title { margin-bottom: 1.8rem; font-weight: 500; font-size: 3.4rem; line-height: 4.3rem; } .feedback__title { margin-bottom: 16rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } } @media (max-width: 48em) and (max-width: 48em) { .feedback__title { font-size: 6rem; line-height: 7.6rem; } } @media (max-width: 48em) { .feedback__label--name, .feedback__label--phone { width: 100%; height: 10rem; margin-bottom: 14rem; } .feedback__label--name > svg, .feedback__label--phone > svg { width: 4rem; height: 4rem; margin-right: 3rem; } .feedback__label--name:before, .feedback__label--phone:before { top: -5rem; font-size: 3.6rem; line-height: 4.8rem; } .feedback__label--checkbox { width: 100%; font-weight: 300; font-size: 3.4rem; line-height: 4.3rem; } } @media (max-width: 48em) { .feedback__input { font-size: 5rem; line-height: 6.8rem; } } @media (max-width: 48em) { .feedback__btn { width: 59.4rem; height: 12rem; margin-bottom: 6rem; border-radius: 6rem 0 0 0; font-size: 3.6rem; line-height: 4.6rem; } .feedback__btn > svg { width: 5.2rem; height: 3.2rem; margin-left: 7.6rem; } } @media (max-width: 48em) { .feedback__checkbox-check { width: 9.2rem; height: 9.2rem; margin-right: 3.6rem; } .feedback__checkbox-check > svg { width: 3.6rem; height: 2.8rem; } } @media (max-width: 48em) { .feedback--callback { overflow-y: auto; margin-bottom: 0; } .feedback--callback .feedback__form { align-items: flex-start; } .feedback--callback .feedback__heading-wrapper { width: 100%; } .feedback--callback .feedback__logo { display: none; } .feedback--callback .feedback__title { font-size: 5.9rem; text-align: center; margin-left: 0; } .feedback--callback .feedback__footer { flex-direction: column; width: 100%; } .feedback--callback .feedback__btn { width: 100%; } .feedback--callback .feedback__label:not(.feedback__label--checkbox) { width: 100%; } } @media (max-width: 48em) { .feedback--get-access-platform .feedback__form-block, .feedback--get-access-platform .feedback__form { flex-direction: column; } .feedback--get-access-platform .feedback__form { gap: 8rem; } .feedback--get-access-platform .feedback__title { font-size: 5.5rem; max-width: 100%; margin-block-end: 11rem; } .feedback--get-access-platform .feedback__btn { margin-block-end: 0; } } @media (max-width: 48em) { .feedback--calculate-order { margin-bottom: 5.5rem; } .feedback--calculate-order .feedback__title { font-size: 5rem; line-height: 6.4rem; } .feedback--calculate-order .feedback__block { margin-bottom: 0; } .feedback--calculate-order .feedback__label { margin-bottom: 13rem; } .feedback--calculate-order .feedback__label--select { margin-block-start: 8rem; } .feedback--calculate-order .feedback__label--select:before { top: -7rem; font-size: 3.6rem; line-height: 4.8rem; } .feedback--calculate-order .feedback__label--checkbox { margin-bottom: 0; } .feedback--calculate-order .feedback__label .select2-selection__rendered { font-size: 5rem; line-height: 6.8rem; } .feedback--calculate-order .feedback__section { gap: 8rem; } .feedback--calculate-order .feedback__calculate { flex-direction: column; } .feedback--calculate-order .feedback__total { display: none; } .feedback--calculate-order .feedback__info-title { font-size: 5rem; line-height: 6.5rem; font-weight: 700; margin-bottom: 8rem; } .feedback--calculate-order .feedback__mobile-sale { display: block; } .feedback--calculate-order .feedback__mobile-sale-title { font-size: 4rem; } .feedback--calculate-order .feedback__mobile-sale-list { columns: 1; } .feedback--calculate-order .feedback__mobile-sale-item { font-size: 4rem; line-height: 130%; } .feedback--calculate-order .feedback__footer-pay { display: block; margin-bottom: 6rem; } .feedback--calculate-order .feedback__footer-pay-title { font-size: 3.4rem; margin-bottom: 4rem; } .feedback--calculate-order .feedback__footer-pay-list > li { flex-basis: 24%; } .feedback--calculate-order .feedback__footer-pay-item { width: 12rem; height: 10rem; } .feedback--calculate-order .feedback__prices { position: relative; top: 0; background-color: var(--clr-white); -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; padding: 7rem 5rem; margin: 0 -5rem; } .feedback--calculate-order .feedback__prices-full, .feedback--calculate-order .feedback__prices-percent, .feedback--calculate-order .feedback__prices-economy, .feedback--calculate-order .feedback__prices-discount { flex-direction: column; justify-content: flex-start; align-items: flex-start; border: 0; height: auto; } .feedback--calculate-order .feedback__prices-full span:first-child, .feedback--calculate-order .feedback__prices-percent span:first-child, .feedback--calculate-order .feedback__prices-economy span:first-child, .feedback--calculate-order .feedback__prices-discount span:first-child { font-size: 3.4rem; margin-bottom: 2rem; } .feedback--calculate-order .feedback__prices-full span:last-child, .feedback--calculate-order .feedback__prices-percent span:last-child, .feedback--calculate-order .feedback__prices-economy span:last-child, .feedback--calculate-order .feedback__prices-discount span:last-child { font-size: 5rem; font-weight: 700; } .feedback--calculate-order .feedback__prices-discount { display: flex; } .feedback--calculate-order .select2-container--default .select2-selection--single { height: 10rem; } } @media (max-width: 48em) { .select2-container--default .select2-results__option { font-size: 3rem; } } @media (max-width: 48em) { .quantity-program { margin-block-start: 12rem; } .quantity-program:before { top: -8rem; font-size: 3.6rem; line-height: 4.8rem; } .quantity-program__bt-minus, .quantity-program__bt-plus { font-size: 5rem; width: 50px; } .quantity-program__input { font-size: 5rem; max-width: 12rem; padding-block: 2rem; } } .reviews { position: relative; margin-bottom: 6rem; padding-top: 4rem; overflow: hidden; } .reviews__bg { position: absolute; left: 0; bottom: 0; z-index: -1; width: 128rem; height: 75%; background-color: #fff; } .reviews__title-content { margin-bottom: 12rem; } .reviews__sub-title { margin-bottom: 1.5rem; font-size: 1.8rem; line-height: 2.7rem; } .reviews__title { font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .reviews__title { font-size: 6rem; line-height: 7.6rem; } } .reviews__content { display: flex; justify-content: space-between; margin-bottom: 6rem; } .reviews__info-block { flex: none; width: 58rem; margin-right: 11rem; } .reviews__text { margin-bottom: 6rem; font-size: 1.8rem; line-height: 2.7rem; } .reviews__rating-block { display: flex; margin-bottom: 5rem; } .reviews__rating-box:first-child { margin-right: 5.5rem; } .reviews__rating-title { margin-bottom: 0.6rem; font-size: 1.6rem; line-height: 2.4rem; color: #757988; } .reviews__total-feedback { font-weight: 600; font-size: 2.7rem; line-height: 4rem; } .reviews__average-rating { display: flex; align-items: center; font-weight: 600; font-size: 2.7rem; line-height: 4rem; } .reviews__rating-number { margin-right: 1.8rem; } .reviews__rating-icons-block { position: relative; } .reviews__rating-icons-empty { display: flex; align-items: center; } .reviews__rating-icons-empty > svg { width: 2.1rem; height: 2.1rem; margin: 0 0.5rem; } .reviews__rating-icons-empty > svg path { stroke: #0E62C4; } .reviews__rating-icons-full { position: absolute; left: 0; top: 0; display: flex; align-items: center; overflow: hidden; } .reviews__rating-icons-full > svg { flex: none; width: 2.1rem; height: 2.1rem; margin: 0 0.5rem; } .reviews__rating-icons-full > svg path { fill: #0E62C4; } .reviews__link { display: flex; align-items: center; font-weight: 600; font-size: 1.5rem; line-height: 1.9rem; color: #CD010C; } .reviews__link > svg { width: 1rem; height: 1.6rem; margin-left: 1.5rem; } .reviews__link > svg path { stroke: #CD010C; fill: #CD010C; } .reviews__link:hover { color: #e80f1a; } .reviews__link:hover path { stroke: #e80f1a; fill: #e80f1a; } .reviews__slider { min-height: 45rem; margin-right: -41.8rem; margin-top: -31rem; padding-top: 34rem; } .reviews__item { position: relative; display: flex; flex-direction: column; align-items: center; height: auto; margin-top: -12rem; border-radius: 0 6rem; background-color: #D3D6E1; text-align: center; } .reviews__item-bg { position: absolute; top: 0; left: 50%; width: 100%; height: 15rem; transform: translateX(-50%); } .reviews__item-bg > img, .reviews__item-bg picture, .reviews__item-bg picture > img { width: 100%; height: 100%; object-fit: contain; object-position: top; } .reviews__item-img-box { position: relative; width: 100%; height: 37rem; margin-top: -19rem; } .reviews__item-img-box > img { width: 100%; height: 100%; object-fit: contain; } .reviews__item-title { width: 29rem; margin-bottom: 1.7rem; font-weight: 600; font-size: 2.5rem; line-height: 3.7rem; } .reviews__item-text { display: -webkit-box; width: 29rem; margin-bottom: 9rem; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 1.8rem; line-height: 2.7rem; } .reviews__item-link { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 17rem; height: 5.5rem; border-radius: 10rem 0 0 0; background-color: #0E62C4; font-weight: 600; font-size: 1.5rem; line-height: 1.9rem; color: white; text-transform: uppercase; transition: var(--transition-button); } .reviews__item-link:hover { background-color: var(--clr-button--hover); } .reviews__item-link > svg { width: 1rem; height: 1.6rem; margin-left: 1.4rem; } .reviews__item-link > svg path { stroke: white; fill: white; } .reviews__navigation-block { justify-content: flex-end; } .reviews__review-doc-bg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 14; background-color: rgba(0, 0, 0, 0.3); } .reviews__review-doc { display: none; } @media (max-width: 48em) { .reviews { margin-top: 10rem; margin-bottom: 12rem; padding-top: 0; padding-bottom: 10rem; } .reviews__bg { width: 100%; height: 120rem; } .reviews__title-content { margin-bottom: 2rem; } .reviews__sub-title { margin-bottom: 2rem; font-weight: 300; font-size: 3.4rem; line-height: 5rem; } .reviews__title { font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } } @media (max-width: 48em) and (max-width: 48em) { .reviews__title { font-size: 6rem; line-height: 7.6rem; } } @media (max-width: 48em) { .reviews__content { flex-direction: column; justify-content: normal; margin-bottom: 10rem; } } @media (max-width: 48em) { .reviews__info-block { order: 2; width: 100%; margin-right: 0; } } @media (max-width: 48em) { .reviews__text { margin-bottom: 10rem; font-size: 3.4rem; line-height: 4.3rem; } } @media (max-width: 48em) { .reviews__rating-block { justify-content: space-between; margin-bottom: 10rem; } } @media (max-width: 48em) { .reviews__rating-box:first-child { margin-right: 11rem; } } @media (max-width: 48em) { .reviews__rating-title { margin-bottom: 1rem; font-weight: 500; font-size: 3.4rem; line-height: 5rem; } } @media (max-width: 48em) { .reviews__total-feedback { font-size: 5rem; line-height: 7.4rem; } } @media (max-width: 48em) { .reviews__average-rating { font-size: 5rem; line-height: 7.4rem; } } @media (max-width: 48em) { .reviews__rating-number { margin-right: 2rem; } } @media (max-width: 48em) { .reviews__rating-icons-empty > svg { width: 4rem; height: 4rem; margin: 0 1rem; } } @media (max-width: 48em) { .reviews__rating-icons-full > svg { width: 4rem; height: 4rem; margin: 0 1rem; } } @media (max-width: 48em) { .reviews__link { font-size: 3rem; line-height: 3.8rem; } .reviews__link > svg { width: 2rem; height: 3.2rem; margin-left: 3rem; margin-top: 0.6rem; } } @media (max-width: 48em) { .reviews__slider { order: 1; min-height: 45rem; margin: 0 0 15rem 0; padding-top: 38rem; } } @media (max-width: 48em) { .reviews__item { margin-top: 0; border-radius: 0 12rem; } } @media (max-width: 48em) { .reviews__item-bg { height: 30rem; } } @media (max-width: 48em) { .reviews__item-img-box { height: 74rem; margin-top: -38rem; } } @media (max-width: 48em) { .reviews__item-title { width: 58rem; margin-bottom: 3.4rem; font-size: 5rem; line-height: 7.4rem; } } @media (max-width: 48em) { .reviews__item-text { width: 58rem; margin-bottom: 18rem; font-size: 3.6rem; line-height: 5.4rem; } } @media (max-width: 48em) { .reviews__item-link { width: 34rem; height: 11rem; border-radius: 20rem 0 0 0; font-size: 3rem; line-height: 3.8rem; } .reviews__item-link > svg { width: 2rem; height: 3.2rem; margin-left: 2.8rem; } } @media (max-width: 48em) { .reviews__navigation-block { justify-content: space-between; } } .partners { margin-bottom: 6rem; } .partners__title-content { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6rem; } .partners__title { font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .partners__title { font-size: 6rem; line-height: 7.6rem; } } .partners__text { font-size: 2.2rem; line-height: 3.3rem; } .partners__text--big { margin: 0 1.5rem; font-weight: 600; font-size: 4rem; line-height: 6rem; } .partners__slider { margin-bottom: 4rem; } .partners__item { display: flex; align-items: center; justify-content: center; height: 15rem; border-radius: 3rem; backdrop-filter: blur(10px); background-color: #fff; overflow: hidden; } .partners__item > img, .partners__item picture, .partners__item picture > img { width: 20rem; height: 7.5rem; object-fit: contain; } .partners__navigation-block { justify-content: space-between; } .partners__pagination { display: block; margin: 0 1rem; transform: translateX(0) !important; } @media (max-width: 48em) { .partners { margin-bottom: 12rem; } .partners__title-content { flex-direction: column; justify-content: normal; align-items: normal; margin-bottom: 12rem; } .partners__title { margin-bottom: 6rem; } .partners__text { font-size: 3.4rem; line-height: 5.1rem; } .partners__text--big { margin: 0 3rem; font-size: 5rem; line-height: 7.5rem; } .partners__slider { margin-bottom: 4rem; margin-right: -4rem; } .partners__item { display: flex; align-items: center; justify-content: center; height: 30rem; border-radius: 6rem; backdrop-filter: blur(10px); } .partners__item > img, .partners__item picture, .partners__item picture > img { width: 40rem; height: 15rem; } .partners__navigation-block { justify-content: space-between; } .partners__pagination { margin: 0; } } .contacts { margin-bottom: 6rem; } .contacts__info-content { display: flex; justify-content: space-between; margin-bottom: 7rem; } .contacts__text-block { width: 82rem; } .contacts__title { margin-bottom: 8rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .contacts__title { font-size: 6rem; line-height: 7.6rem; } } .contacts__address-block { display: flex; justify-content: space-between; align-items: flex-start; } .contacts__address-block--office { margin-bottom: 7rem; } .contacts__address-block--mail { margin-bottom: 5rem; } .contacts__address-block-name { font-size: 2rem; line-height: 3rem; color: #757988; } .contacts__address { width: 58.8rem; font-weight: bold; font-size: 2.3rem; line-height: 2.9rem; } .contacts__btn { display: flex; justify-content: center; align-items: center; width: 26rem; height: 6rem; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; color: white; transition: var(--transition-button); } .contacts__btn:hover { background-color: var(--clr-button--hover); } .contacts__btn > svg { width: 2.6rem; height: 1.6rem; margin-left: 2.3rem; } .contacts__btn > svg path { stroke: white; } .contacts__data-block { width: 53.5rem; } .contacts__data-item { display: flex; align-items: center; width: 100%; min-height: 9rem; padding: 0 3.4rem; border-radius: 3rem 0 0 3rem; backdrop-filter: blur(10px); background-color: #fff; } .contacts__data-item > svg { width: 3.2rem; height: 3.2rem; margin-right: 16.6rem; } .contacts__data-item > svg path { fill: #B9BECD; } .contacts__data-item:first-child { border-radius: 0 3rem; } .contacts__data-item:last-child { border-radius: 3rem 0; } .contacts__data-item:nth-child(n+2) { margin-top: 2.5rem; } .contacts__data-value { font-weight: bold; font-size: 2.3rem; line-height: 2.9rem; } .contacts__map-block { position: relative; } .contacts__map-block > iframe { width: 100%; height: 50.6rem; border: none; } @media (max-width: 48em) { .contacts { margin-bottom: 0; } .contacts__info-content { flex-direction: column; justify-content: normal; margin-bottom: 10rem; } .contacts__text-block { width: 100%; margin-bottom: 8rem; } .contacts__title { margin-bottom: 6rem; } .contacts__address-block--office { margin-bottom: 6rem; } .contacts__address-block--mail { margin-bottom: 10rem; } .contacts__address-block-name { width: 24rem; font-weight: 500; font-size: 3.4rem; line-height: 4.3rem; } .contacts__address { width: 44.6rem; font-size: 3.4rem; line-height: 4.3rem; } .contacts__btn { width: 52rem; height: 12rem; border-radius: 6rem 0 0 0; font-size: 3.6rem; line-height: 4.6rem; } .contacts__btn > svg { width: 5.2rem; height: 3.2rem; margin-left: 4.6rem; } .contacts__data-block { width: 100%; } .contacts__data-item { min-height: 18rem; padding: 0 0 0 6.8rem; border-radius: 6rem 0 0 6rem; backdrop-filter: blur(10px); background-color: #fff; } .contacts__data-item > svg { width: 6.4rem; height: 6.4rem; margin-right: 0; } .contacts__data-item:first-child { border-radius: 0 6rem; } .contacts__data-item:last-child { border-radius: 6rem 0; } .contacts__data-item:nth-child(n+2) { margin-top: 5rem; } .contacts__data-value { flex: auto; font-size: 4.6rem; line-height: 5.8rem; text-align: center; } .contacts__map-block { position: relative; } .contacts__map-block > iframe { width: calc(100% + 8rem); height: 82.8rem; margin: 0 -4rem; } } .about-intro { margin-bottom: 6rem; margin-top: 12rem; } @media (min-width: 48.01em) { .about-intro--service .about-intro__title-content { flex: auto; } } .about-intro--service .about-intro__info-block { margin-bottom: -2rem; } .about-intro--service .about-intro__img-box { height: auto; border-radius: 3rem; overflow: hidden; } @media (min-width: 48.01em) { .about-intro--service .about-intro__img-box { display: flex; align-items: center; width: 66rem; margin: 0 0 2rem 2rem; order: 2; flex: none; } .about-intro--service .about-intro__img-box > img, .about-intro--service .about-intro__img-box picture, .about-intro--service .about-intro__img-box picture > img { object-fit: cover; } } .about-intro--service-page { margin-top: 6rem; margin-bottom: 6rem; } .about-intro--service-page .about-intro__img-box > img, .about-intro--service-page .about-intro__img-box picture, .about-intro--service-page .about-intro__img-box picture > img { object-fit: contain; } .about-intro--service-page .about-intro__title-content { order: 2; width: 80rem; } .about-intro__info-block { display: flex; justify-content: space-between; margin-bottom: 11rem; } .about-intro__title-content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 70rem; height: fit-content; } .about-intro__title { margin-bottom: 5rem; font-weight: 600; font-size: 4rem; line-height: 4.5rem; } .about-intro__btn { display: flex; align-items: center; justify-content: center; width: 21.8rem; height: 6rem; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; color: white; transition: var(--transition-button); } .about-intro__btn:hover { background-color: var(--clr-button--hover); } .about-intro__btn > svg { width: 2.6rem; height: 1.5rem; margin-left: 2.5rem; } .about-intro__btn > svg path { stroke: white; } .about-intro__btn--service-page { width: 36.2rem; height: 7.8rem; margin-right: auto; border-radius: 0 3rem 0 0; font-size: 2rem; line-height: 2.5rem; } .about-intro__fixed { position: fixed; top: 0; left: auto; right: 40.8rem; width: 100%; max-width: 36rem; z-index: 999; display: none; } .about-intro__fixed-price, .about-intro__fixed-quantity { display: none; } .about-intro__fixed .buy { max-width: 36rem; background-color: var(--clr-button--accent); border-radius: 0 0 0 3rem; } .about-intro__fixed._fixed { display: flex; } .about-intro__description { width: 38rem; font-size: 1.8rem; line-height: 2.7rem; } .about-intro__img-box { flex: auto; height: 56rem; margin: 0 8rem 0 0; } .about-intro__img-box > img, .about-intro__img-box picture, .about-intro__img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .about-intro__category { margin-top: -11rem; } .about-intro__category-title { margin-bottom: 3.2rem; font-weight: bold; font-size: 2.3rem; line-height: 2.9rem; } .about-intro__category-links { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .about-intro__link-category { display: flex; align-items: center; justify-content: center; width: 33.2rem; min-height: 6rem; border-radius: 100rem; background-color: white; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; text-align: center; cursor: pointer; } .about-intro__link-category:nth-child(n+5) { margin-top: 3rem; } .about-intro__price-block { width: 100%; margin-bottom: 5rem; } .about-intro__price-text { margin-bottom: 1rem; font-size: 1.8rem; color: #757988; } .about-intro__price { font-weight: 600; font-size: 3rem; line-height: 3.8rem; } .about-intro__price:after { content: " ₽"; } /*Amount*/ .product-item-amount { padding: 0 0 2px; text-align: center; } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus { position: relative; display: inline-block; min-width: 22px; height: 22px; border-radius: 2px; vertical-align: middle; text-align: center; cursor: pointer; transition: background 300ms ease, opacity 300ms ease; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after { opacity: 0.3 !important; cursor: default; } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus { display: inline-flex; align-items: center; justify-content: center; font-size: 4rem; font-weight: 700; color: var(--clr-button--primary); } .product-item-amount-field { display: inline-block; padding: 0; max-width: 50px; width: auto; height: 22px; border: 1px solid transparent; border-radius: 2px; background: transparent !important; color: var(--clr-button--primary); vertical-align: middle; text-align: center; font-weight: bold; font-size: 19px; line-height: 22px; transition: border 300ms ease; } .bx-retina .product-item-amount-field { border-width: 0.5px; } .product-item-amount-field:focus { outline: none !important; } .bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button, .bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .product-item-amount-description-container { color: #a5a5a5; white-space: nowrap; font-size: 12px; } .product-item-amount-description-container strong { color: #333; white-space: nowrap; } .product-item-amount-label-container { margin: 5px 0; color: #a5a5a5; font-weight: bold; font-size: 12px; } @media (max-width: 48em) { .about-intro { margin-bottom: 12rem; margin-top: 0; } .about-intro--service { margin-bottom: 20rem; } .about-intro--service .about-intro__img-box { width: 100%; margin: 0 0 8rem 0; border-radius: 6rem; } .about-intro--service .about-intro__img-box > img, .about-intro--service .about-intro__img-box picture, .about-intro--service .about-intro__img-box picture > img { object-position: center; } .about-intro--service-page .about-intro__img-box { width: 100%; margin: 0 0 8rem 0; } .about-intro--service-page .about-intro__img-box > img, .about-intro--service-page .about-intro__img-box picture, .about-intro--service-page .about-intro__img-box picture > img { object-position: center; } .about-intro--service-page .about-intro__title-content { width: 100%; } .about-intro__info-block { flex-direction: column; justify-content: normal; margin-bottom: 11rem; } .about-intro__title-content { order: 2; width: 100%; } .about-intro__title { margin-bottom: 6rem; font-size: 6.5rem; line-height: 7rem; } .about-intro__btn { width: 43.6rem; height: 12rem; margin-bottom: 6rem; border-radius: 6rem 0 0 0; font-size: 3.6rem; line-height: 4.6rem; } .about-intro__btn > svg { width: 5.2rem; height: 3rem; margin-left: 5rem; } .about-intro__btn--service-page { width: 100%; height: 12rem; border-radius: 0 6rem 0 0; } .about-intro__fixed { top: auto; bottom: 0; left: 0; right: 0; width: 100%; max-width: 100%; align-items: center; justify-content: space-between; border: solid 0.8rem var(--clr-button--primary); background-color: var(--clr-white); padding-left: 4rem; } .about-intro__fixed-price, .about-intro__fixed-quantity { display: block; } .about-intro__fixed-price { font-size: 4rem; font-weight: 700; line-height: 110%; color: var(--clr-button--primary); } .about-intro__fixed .buy { width: 36rem; background-color: var(--clr-button--primary); border-radius: 3rem 0 0 0; margin: 0; } .about-intro__fixed._fixed { display: flex; } .about-intro__description { width: 100%; font-weight: 300; font-size: 3.4rem; line-height: 4.3rem; } .about-intro__img-box { order: 1; width: calc(100% + 8rem); height: 69rem; margin: 0 -4rem; } .about-intro__img-box > img, .about-intro__img-box picture, .about-intro__img-box picture > img { width: 100%; height: 100%; object-fit: cover; object-position: left; } .about-intro__category-title { margin-bottom: 6rem; font-size: 5rem; line-height: 6.3rem; } .about-intro__link-category { width: 36rem; min-height: 12rem; padding: 0 2rem; font-size: 3.4rem; line-height: 4.3rem; hyphens: auto; } .about-intro__link-category:nth-child(n+3) { margin-top: 3rem; } .about-intro__price-block { margin-bottom: 8rem; } .about-intro__price-text { font-size: 3rem; } .about-intro__price { font-size: 5rem; line-height: 6rem; } } .boss { margin-bottom: 6rem; } .boss__content-block { display: flex; align-items: center; padding-right: 9rem; border: 1rem #fff solid; border-radius: 3rem; } .boss__img-box { flex: none; align-self: flex-end; width: 47rem; height: 60rem; margin-right: 1.5rem; } .boss__img-box > img, .boss__img-box picture, .boss__img-box picture > img { width: 100%; height: 100%; object-fit: contain; object-position: bottom; } .boss__sub-title { margin-bottom: 1.6rem; font-weight: 500; font-size: 1.8rem; line-height: 2.7rem; color: #757988; } .boss__title { margin-bottom: 3.3rem; font-weight: bold; font-size: 4.4rem; line-height: 5.6rem; } .boss__text { margin-bottom: 8rem; font-size: 2rem; line-height: 2.5rem; } .boss__buttons { display: flex; justify-content: space-between; align-items: center; } .boss__link { display: flex; justify-content: center; align-items: center; width: 39rem; height: 6rem; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; } .boss__link > svg { width: 2.6rem; height: 1.6rem; margin-left: 4rem; } .boss__link--blue { border-radius: 3rem 0 0 0; background-color: #0E62C4; color: white; } .boss__link--blue > svg path { stroke: white; } .boss__link--white { border-radius: 0 0 3rem 0; background-color: white; } .boss__link--white > svg path { stroke: #1B1B1B; } @media (max-width: 48em) { .boss { margin-bottom: 12rem; } .boss__content-block { flex-direction: column; align-items: normal; padding: 6rem 6rem 0 6rem; border: 2rem #fff solid; border-radius: 6rem; overflow: hidden; } .boss__img-box { order: 2; width: 100%; height: 76.8rem; margin-bottom: -20rem; margin-right: 0; } .boss__text-block { margin-bottom: 4rem; } .boss__sub-title { margin-bottom: 4rem; font-size: 3.4rem; line-height: 4.3rem; } .boss__title { margin-bottom: 8rem; font-size: 5rem; line-height: 6.4rem; } .boss__text { margin-bottom: 10rem; font-size: 3.4rem; line-height: 4.3rem; } .boss__buttons { flex-direction: column; justify-content: normal; align-items: normal; } .boss__link { width: 100%; height: 12rem; font-size: 3.6rem; line-height: 4.6rem; } .boss__link > span { flex: auto; text-align: center; } .boss__link > svg { flex: none; width: 5.2rem; height: 3.2rem; margin-left: 0; margin-right: 6.4rem; } .boss__link:nth-child(n+2) { margin-top: 4rem; } } .about-numbers { margin-bottom: 6rem; } .about-numbers__title { margin-bottom: 7rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .about-numbers__title { font-size: 6rem; line-height: 7.6rem; } } .about-numbers__cards { display: flex; flex-wrap: wrap; justify-content: space-between; } .about-numbers__item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 44.4rem; min-height: 21.1rem; height: auto; padding: 0 3rem; border-radius: 3rem 3rem 0 0; background-color: #fff; } .about-numbers__item:nth-child(n+4) { margin-top: 6rem; } .about-numbers__item:first-child { border-radius: 0 6rem; } .about-numbers__item:last-child { border-radius: 6rem 0; } .about-numbers__card-number { position: absolute; right: 2.3rem; top: -2rem; display: flex; align-items: center; justify-content: center; width: 7.5rem; height: 4.3rem; border-radius: 100rem; background-color: #BAC9D9; font-weight: bold; font-size: 1.8rem; line-height: 2.7rem; color: white; } .about-numbers__number { margin-bottom: 1.5rem; font-weight: 600; font-size: 5.5rem; line-height: 5rem; color: #CD010C; } .about-numbers__text { font-weight: 600; font-size: 2.2rem; line-height: 2.7rem; text-align: center; } @media (max-width: 48em) { .about-numbers { margin-bottom: 12rem; } .about-numbers__title { margin-bottom: 10rem; } .about-numbers__item { width: 100%; min-height: 42.2rem; padding: 0 6rem; border-radius: 6rem 6rem 0 0; background-color: #fff; } .about-numbers__item:nth-child(n+2) { margin-top: 10rem; } .about-numbers__item:first-child { border-radius: 0 12rem; } .about-numbers__item:last-child { border-radius: 12rem 0; } .about-numbers__card-number { position: absolute; right: 4rem; top: -4rem; width: 15rem; height: 8.6rem; font-size: 3.6rem; line-height: 5.4rem; } .about-numbers__number { margin-bottom: 4rem; font-size: 10rem; line-height: 9rem; } .about-numbers__text { font-size: 4.4rem; line-height: 5.4rem; } } .about-content { margin-bottom: 6rem; text-align: center; } .about-content__title { margin-bottom: 5rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .about-content__title { font-size: 6rem; line-height: 7.6rem; } } .about-content__sub-title { margin-bottom: 5rem; font-weight: 600; font-size: 3rem; line-height: 4.5rem; } .about-content__text { font-size: 2.5rem; line-height: 3.8rem; } .about-content__text:nth-child(n+2) { margin-top: 4rem; } .about-content__text--bold { font-weight: 600; } .about-content__text--gray { color: #9EA3B6; } .about-content__text--link { text-decoration: underline; color: #757988; } .about-content__text--block { display: block; } .about-content__list > li { width: fit-content; margin: 0 auto 0.5rem auto; list-style-type: disc; } .about-content__list > li::marker { font-size: 2.5rem; } .about-content__btn { display: flex; justify-content: center; align-items: center; width: 38.4rem; height: 6rem; margin: 8rem auto 0 auto; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; color: white; transition: var(--transition-button); } .about-content__btn:hover { background-color: var(--clr-button--hover); } .about-content__btn > svg { width: 2.6rem; height: 1.6rem; margin-left: 2.3rem; } .about-content__btn > svg path { stroke: white; } @media (max-width: 48em) { .about-content { margin-bottom: 12rem; text-align: left; } .about-content--limited { position: relative; } .about-content--limited > article { display: -webkit-box; -webkit-line-clamp: 20; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .about-content__title { margin-bottom: 6rem; } .about-content__sub-title { margin-bottom: 8rem; font-size: 5rem; line-height: 7.5rem; } .about-content__text { font-size: 3.4rem; line-height: 5.1rem; } .about-content__text:nth-child(n+2) { margin-top: 6rem; } .about-content__list > li { margin: 0 0 0 6rem; } .about-content__list > li::marker { font-size: 3.4rem; } .about-content__next { position: absolute; left: 4rem; bottom: -10rem; margin-top: 6rem; text-decoration: underline; color: #CD010C; cursor: pointer; } .about-content__btn { width: 100%; height: 12rem; margin-top: 10rem; border-radius: 6rem 0 0 0; font-size: 3.6rem; line-height: 4.6rem; } .about-content__btn > svg { width: 5.2rem; height: 3.2rem; margin-left: 4.6rem; } } .team { margin-bottom: 6rem; } .team__title { margin-bottom: 6rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .team__title { font-size: 6rem; line-height: 7.6rem; } } .team__item { display: flex; width: 100%; min-height: 63.7rem; border: 1rem solid #fff; border-radius: 4rem; background-color: #E9EBF2; } .team__item:nth-child(n+2) { margin-top: 4.5rem; } .team__img-box { flex: none; align-self: flex-end; width: 47rem; height: 60rem; margin-right: 1.5rem; border-radius: 0 0 0 2.5rem; overflow: hidden; } .team__img-box > img, .team__img-box picture, .team__img-box picture > img { width: 100%; height: 100%; object-fit: contain; object-position: bottom; } .team__text-block { width: 77.5rem; margin-top: 7rem; } .team__speciality { margin-bottom: 1.6rem; font-weight: 500; font-size: 1.8rem; line-height: 2.7rem; color: #757988; } .team__item-title { margin-bottom: 3.8rem; font-weight: bold; font-size: 4.4rem; line-height: 5.6rem; } .team__item-text { font-size: 2rem; line-height: 2.5rem; } @media (max-width: 48em) { .team { margin-bottom: 12rem; } .team__title { margin-bottom: 10rem; } .team__item { flex-direction: column; align-items: center; min-height: auto; border: 2rem solid #fff; border-radius: 8rem; overflow: hidden; } .team__item:nth-child(n+2) { margin-top: 6rem; } .team__img-box { order: 2; align-self: center; width: 100%; height: 90rem; padding: 0 3rem; margin-right: 0; margin-bottom: -20rem; } .team__text-block { order: 1; width: 59rem; margin-top: 6rem; margin-bottom: 3rem; } .team__speciality { margin-bottom: 6rem; font-size: 3.4rem; line-height: 4.3rem; } .team__item-title { margin-bottom: 6rem; font-size: 5rem; line-height: 6.3rem; } .team__item-text { font-size: 3.4rem; line-height: 4.3rem; } } .partner-stages { margin-bottom: 6rem; } .partner-stages--four .partner-stages__item-bg-line { position: absolute; top: -5rem; right: -65%; z-index: -1; width: 36.8rem; height: 43.6rem; } .partner-stages--four .partner-stages__item-bg-line > img, .partner-stages--four .partner-stages__item-bg-line picture, .partner-stages--four .partner-stages__item-bg-line picture > img { width: 100%; height: 100%; } .partner-stages--four .partner-stages__item:nth-child(even) > .partner-stages__item-bg-line { top: auto; bottom: -5rem; transform: rotate(180deg); } .partner-stages--five .partner-stages__wrapper { display: flex; justify-content: space-between; } .partner-stages--five .partner-stages__item-bg-line { position: absolute; top: -2rem; right: -81%; z-index: -1; width: 36.8rem; height: 43.6rem; } .partner-stages--five .partner-stages__item-bg-line > img, .partner-stages--five .partner-stages__item-bg-line picture, .partner-stages--five .partner-stages__item-bg-line picture > img { width: 100%; height: 100%; } .partner-stages--five .partner-stages__item:nth-child(even) > .partner-stages__item-bg-line { top: auto; bottom: -2rem; transform: rotate(180deg); } .partner-stages__title { margin-bottom: 9rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .partner-stages__title { font-size: 6rem; line-height: 7.6rem; } } .partner-stages__cards { display: flex; justify-content: space-between; margin-bottom: 6rem; } .partner-stages__item { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: auto; padding: 0 5rem 3.5rem 5rem; margin-right: 4.6rem; border-radius: 3rem 3rem 0 0; background-color: #D3D6E1; } .partner-stages__item:first-child { border-radius: 0 6rem; } .partner-stages__item:last-child { border-radius: 6rem 0; margin-right: 0; } .partner-stages__item:last-child > .partner-stages__item-bg-line { display: none; } .partner-stages__item-number { display: flex; align-items: center; justify-content: center; width: 7.5rem; height: 4.3rem; margin-top: -2rem; margin-bottom: 2.3rem; border-radius: 100rem; background-color: #0E62C4; font-weight: bold; font-size: 1.8rem; line-height: 2.7rem; color: white; } .partner-stages__item-icon { width: 4.5rem; height: 4.5rem; margin-bottom: 2.5rem; } .partner-stages__item-icon > img, .partner-stages__item-icon picture, .partner-stages__item-icon picture > img { width: 100%; height: 100%; object-fit: contain; } .partner-stages__item-title { font-weight: 600; font-size: 2.2rem; line-height: 2.8rem; text-align: center; } .partner-stages__btn { display: flex; align-items: center; justify-content: center; width: 29.7rem; height: 6rem; margin: 0 auto; border-radius: 3rem 0 0 0; background-color: #0E62C4; color: white; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; transition: var(--transition-button); } .partner-stages__btn:hover { background-color: var(--clr-button--hover); } .partner-stages__btn > svg { width: 2.6rem; height: 1.6rem; margin-left: 3.8rem; } .partner-stages__btn > svg path { stroke: white; } @media (max-width: 48em) { .partner-stages { margin-bottom: 12rem; } .partner-stages--five .partner-stages__cards { padding: 5rem 0 5rem 4rem; margin: 0 -4rem 4rem -4rem; } .partner-stages--five .partner-stages__item:nth-child(n+2) { margin-top: 0; } .partner-stages--five .partner-stages__item-bg-line { position: absolute; top: -6rem; right: -66%; z-index: -1; display: block; width: 73.6rem; height: 87.2rem; transform: rotate(40deg); } .partner-stages--five .partner-stages__item:nth-child(even) > .partner-stages__item-bg-line { top: auto; bottom: -7.2rem; transform: rotate(140deg); } .partner-stages__title { margin-bottom: 18rem; } .partner-stages__cards { flex-direction: column; justify-content: normal; margin-bottom: 10rem; } .partner-stages__item { width: 100%; min-height: 44rem; padding: 0 10rem 7rem 10rem; border-radius: 6rem 6rem 0 0; background-color: #D3D6E1; } .partner-stages__item:first-child { border-radius: 0 12rem; } .partner-stages__item:last-child { border-radius: 12rem 0; } .partner-stages__item:nth-child(n+2) { margin-top: 10rem; } .partner-stages__item-number { width: 15rem; height: 8.6rem; margin-top: -4rem; margin-bottom: 6.6rem; font-size: 3.6rem; line-height: 5.4rem; } .partner-stages__item-icon { width: 9rem; height: 9rem; margin-bottom: 5rem; } .partner-stages__item-title { font-size: 4.4rem; line-height: 5.5rem; } .partner-stages__btn { width: 59.4rem; height: 12rem; border-radius: 6rem 0 0 0; font-size: 3.6rem; line-height: 4.8rem; } .partner-stages__btn > svg { width: 5.2rem; height: 3.2rem; margin-left: 7.6rem; } .partner-stages__arrow-block { text-align: center; } .partner-stages__arrow-block > svg { width: 5.2rem; height: 5.2rem; margin: 0 1.5rem; stroke: #1B1B1B; cursor: pointer; } } .all-reviews { margin-bottom: 6rem; } .all-reviews__title-content { display: flex; justify-content: space-between; margin-bottom: 11.5rem; } .all-reviews__text-block { width: 72rem; } .all-reviews__sub-title { margin-bottom: 0.5rem; font-size: 1.8rem; line-height: 2.7rem; } .all-reviews__title { margin-bottom: 2.5rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .all-reviews__title { font-size: 6rem; line-height: 7.6rem; } } .all-reviews__text { font-size: 1.8rem; line-height: 2.7rem; } .all-reviews__rating-box:first-child { margin-bottom: 4rem; } .all-reviews__rating-title { margin-bottom: 0.6rem; font-size: 1.6rem; line-height: 2.4rem; color: #757988; } .all-reviews__total-feedback { font-weight: 600; font-size: 2.7rem; line-height: 4rem; } .all-reviews__average-rating { display: flex; align-items: center; font-weight: 600; font-size: 2.7rem; line-height: 4rem; } .all-reviews__rating-number { margin-right: 1.8rem; } .all-reviews__rating-icons-block { position: relative; } .all-reviews__rating-icons-empty { display: flex; align-items: center; } .all-reviews__rating-icons-empty > svg { width: 2.1rem; height: 2.1rem; margin: 0 0.5rem; } .all-reviews__rating-icons-empty > svg path { stroke: #0E62C4; } .all-reviews__rating-icons-full { position: absolute; left: 0; top: 0; display: flex; align-items: center; overflow: hidden; } .all-reviews__rating-icons-full > svg { flex: none; width: 2.1rem; height: 2.1rem; margin: 0 0.5rem; } .all-reviews__rating-icons-full > svg path { fill: #0E62C4; } .all-reviews__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .all-reviews__item { position: relative; display: flex; align-items: center; width: 68.7rem; min-height: 30rem; height: auto; padding-right: 5.6rem; padding-left: 37rem; border-radius: 0 6rem; background-color: #D3D6E1; } .all-reviews__item:nth-child(n+3) { margin-top: 10rem; } .all-reviews__item-bg { position: absolute; top: 0; left: 4rem; width: 30rem; height: 26rem; } .all-reviews__item-bg > img, .all-reviews__item-bg picture, .all-reviews__item-bg picture > img { width: 100%; height: 100%; object-fit: contain; object-position: top; } .all-reviews__item-img-box { position: absolute; left: 0; top: -10rem; width: 36.9rem; height: 40rem; } .all-reviews__item-img-box > img, .all-reviews__item-img-box picture, .all-reviews__item-img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .all-reviews__item-text-block { padding: 4rem 0 6rem 0; } .all-reviews__item-title { margin-bottom: 1.7rem; font-weight: 600; font-size: 2.5rem; line-height: 3.7rem; hyphens: auto; } .all-reviews__item-text { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 1.8rem; line-height: 2.7rem; } .all-reviews__item-link { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 17rem; height: 5.5rem; border-radius: 10rem 0 0 0; background-color: #0E62C4; font-weight: 600; font-size: 1.5rem; line-height: 1.9rem; color: white; text-transform: uppercase; transition: var(--transition-button); } .all-reviews__item-link:hover { background-color: var(--clr-button--hover); } .all-reviews__item-link > svg { width: 1rem; height: 1.6rem; margin-left: 1.4rem; } .all-reviews__item-link > svg path { stroke: white; fill: white; } .all-reviews__review-doc-bg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 14; background-color: rgba(0, 0, 0, 0.3); } .all-reviews__review-doc { display: none; position: fixed; left: 50%; top: 50%; z-index: 15; transform: translate(-50%, -50%); width: auto; height: 85%; max-width: 85%; } @media (max-width: 48em) { .all-reviews { margin-bottom: 12rem; } .all-reviews__title-content { flex-direction: column; justify-content: normal; margin-bottom: 0; } .all-reviews__text-block { width: 100%; } .all-reviews__sub-title { margin-bottom: 2rem; font-size: 3.4rem; line-height: 4.3rem; } .all-reviews__title { margin-bottom: 6rem; } .all-reviews__text { font-size: 3.6rem; line-height: 5.4rem; } .all-reviews__rating-block { display: flex; justify-content: space-between; } .all-reviews__rating-box:first-child { margin-bottom: 0; } .all-reviews__rating-title { margin-bottom: 1rem; font-weight: 500; font-size: 3.4rem; line-height: 5rem; } .all-reviews__total-feedback { font-size: 5rem; line-height: 7.5rem; } .all-reviews__average-rating { font-size: 5rem; line-height: 7.4rem; } .all-reviews__rating-number { margin-right: 2rem; } .all-reviews__rating-icons-empty > svg { width: 4rem; height: 4rem; margin: 0 1rem; } .all-reviews__rating-icons-full > svg { width: 4rem; height: 4rem; margin: 0 1rem; } .all-reviews__cards { margin-bottom: 10rem; } .all-reviews__item { flex-direction: column; align-items: normal; width: 100%; min-height: 90rem; padding: 0; border-radius: 0 12rem; text-align: center; } .all-reviews__item:nth-child(n+2) { margin-top: 42rem; } .all-reviews__item-bg { left: 50%; width: 60rem; height: 35rem; transform: translateX(-50%); border-radius: 0 1.6rem 0 0; overflow: hidden; } .all-reviews__item-img-box { position: relative; top: 0; width: 75rem; height: 75rem; margin-top: -37.5rem; margin-bottom: 3rem; } .all-reviews__item-text-block { width: 57.6rem; margin: 0 auto; padding: 0; } .all-reviews__item-title { margin-bottom: 3.4rem; font-size: 5rem; line-height: 7.4rem; } .all-reviews__item-text { margin-bottom: 17.6rem; font-size: 3.6rem; line-height: 5.4rem; } .all-reviews__item-link { width: 34rem; height: 11rem; padding-left: 4rem; border-radius: 20rem 0 0 0; font-size: 3rem; line-height: 3.8rem; } .all-reviews__item-link > svg { width: 2rem; height: 3.2rem; margin-left: 2.8rem; } .all-reviews__review-doc { width: 90%; height: auto; max-width: none; } } .review-page { margin-bottom: 6rem; } .review-page__title { margin-bottom: 5rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .review-page__title { font-size: 6rem; line-height: 7.6rem; } } .review-page__content { display: flex; align-items: center; } .review-page__image-block { position: relative; flex: none; width: 40rem; height: 40rem; margin-right: 2rem; } .review-page__img-box { width: 100%; height: 100%; } .review-page__img-box > img, .review-page__img-box picture, .review-page__img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .review-page__img-bg { position: absolute; left: 0; top: 0; z-index: -1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .review-page__img-bg > img, .review-page__img-bg picture, .review-page__img-bg picture > img { width: 90%; height: 90%; } .review-page__text { font-size: 2.5rem; line-height: 3.8rem; } .review-page__review-doc-bg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 14; background-color: rgba(0, 0, 0, 0.3); } .review-page__review-doc { display: none; position: fixed; left: 50%; top: 50%; z-index: 15; transform: translate(-50%, -50%); width: auto; height: 85%; max-width: 85%; } @media (max-width: 48em) { .review-page { margin-bottom: 12rem; } .review-page__title { margin-bottom: 6rem; } .review-page__content { flex-direction: column; align-items: normal; } .review-page__image-block { width: 100%; height: 75rem; margin-right: 2rem; } .review-page__img-box { width: calc(100% + 8rem); height: 90rem; margin: -10rem -4rem 0 -4rem; } .review-page__img-box > img, .review-page__img-box picture, .review-page__img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .review-page__text { font-size: 3.4rem; line-height: 5.1rem; } .review-page__review-doc { width: 90%; height: auto; max-width: none; } } .documents { margin-bottom: 6rem; } .documents__title { margin-bottom: 6rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .documents__title { font-size: 6rem; line-height: 7.6rem; } } .documents__sub-title { margin-bottom: 6rem; font-weight: 600; font-size: 3rem; line-height: 4.5rem; } .documents__cards { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 6rem; } .documents__cards:last-child { margin-bottom: 0; } .documents__item { position: relative; display: flex; align-items: center; justify-content: center; width: 44.6rem; min-height: 34.7rem; height: auto; border-radius: 0 3rem; background-color: #D3D6E1; } .documents__item:nth-child(n+2) { margin-top: 8rem; } .documents__item--big { width: 100%; padding: 0 12rem 0 4rem; } .documents__image-block { flex: none; position: relative; width: 30rem; height: 30rem; } .documents__img-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .documents__img-bg > img, .documents__img-bg picture, .documents__img-bg picture > img { width: 100%; height: 100%; object-fit: contain; } .documents__img-box { position: relative; left: -2rem; top: -6rem; width: 34rem; height: 34rem; } .documents__img-box > img, .documents__img-box picture, .documents__img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .documents__text-block { margin: 0 auto; padding-left: 8rem; } .documents__item-title { margin-bottom: 1rem; font-weight: 600; font-size: 2.5rem; line-height: 3.8rem; } .documents__item-text { font-size: 1.8rem; line-height: 2.7rem; } .documents__item-btn { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 17rem; height: 5.5rem; padding-left: 2rem; border-radius: 10rem 0 0 0; background-color: #0E62C4; font-weight: 600; font-size: 1.5rem; line-height: 1.9rem; color: white; text-transform: uppercase; transition: var(--transition-button); } .documents__item-btn:hover { background-color: var(--clr-button--hover); } .documents__item-btn > svg { width: 1rem; height: 1.6rem; margin-left: 2rem; } .documents__item-btn > svg path { fill: white; stroke: white; } .documents__cards-title { margin-bottom: 7rem; font-weight: 600; font-size: 4.4rem; line-height: 6.6rem; } @media (max-width: 48em) { .documents { margin-bottom: 12rem; } .documents__sub-title { margin-bottom: 42rem; font-size: 5rem; line-height: 7.5rem; } .documents__cards { margin-bottom: 0; margin-top: 42rem; } .documents__item { border-radius: 0 12rem; } .documents__item:nth-child(n+2) { margin-top: 40rem; } .documents__item--big { display: flex; flex-direction: column; align-items: normal; justify-content: normal; width: 100%; min-height: auto; padding: 0 4rem 14rem 4rem; text-align: center; } .documents__image-block { width: 60rem; height: 60rem; margin: 0 auto 0 auto; } .documents__img-bg { height: 30rem; } .documents__img-bg > img, .documents__img-bg picture, .documents__img-bg picture > img { object-fit: cover; object-position: bottom; } .documents__img-box { position: relative; left: 0; top: -28rem; width: 60rem; height: 60rem; } .documents__img-box > img, .documents__img-box picture, .documents__img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .documents__text-block { margin: -20rem 0 0 0; padding-left: 0; } .documents__item-title { margin-bottom: 6rem; font-size: 5rem; line-height: 6.3rem; } .documents__item-text { font-size: 3.6rem; line-height: 5.4rem; } .documents__item-btn { width: 34rem; height: 11rem; padding-left: 4rem; border-radius: 20rem 0 0 0; font-size: 3rem; line-height: 3.8rem; } .documents__item-btn > svg { width: 2rem; height: 3.2rem; margin-left: 4rem; } .documents__cards-title { margin-top: 28.8rem; margin-bottom: 0; font-size: 5rem; line-height: 7.5rem; } } .calculate { margin-bottom: 6rem; } .calculate--order .calculate__item--corporate { display: none; } .calculate--order .calculate__label-select { margin-bottom: 3rem; } .calculate--order .calculate__pay-option { width: 100%; margin: 12rem 0; } .calculate--order .calculate__pay-item { background-color: transparent; } .calculate--order .calculate__pay-item:nth-child(n+5) { margin-top: 0; } .calculate--order .calculate__total-sum { margin-bottom: 5rem; } .calculate--order .calculate__confirm-block { justify-content: normal; } .calculate--order .calculate__btn { margin-right: 6rem; } .calculate--order.corporate .calculate__item--corporate { display: block; } .calculate__section-title { margin-bottom: 5rem; font-weight: 600; font-size: 5.5rem; line-height: 7rem; } .calculate__form { padding: 5rem 7rem; border: 1rem solid #fff; border-radius: 4rem; background-color: #E9EBF2; } .calculate__block { display: flex; flex-wrap: wrap; justify-content: space-between; } .calculate__block:not(:last-child) { margin-top: 6rem; } .calculate__title { width: 100%; margin-bottom: 5rem; font-weight: bold; font-size: 4.4rem; line-height: 5.6rem; } .calculate__item { position: relative; display: block; width: 60.5rem; height: fit-content; margin-bottom: 6rem; } .calculate__label-select > svg { position: absolute; right: 2.5rem; top: 7.5rem; width: 1.6rem; height: 1rem; } .calculate__label-select > svg path { fill: #CD010C; stroke: #CD010C; } .calculate__label-input { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 3rem; border-bottom: 2px solid #C7CBDA; } .calculate__label-input > svg { width: 2rem; height: 2rem; margin-right: 1.5rem; } .calculate__label-input > svg path { fill: #B9BECD; } .calculate__label-checkbox { display: flex; align-items: center; width: 60.5rem; font-size: 1.8rem; line-height: 2.7rem; cursor: pointer; } .calculate__label-checkbox.check .calculate__checkbox-check > svg { display: block; } .calculate__range-min-max-block { display: flex; justify-content: space-between; font-size: 1.6rem; line-height: 2.1rem; margin-top: 1rem; color: #757988; } .calculate__input-name { width: 100%; font-size: 1.8rem; line-height: 5.2rem; color: #757988; } .calculate__input { position: relative; width: 100%; height: 6rem; font-weight: 600; font-size: 2.5rem; line-height: 5.2rem; } .calculate__input--select { background-color: transparent; border: none; outline: none; appearance: none; border-bottom: 2px solid #C7CBDA; cursor: pointer; } .calculate__input--range { position: relative; height: 2px; appearance: none; --range: calc(var(--max) - var(--min)); --ratio: calc((var(--value) - var(--min)) / var(--range)); --sx: calc(0.5 * 2px + var(--ratio) * (100% - 2px)); } .calculate__input--range::-webkit-slider-runnable-track { border-radius: 10px/100%; height: 2px; background: linear-gradient(#CD010C, #CD010C) 0/var(--sx) 100% no-repeat, #C7CBDA; } .calculate__input--range::-webkit-slider-thumb { background: #CD010C; border-radius: 100%; cursor: pointer; width: 1.8rem; height: 1.8rem; -webkit-appearance: none; margin-top: -0.8rem; } .calculate__input--range::-moz-range-track { border-radius: 10px/100%; height: 2px; background: linear-gradient(#CD010C, #CD010C) 0/var(--sx) 100% no-repeat, #C7CBDA; } .calculate__input--range::-moz-range-thumb { background: #CD010C; border-radius: 100%; cursor: pointer; width: 1.8rem; height: 1.8rem; -webkit-appearance: none; margin-top: -0.8rem; } .calculate__input--text { width: 90%; font-weight: 600; font-size: 2.5rem; line-height: 5.2rem; } .calculate__input-select-btn-load { display: block; width: fit-content; font-size: 1.8rem; line-height: 5.2rem; color: #CD010C; text-decoration: underline; cursor: pointer; } .calculate__input-select-btn-load > input { display: none; } .calculate__input-range-value { position: relative; top: 1rem; font-weight: 600; font-size: 2.5rem; line-height: 3.2rem; } .calculate__total-sum { display: flex; align-items: flex-start; font-size: 2.5rem; line-height: 5.2rem; } .calculate__total-sum--bold { margin-left: 5rem; font-weight: 600; font-size: 3.2rem; line-height: 5.2rem; } .calculate__pay-text { margin-bottom: 2rem; font-size: 2.5rem; line-height: 5.2rem; } .calculate__pay-image-block { display: flex; align-items: center; flex-wrap: wrap; } .calculate__pay-image-block > span { margin-right: 3rem; font-weight: 300; font-size: 1.8rem; line-height: 2.3rem; } .calculate__pay-item { display: flex; align-items: center; justify-content: center; width: 11.8rem; height: 8.8rem; margin-right: 2.5rem; border-radius: 0 3rem; background-color: #fff; cursor: pointer; font-weight: bold; font-size: 1.7rem; line-height: 2.15rem; color: #0F754E; } .calculate__pay-item:nth-child(n+5) { margin-top: 2.5rem; } .calculate__pay-item > img, .calculate__pay-item picture, .calculate__pay-item picture > img { width: 8.8rem; height: 5rem; object-fit: contain; } .calculate__pay-item > input { display: none; } .calculate__order-pay-option-block { display: flex; justify-content: space-between; } .calculate__order-pay-option { display: flex; align-items: center; justify-content: center; width: 60.7rem; min-height: 8.8rem; padding: 2rem; border-radius: 0 3rem; background-color: white; cursor: pointer; font-weight: bold; font-size: 1.7rem; line-height: 2.2rem; } .calculate__order-pay-option > input { display: none; } .calculate__order-pay-option.active { border: 4px solid rgb(28, 78, 138); } .calculate__confirm-block { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 2rem; } .calculate__btn { display: flex; align-items: center; justify-content: space-between; width: 29.7rem; height: 6rem; padding: 0 3.2rem 0 4.4rem; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; color: white; transition: var(--transition-button); } .calculate__btn:hover { background-color: var(--clr-button--hover); } .calculate__btn > svg { width: 2.6rem; height: 1.6rem; } .calculate__btn > svg path { stroke: white; } .calculate__checkbox { display: none; } .calculate__checkbox-check { flex: none; display: flex; align-items: center; justify-content: center; width: 4.6rem; height: 4.6rem; margin-right: 1.8rem; border-radius: 100%; background-color: #fff; } .calculate__checkbox-check > svg { display: none; width: 1.8rem; height: 1.4rem; } .calculate__checkbox-check > svg path { stroke: #CD010C; } .calculate__complete { padding: 6rem; } @media (max-width: 48em) { .calculate { margin-bottom: 12rem; } .calculate--order .calculate__label-select { margin-bottom: 6rem; } .calculate--order .calculate__pay-option { margin: 16rem 0; } .calculate--order .calculate__pay-item:nth-child(n+4) { margin-top: 0; } .calculate--order .calculate__pay-item:nth-child(n+5) { margin-top: 3rem; } .calculate--order .calculate__total-sum { margin-bottom: 11rem; } .calculate--order .calculate__btn { margin-right: 0; } .calculate__section-title { margin-bottom: 6rem; font-size: 6rem; line-height: 7.6rem; } .calculate__form { padding: 6rem; border: 2rem solid #fff; border-radius: 8rem; } .calculate__block:nth-child(n+2) { margin-top: 16rem; } .calculate__title { margin-bottom: 6rem; font-size: 5rem; line-height: 6.3rem; } .calculate__item { width: 100%; margin-bottom: 6rem; } .calculate__label-select > svg { position: absolute; right: 0; top: 15.5rem; width: 3.2rem; height: 2rem; } .calculate__label-input > svg { width: 4rem; height: 4rem; margin-right: 3rem; } .calculate__label-checkbox { width: 100%; font-weight: 300; font-size: 3.4rem; line-height: 4.3rem; } .calculate__range-min-max-block { font-size: 3.2rem; line-height: 4.2rem; } .calculate__input-name { font-size: 3.6rem; line-height: 10.4rem; } .calculate__input { height: 12rem; font-size: 5rem; line-height: 10.4rem; } .calculate__input--range { position: relative; height: 2px; } .calculate__input--range::-webkit-slider-thumb { width: 3.6rem; height: 3.6rem; margin-top: -1.6rem; } .calculate__input--range::-moz-range-thumb { width: 3.6rem; height: 3.6rem; margin-top: -1.6rem; } .calculate__input--text { width: calc(100% - 7rem); font-size: 5rem; line-height: 10.4rem; } .calculate__input-select-btn-load { font-size: 3.4rem; line-height: 10.4rem; } .calculate__input-range-value { top: 0; font-size: 5rem; line-height: 6.4rem; } .calculate__total-sum { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4rem; font-size: 3.4rem; line-height: 10.4rem; } .calculate__total-sum--bold { font-size: 5rem; line-height: 10.4rem; } .calculate__pay-option { width: 100%; } .calculate__pay-text { margin-bottom: 4rem; font-size: 3.4rem; line-height: 4.3rem; } .calculate__pay-image-block > span { width: 100%; margin-bottom: 2rem; font-weight: 400; font-size: 3.4rem; line-height: 4.3rem; } .calculate__pay-item { width: 14.2rem; height: 10.6rem; margin-right: 3rem; font-size: 2.2rem; line-height: 2.8rem; } .calculate__pay-item:nth-child(n+4) { margin-top: 3rem; } .calculate__pay-item > img, .calculate__pay-item picture, .calculate__pay-item picture img { width: 10.6rem; height: 6rem; } .calculate__order-pay-option-block { display: block; margin-bottom: 8rem; } .calculate__order-pay-option { width: 100%; min-height: 10.6rem; border-radius: 0 2rem; font-size: 3.6rem; line-height: 4.6rem; } .calculate__order-pay-option.active { border: 2px solid rgb(28, 78, 138); } .calculate__order-pay-option:not(:last-child) { margin-bottom: 6rem; } .calculate__confirm-block { flex-direction: column; align-items: normal; justify-content: normal; margin-top: 4rem; } .calculate__btn { width: 100%; height: 12rem; margin-bottom: 6rem; margin-top: 4rem; padding: 0 6.4rem 0 8.8rem; border-radius: 6rem 0 0 0; font-size: 3.6rem; line-height: 4.6rem; } .calculate__btn > svg { width: 5.2rem; height: 3.2rem; } .calculate__checkbox-check { width: 9.2rem; height: 9.2rem; margin-right: 3.6rem; } .calculate__checkbox-check > svg { width: 3.6rem; height: 2.8rem; } .calculate__complete { padding: 6rem 0; } .calculate__complete .complete__text { line-height: 5.1rem; } } .train-req { margin-bottom: 6rem; } .train-req__title { margin-bottom: 5rem; font-weight: 600; font-size: 4.4rem; line-height: 6.6rem; } .train-req__cards { display: flex; flex-wrap: wrap; justify-content: space-between; } .train-req__item { position: relative; display: flex; align-items: center; width: 68.7rem; min-height: 27.9rem; height: auto; border-radius: 3rem; background-color: #fff; } .train-req__item:nth-child(n+3) { margin-top: 5rem; } .train-req__img-box { flex: none; align-self: flex-end; width: 32rem; height: 27.9rem; margin-right: 2rem; } .train-req__img-box > img, .train-req__img-box picture, .train-req__img-box picture img { width: 100%; height: 100%; object-fit: contain; object-position: bottom; } .train-req__text { width: 31rem; font-weight: 600; font-size: 3.2rem; line-height: 4.1rem; } .train-req__btn { position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 11.7rem; height: 5.5rem; padding-left: 1rem; border-radius: 10rem 0 5rem 0; background-color: #0E62C4; transition: var(--transition-button); } .train-req__btn:hover { background-color: var(--clr-button--hover); } .train-req__btn > svg { width: 0.9rem; height: 1.6rem; } .train-req__btn > svg path { fill: white; stroke: white; } @media (max-width: 48em) { .train-req { margin-bottom: 12rem; } .train-req__title { margin-bottom: 14rem; font-size: 6rem; line-height: 9rem; } .train-req__item { flex-direction: column; align-items: normal; justify-content: space-between; width: 100%; min-height: 98rem; border-radius: 6rem; } .train-req__item:nth-child(n+2) { margin-top: 6rem; } .train-req__img-box { order: 2; align-self: normal; width: 90%; height: 60rem; margin-right: 2rem; } .train-req__img-box > img, .train-req__img-box picture, .train-req__img-box picture img { object-position: bottom; } .train-req__text { order: 1; width: 100%; padding: 8rem 6rem 1rem 8rem; font-size: 6.4rem; line-height: 8.1rem; } .train-req__btn { width: 23.4rem; height: 11rem; padding-left: 2rem; border-radius: 20rem 0 10rem 0; } .train-req__btn > svg { width: 1.8rem; height: 3.2rem; } } .services { margin-bottom: 6rem; } .services__title { margin-bottom: 6rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .services__title { font-size: 6rem; line-height: 7.6rem; } } .services__content { display: flex; justify-content: space-between; } .services__services-menu { position: relative; width: 41.5rem; } .services__services-menu-name { display: flex; align-items: center; padding-bottom: 2.5rem; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; border-bottom: 1px solid #C7CBDA; } .services__services-menu-name.open .services__services-burger > div { opacity: 0; } .services__services-menu-name.open .services__services-burger:before { top: calc(50% - 1px); transform: rotate(45deg); } .services__services-menu-name.open .services__services-burger:after { bottom: calc(50% - 1px); transform: rotate(-45deg); } .services__services-burger { position: relative; display: flex; align-items: center; width: 2rem; height: 1.6rem; margin-right: 2.7rem; } .services__services-burger > div { width: 100%; height: 2px; background-color: #CD010C; opacity: 1; transition: 0.3s ease; } .services__services-burger:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 2px; background-color: #CD010C; transition: 0.5s ease; } .services__services-burger:after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 2px; background-color: #CD010C; transition: 0.5s ease; } .services__services-list { margin-bottom: 5rem; } .services__services-item { padding: 3rem 0; border-bottom: 1px solid #C7CBDA; } .services__services-item-name { display: flex; align-items: flex-start; justify-content: space-between; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; cursor: pointer; } .services__services-item-name > svg { flex: none; width: 1.6rem; height: 1rem; margin-top: 1rem; transition: 0.3s ease; } .services__services-item-name > svg path { fill: #CD010C; stroke: #CD010C; } .services__services-item-name.open > svg { transform: rotate(180deg); } .services__services-sub-list { display: none; padding-left: 3rem; } .services__services-sub-item { margin-top: 1.5rem; font-size: 1.8rem; line-height: 2.3rem; color: #757988; } .services__filter-block { padding: 3rem; border-radius: 1.5rem; background-color: #fff; } .services__filter-name { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; } .services__filter-name > svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 2.4rem; height: 2.4rem; margin-left: 2rem; cursor: pointer; } .services__filter-name > svg path { fill: #CD010C; } .services__range-block { position: relative; display: block; width: 100%; } .services__label-range { display: block; } .services__label-range.disabled .services__input-range::-webkit-slider-runnable-track { background: linear-gradient(#757988, #757988) 0/var(--sx) 100% no-repeat, #C7CBDA; } .services__label-range.disabled .services__input-range::-webkit-slider-thumb { background: #757988; } .services__label-range.disabled .services__input-range::-moz-range-track { background: linear-gradient(#757988, #757988) 0/var(--sx) 100% no-repeat, #C7CBDA; } .services__label-range.disabled .services__input-range::-moz-range-thumb { background: #757988; } .services__input-range-value { margin-bottom: 1rem; font-weight: 600; font-size: 2.5rem; line-height: 3.2rem; } .services__input-range { position: relative; display: block; width: 100%; height: 2px; margin-bottom: 2rem; appearance: none; --range: calc(var(--max) - var(--min)); --ratio: calc((var(--value) - var(--min)) / var(--range)); --sx: calc(0.5 * 2px + var(--ratio) * (100% - 2px)); } .services__input-range::-webkit-slider-runnable-track { border-radius: 10px/100%; height: 2px; background: linear-gradient(#CD010C, #CD010C) 0/var(--sx) 100% no-repeat, #C7CBDA; } .services__input-range::-webkit-slider-thumb { background: #CD010C; border-radius: 100%; cursor: pointer; width: 1.8rem; height: 1.8rem; -webkit-appearance: none; margin-top: -0.8rem; } .services__input-range::-moz-range-track { border-radius: 10px/100%; height: 2px; background: linear-gradient(#CD010C, #CD010C) 0/var(--sx) 100% no-repeat, #C7CBDA; } .services__input-range::-moz-range-thumb { background: #CD010C; border-radius: 100%; cursor: pointer; width: 1.8rem; height: 1.8rem; -webkit-appearance: none; margin-top: -0.8rem; } .services__range-min-max-block { display: flex; justify-content: space-between; font-size: 1.6rem; line-height: 2.1rem; color: #757988; } .services__cards-block { width: 96.6rem; } .services__cards { display: flex; flex-wrap: wrap; justify-content: space-between; } .services__cards:nth-child(n+2) { margin-top: 7rem; } .services__cards-title { width: 100%; margin-bottom: 2.5rem; font-weight: bold; font-size: 3rem; line-height: 3.8rem; } .services__item { position: relative; display: flex; align-items: center; width: 47.8rem; min-height: 22.4rem; height: auto; padding: 2rem; border-radius: 3rem; background-color: #fff; } .services__item:nth-child(n+4) { margin-top: 1rem; } .services__item.open { position: relative; z-index: 6; border-radius: 3rem 3rem 0 0; } .services__item.open .services__btn > svg { transform: rotate(180deg); } .services__img-box { flex: none; align-self: flex-start; width: 20rem; height: 18rem; margin-right: 1rem; border-radius: inherit; } .services__img-box > img, .services__img-box picture, .services__img-box picture > img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } .services__item-title { margin-bottom: 2rem; font-weight: 600; font-size: 2.4rem; line-height: 3rem; } .services__item-link { display: flex; align-items: center; font-size: 1.6rem; line-height: 2rem; color: #757988; } .services__item-link > svg { width: 0.9rem; height: 1.6rem; margin-left: 1rem; } .services__item-link > svg path { fill: #757988; stroke: #757988; } .services__btn { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 11.7rem; height: 5.5rem; border-radius: 10rem 0 6rem 0; background-color: #0E62C4; transition: var(--transition-button); } .services__btn:hover { background-color: var(--clr-button--hover); } .services__btn > svg { width: 2.1rem; height: 1.2rem; transition: transform 0.25s ease; } .services__btn > svg path { stroke: white; fill: white; } .services__btn--link > svg { transform: rotate(-90deg) translateY(3px); } .services__card-sub-item { display: none; position: absolute; left: 0; top: 100%; width: 100%; border-radius: 0 0 3rem 3rem; background-color: white; } .services__card-item { padding: 3rem 4rem; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; border-top: 1px solid #C7CBDA; } .services__card-item--gray { font-weight: normal; color: #757988; } .services__card-item > a { display: flex; align-items: center; justify-content: space-between; } .services__card-item > a span { transition: var(--transition-section-link); } .services__card-item > a:hover > span:first-child { color: var(--clr-section-link--hover); } .services__card-item > a > span:last-child { flex: none; margin-left: 2rem; } .services__card-more-link { display: block; width: fit-content; margin: 3rem auto; border-bottom: 1px solid #CD010C; font-weight: 500; font-size: 1.8rem; line-height: 2.7rem; color: #CD010C; } .services__card-open-bg { display: none; position: fixed; left: 0; top: 0; z-index: 5; width: 100vw; height: 100vh; background-color: rgba(27, 27, 27, 0.2); } @media (max-width: 48em) { .services { margin-bottom: 12rem; } .services__title { margin-bottom: 6rem; } .services__content { flex-direction: column; justify-content: normal; } .services__services-menu { position: relative; width: 100%; margin-bottom: 5rem; } .services__services-menu-name { display: flex; align-items: center; justify-content: center; height: 12rem; padding-bottom: 0; font-size: 3.6rem; line-height: 4.6rem; border-bottom: none; border-radius: 12rem 0 20rem 12rem; background-color: #fff; cursor: pointer; transition: 0.15s ease; } .services__services-menu-name.open { border-radius: 8rem 0 0 0; border-bottom: 1px solid #C7CBDA; } .services__services-menu-name.open .services__services-burger > div { opacity: 0; } .services__services-menu-name.open .services__services-burger:before { top: calc(50% - 1px); transform: rotate(45deg); } .services__services-menu-name.open .services__services-burger:after { bottom: calc(50% - 1px); transform: rotate(-45deg); } .services__services-burger { width: 4rem; height: 3.2rem; margin-right: 5.4rem; } .services__services-list { display: none; margin-bottom: 0; } .services__services-item { padding: 4rem 6rem 6rem 7.2rem; background-color: #fff; } .services__services-item:last-child { border-bottom: none; } .services__services-item-name { font-size: 3.6rem; line-height: 4.6rem; } .services__services-item-name > svg { width: 3.2rem; height: 2rem; margin-top: 1.5rem; } .services__services-sub-list { padding-left: 6rem; } .services__services-sub-item { margin-top: 3.4rem; font-size: 3.6rem; line-height: 4.6rem; } .services__filter-block { display: none; padding: 4rem 6rem 6rem 7.2rem; border-radius: 0; border-top: 1px solid #C7CBDA; } .services__filter-name { margin-bottom: 0; font-size: 3.6rem; line-height: 4.6rem; cursor: pointer; } .services__filter-name > svg { flex: none; width: 3.2rem; height: 2rem; margin-left: 4rem; transform: rotate(0); transition: transform 0.3s ease; } .services__filter-name > svg path { fill: #CD010C; stroke: #CD010C; } .services__filter-name.open > svg { transform: rotate(180deg); } .services__range-block { position: relative; display: block; width: 100%; margin-top: 4rem; } .services__input-range-value { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; font-weight: bold; font-size: 3.6rem; line-height: 4.6rem; } .services__input-range-value .filter-disable { width: 4.8rem; height: 4.8rem; } .services__input-range-value .filter-disable path { fill: #CD010C; } .services__input-range { margin-bottom: 3rem; } .services__input-range::-webkit-slider-thumb { width: 3.6rem; height: 3.6rem; margin-top: -1.6rem; } .services__input-range::-moz-range-thumb { width: 3.6rem; height: 3.6rem; margin-top: -1.6rem; } .services__range-min-max-block { font-size: 3.6rem; line-height: 4.6rem; } .services__cards-block { width: 100%; } .services__cards:nth-child(n+2) { margin-top: 16rem; } .services__cards-title { margin-bottom: 6rem; font-size: 5rem; line-height: 6.3rem; } .services__item { flex-wrap: wrap; width: 100%; min-height: 38rem; padding: 4rem 3rem; border-radius: 6rem; background-color: #fff; } .services__item:nth-child(n+2) { margin-top: 2rem; } .services__item.open { border-radius: 6rem; } .services__img-box { align-self: center; width: 27rem; height: 30rem; margin-right: 0; } .services__item-text-block { width: 38rem; } .services__item-title { margin-bottom: 4rem; font-size: 4rem; line-height: 5rem; hyphens: auto; } .services__item-link { font-size: 3.2rem; line-height: 4rem; } .services__item-link > svg { width: 1.8rem; height: 3.2rem; margin-left: 2rem; } .services__btn { width: 17.2rem; height: 8rem; border-radius: 20rem 0 12rem 0; } .services__btn > svg { width: 3.2rem; height: 1.8rem; } .services__btn--link > svg { transform: rotate(-90deg) translateY(2px); } .services__card-sub-item { position: static; width: 100%; background-color: transparent; } .services__card-item { margin: 0 -4rem 0 -2rem; padding: 6rem; font-size: 3.4rem; line-height: 4.3rem; border-top: none; border-bottom: 1px solid #C7CBDA; } .services__card-item > a > span:last-child { margin-left: 3rem; } .services__card-more-link { margin: 6rem auto; font-size: 3.4rem; line-height: 4.3rem; } } .service-detail { position: relative; background: rgba(255, 255, 255, 0.5); margin-block-end: 2rem; overflow: hidden; } @media (max-width: 48em) { .service-detail { padding-block: 12rem; } } .service-detail__wrapper { display: flex; gap: 50px; } @media (max-width: 48em) { .service-detail__wrapper { flex-direction: column-reverse; gap: 0; } } .service-detail__img { flex: 1 1 67%; margin-inline-end: -42rem; } @media (max-width: 48em) { .service-detail__img { margin-inline-end: 0; } } .service-detail__img img, .service-detail__img picture, .service-detail__img picture img { display: block; height: 100%; width: 100%; object-fit: cover; object-position: center; } .service-detail__content { display: flex; flex-direction: column; flex: 1 1 33%; padding-block: 5rem; } @media (max-width: 48em) { .service-detail__content { padding-block: 7.4rem 0; } } .service-detail__title { font-size: 6.7rem; font-weight: 700; line-height: 100%; margin-block-end: 6.1rem; } @media (max-width: 48em) { .service-detail__title { font-size: 9.4rem; margin-block-end: 4.7rem; } } .service-detail__subtitle, .service-detail__subtitle p { font-size: 2.2rem; font-weight: 300; line-height: 3.3rem; } @media (max-width: 48em) { .service-detail__subtitle, .service-detail__subtitle p { font-size: 4.5rem; font-weight: 600; line-height: 6.5rem; } } .service-detail__buttons { display: flex; gap: 50px; margin-block: auto 0; } @media (max-width: 48em) { .service-detail__buttons { flex-direction: column; gap: 0; } } .service-detail__btn { display: flex; align-items: center; justify-content: space-between; width: 36.2rem; height: 10.2rem; margin-top: 6rem; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 2.5rem; line-height: 3rem; color: white; padding-inline: 4.9rem; transition: var(--transition-button); } .service-detail__btn:hover { background-color: var(--clr-button--hover); } @media (max-width: 48em) { .service-detail__btn { width: 100%; height: 15.6rem; border-radius: 6rem 0 0 0; font-size: 4rem; line-height: 5rem; } } .service-detail__btn > svg { width: 3.8rem; height: 1.95rem; margin-left: 3rem; stroke: white; } @media (max-width: 48em) { .service-detail__btn > svg { width: 5.2rem; height: 3rem; margin-left: 6rem; } } .service-detail__btn--inverse { color: var(--clr-button--primary); background-color: var(--clr-white); border: 4px solid var(--clr-button--primary); } .service-detail__btn--inverse > svg { stroke: var(--clr-button--primary); } .service-detail__btn--inverse:hover { color: var(--clr-white); } .service-detail__btn--inverse:hover > svg { stroke: var(--clr-white); } .service-list { padding-block: 10rem 10rem; } .service-list__title { font-size: 5.4rem; font-weight: 700; line-height: 1.3; margin-block-end: 2rem; } @media (max-width: 48em) { .service-list__title { font-size: 7.8rem; } } .service-list__contents { padding-inline-start: 4rem; } .service-list__item { list-style-type: inherit; } .service-list__item::marker { color: var(--clr-link--default); } .service-list__link { font-size: 3rem; line-height: 150%; color: var(--clr-link--default); } @media (max-width: 48em) { .service-list__link { font-size: 4.5rem; } } .service-calculate { margin-bottom: 6rem; } .service-calculate__content-block { display: flex; align-items: center; justify-content: space-between; padding: 7rem 9rem 7rem 7rem; border: 1rem solid white; border-radius: 4rem; background-color: #E9EBF2; } .service-desc { margin-bottom: 6rem; } .service-desc__cards { display: flex; width: 100%; margin-bottom: 10rem; } .service-desc__item { position: relative; width: 100%; min-height: 27rem; height: auto; margin-right: 4.6rem; padding: 4.4rem 3.1rem 5rem 3.1rem; border-radius: 3rem 3rem 0 0; background-color: #fff; } .service-desc__item:first-child { border-radius: 0 6rem; } .service-desc__item:last-child { border-radius: 6rem 0; margin-right: 0; } .service-desc__item:nth-child(n+5) { margin-top: 4rem; } .service-desc__number { position: absolute; top: -1.9rem; right: 2.3rem; display: flex; align-items: center; justify-content: center; width: 7.5rem; height: 4.3rem; border-radius: 100rem; background-color: #BAC9D9; font-weight: bold; font-size: 1.8rem; line-height: 2.7rem; color: white; } .service-desc__icon { margin-bottom: 4rem; } .service-desc__icon > svg { width: 5.4rem; height: 5.4rem; } .service-desc__icon > svg path { fill: #CD010C; } .service-desc__item-title { margin-bottom: 1.4rem; font-weight: 600; font-size: 2.2rem; line-height: 2.7rem; } .service-desc__item-list { font-size: 1.6rem; line-height: 2.4rem; color: #757988; } .service-desc__item-list > li { list-style-type: disc; margin-left: 2.5rem; } .service-desc__title { margin-bottom: 4rem; font-weight: bold; font-size: 3.6rem; line-height: 4.6rem; } .service-desc__description { margin-bottom: 6rem; font-size: 2.5rem; line-height: 3.2rem; } .service-desc__btn { display: flex; align-items: center; justify-content: center; width: 36.2rem; height: 7.8rem; margin-top: 6rem; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 2rem; line-height: 2.5rem; color: white; transition: var(--transition-button); } .service-desc__btn:hover { background-color: var(--clr-button--hover); } .service-desc__btn > svg { width: 2.6rem; height: 1.5rem; margin-left: 3rem; stroke: white; } @media (max-width: 48em) { .service-desc { margin-bottom: 12rem; } .service-desc__cards { flex-direction: column; margin-bottom: 16rem; } .service-desc__item { width: 100%; min-height: 54rem; padding: 8.4rem 8.4rem 9rem 7.6rem; border-radius: 6rem 6rem 0 0; } .service-desc__item:nth-child(n+2) { margin-top: 11.8rem; } .service-desc__number { top: -3.8rem; right: 6rem; width: 15rem; height: 8.6rem; font-size: 3.6rem; line-height: 5.4rem; } .service-desc__icon { margin-bottom: 8rem; } .service-desc__icon > svg { width: 10.8rem; height: 10.8rem; } .service-desc__item-title { margin-bottom: 2.8rem; font-size: 5rem; line-height: 6.3rem; } .service-desc__item-list { font-size: 3.4rem; line-height: 5rem; } .service-desc__item-list > li { margin-left: 5rem; } .service-desc__text-content { width: 100%; } .service-desc__title { margin-bottom: 6rem; font-size: 6rem; line-height: 7.6rem; } .service-desc__description { margin-bottom: 10rem; font-size: 3.4rem; line-height: 4.3rem; } .service-desc__btn { width: 100%; height: 15.6rem; border-radius: 6rem 0 0 0; font-size: 4rem; line-height: 5rem; } .service-desc__btn > svg { width: 5.2rem; height: 3rem; margin-left: 6rem; } } .courses { margin-bottom: 6rem; } .courses--watched .courses__title-text-block { width: 100%; } .courses--watched .courses__image-block { padding: 2rem; } .courses__title-block { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10rem; } .courses__title { font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .courses__title { font-size: 6rem; line-height: 7.6rem; } } .courses__item { display: flex; flex-direction: column; justify-content: space-between; height: auto; } .courses__item-title-block { display: flex; justify-content: space-between; margin-bottom: 6rem; } .courses__title-text-block { width: 45rem; } .courses__item-name { font-weight: 300; font-size: 1.5rem; line-height: 1.9rem; color: #757988; } .courses__item-title { font-weight: 600; font-size: 3rem; line-height: 3.8rem; } .courses__item-number { flex: none; display: flex; justify-content: center; align-items: center; width: 7.8rem; height: 7.8rem; border-radius: 100%; background-color: #CD010C; } .courses__item-number > span { display: flex; align-items: flex-start; margin-left: -0.5rem; font-weight: 600; font-size: 2.6rem; line-height: 3.3rem; color: rgba(255, 255, 255, 0.85); } .courses__item-number > span:before { content: "#"; display: block; font-size: 1.3rem; line-height: 1.6rem; } .courses__image-block { display: flex; align-items: center; justify-content: center; width: 100%; height: 30.6rem; padding: 2.5rem; border-radius: 3rem; background-color: white; } .courses__img-box { width: 100%; height: 100%; border-radius: 3rem; overflow: hidden; } .courses__img-box > img, .courses__img-box picture, .courses__img-box picture > img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 48em) { .courses { margin-bottom: 12rem; } .courses__title-block { flex-direction: column; justify-content: normal; align-items: normal; margin-bottom: 10rem; } .courses__title { margin-bottom: 6rem; } .courses__slider { margin-right: -4rem; } .courses__item-title-block { margin-bottom: 12rem; } .courses__title-text-block { width: 100%; } .courses__item-name { font-size: 3rem; line-height: 3.8rem; } .courses__item-title { font-size: 6rem; line-height: 7.6rem; word-break: break-word; } .courses__item-number { flex: none; width: 15.6rem; height: 15.6rem; } .courses__item-number > span { margin-left: -0.5rem; font-size: 5.2rem; line-height: 6.6rem; } .courses__item-number > span:before { font-size: 2.6rem; line-height: 3.2rem; } .courses__image-block { height: 57.2rem; padding: 2rem; border-radius: 6rem; } .courses__img-box { border-radius: 6rem; } } .dist-learning { margin-bottom: 6rem; } .dist-learning__content-block { display: flex; align-items: center; justify-content: space-between; padding: 7rem 9rem 7rem 7rem; border: 1rem solid white; border-radius: 4rem; background-color: #E9EBF2; } .dist-learning__img-box { flex: none; width: 31.1rem; height: 63.1rem; } .dist-learning__img-box > img, .dist-learning__img-box picture, .dist-learning__img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .dist-learning__text-block { width: 83.5rem; } .dist-learning__sub-title { margin-bottom: 1.2rem; font-weight: 500; font-size: 1.8rem; line-height: 2.7rem; color: #757988; } .dist-learning__title { width: 70rem; margin-bottom: 3.8rem; font-weight: bold; font-size: 4.4rem; line-height: 5.6rem; } .dist-learning__list-item { font-weight: 600; font-size: 2rem; line-height: 2.5rem; } .dist-learning__list-item:nth-child(n+2) { margin-top: 2.5rem; } .dist-learning__sub-list-item { list-style-type: disc; margin-left: 3.5rem; font-weight: 400; } .dist-learning--practical-skills .dist-learning__content-block { display: grid; } .dist-learning--practical-skills .dist-learning__title { width: inherit; margin-bottom: 3.8rem; } .dist-learning--practical-skills .dist-learning__subtitle { margin-bottom: 10rem; font-size: 2.5rem; line-height: 3rem; } .dist-learning--practical-skills .dist-learning__items { display: flex; flex-wrap: wrap; gap: 5%; margin-bottom: 10.5rem; } .dist-learning--practical-skills .dist-learning__item { flex: 1 1 28.33%; font-size: 2.5rem; line-height: 3rem; } .dist-learning--practical-skills .dist-learning__item-title { font-weight: 700; margin-block-end: 2rem; } .dist-learning--practical-skills .dist-learning__slider { max-width: 100%; margin-bottom: 4rem; } .dist-learning--practical-skills .dist-learning__navigation-block { justify-content: space-between; } .dist-learning--practical-skills .dist-learning__pagination { display: block; margin: 0 1rem; transform: translateX(0) !important; } @media (max-width: 48em) { .dist-learning { margin-bottom: 12rem; } .dist-learning__content-block { flex-direction: column; align-items: normal; justify-content: normal; padding: 6rem 6rem 0 6rem; border: 2rem solid white; border-radius: 8rem; overflow: hidden; } .dist-learning__img-box { order: 2; width: 54.6rem; height: 110.6rem; margin: 0 auto -41.2rem auto; } .dist-learning__text-block { order: 1; width: 100%; margin-bottom: 11rem; } .dist-learning__sub-title { margin-bottom: 4rem; font-size: 3.4rem; line-height: 4.3rem; } .dist-learning__title { width: 100%; margin-bottom: 6rem; font-size: 5rem; line-height: 7.3rem; } .dist-learning__list-item { font-size: 3.4rem; line-height: 4.3rem; } .dist-learning__list-item:nth-child(n+2) { margin-top: 5rem; } .dist-learning__sub-list-item { margin-left: 5rem; } .dist-learning--practical-skills .dist-learning__title { line-height: 1.2; } .dist-learning--practical-skills .dist-learning__subtitle { margin-bottom: 6rem; font-size: 3.4rem; line-height: 4.3rem; } .dist-learning--practical-skills .dist-learning__items { flex-direction: column; margin-block-end: 6rem; } .dist-learning--practical-skills .dist-learning__item { flex: unset; font-size: 3.4rem; line-height: 4.3rem; margin-block-end: 4rem; } .dist-learning--practical-skills .dist-learning__item-text { list-style-type: disc; display: list-item; margin-inline-start: 4rem; } } .news { margin-bottom: 6rem; } .news__title-block { display: flex; justify-content: space-between; margin-bottom: 6rem; } .news__title { font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .news__title { font-size: 6rem; line-height: 7.6rem; } } .news__item { display: flex; flex-direction: column; height: auto; padding: 5rem; border: 1rem solid white; border-radius: 3rem; background-color: white; color: white; } .news__item--blue { background-color: #0E62C4; } .news__item--red { background-color: #CD010C; } .news__img-box { width: 21.8rem; height: 21.8rem; margin-bottom: 3rem; border-radius: 3rem; background-color: white; overflow: hidden; } .news__img-box img { width: 100%; height: 100%; object-fit: contain; } .news__item-title { margin-bottom: 5rem; font-weight: bold; font-size: 4.4rem; line-height: 5.6rem; } .news__courses-name { margin-bottom: 5rem; font-weight: 600; font-size: 3.6rem; line-height: 4.6rem; } .news__courses-name:before { content: "Название курса:"; display: block; margin-bottom: 1rem; font-weight: 400; font-size: 2.4rem; line-height: 3rem; } .news__info-block { flex: auto; display: flex; align-items: flex-end; justify-content: space-between; } .news__link { font-size: 2.4rem; line-height: 3rem; text-decoration: underline; } .news__date { font-size: 2.4rem; line-height: 3rem; } @media (max-width: 48em) { .news { margin-bottom: 12rem; } .news__title-block { flex-direction: column; justify-content: normal; } .news__title { margin-bottom: 6rem; } .news__slider { margin-right: -4rem; } .news__item { padding: 6rem; border: 2rem solid white; border-radius: 6rem; } .news__img-box { width: 25.6rem; height: 25.6rem; margin-bottom: 6rem; border-radius: 6rem; } .news__item-title { margin-bottom: 6rem; font-size: 5rem; line-height: 6.3rem; } .news__courses-name { margin-bottom: 6rem; font-size: 5rem; line-height: 6.3rem; } .news__courses-name:before { font-size: 3.4rem; line-height: 4.3rem; } .news__info-block { flex-direction: column; align-items: normal; justify-content: flex-end; } .news__link { margin-bottom: 6rem; font-size: 3.4rem; line-height: 4.3rem; } .news__date { font-size: 3.4rem; line-height: 4.3rem; } } .service-article { margin-bottom: 6rem; } .service-article__block { display: flex; justify-content: space-between; } .service-article__block:nth-child(n+2) { margin-top: 14rem; } .service-article__block--img-right .service-article__img-box { order: 2; } .service-article__img-box { width: 61.4rem; max-height: 120rem; border-radius: 3rem; overflow: hidden; } .service-article__img-box > img, .service-article__img-box picture, .service-article__img-box picture > img { width: 100%; height: 100%; object-fit: cover; } .service-article__img-box--compact > img, .service-article__img-box--compact picture, .service-article__img-box--compact picture > img { object-fit: contain; background-color: #fff; } .service-article__text-block { width: 76.5rem; } .service-article__title { margin-bottom: 5.3rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } @media (max-width: 48em) { .service-article__title { font-size: 6rem; line-height: 7.6rem; } } .service-article__text { font-size: 2.5rem; line-height: 3.8rem; } .service-article__text:nth-child(n+3) { margin-top: 4rem; } .service-article__list { font-size: 2.5rem; line-height: 3.8rem; } .service-article__list:nth-child(n+3) { margin-top: 4rem; } .service-article__list li { list-style-type: disc; margin-left: 3.5rem; } @media (max-width: 48em) { .service-article { margin-bottom: 12rem; } .service-article__block { flex-direction: column; justify-content: normal; } .service-article__block:nth-child(n+2) { margin-top: 16rem; } .service-article__img-box { order: 2; width: 100%; margin-top: 6rem; border-radius: 6rem; } .service-article__text-block { order: 1; width: 100%; } .service-article__title { margin-bottom: 6rem; } .service-article__text { font-size: 3.4rem; line-height: 5.1rem; } .service-article__list { font-size: 3.4rem; line-height: 5.1rem; } .service-article__list li { margin-left: 6rem; } } .course-page { margin-bottom: 6rem; } .course-page__title { margin-bottom: 5rem; font-weight: bold; font-size: 4.4rem; line-height: 5.6rem; } .course-page__cards { display: flex; flex-wrap: wrap; } .course-page__item { position: relative; display: flex; width: 47rem; min-height: 22.4rem; padding: 2rem 1rem 2rem 2rem; border-radius: 3rem; background-color: white; } .course-page__item:nth-child(3n+1) { margin-right: 1rem; } .course-page__item:nth-child(3n) { margin-left: auto; } .course-page__item:nth-child(n+4) { margin-top: 1rem; } .course-page__img-box { flex: none; align-self: center; width: 18rem; height: 18rem; margin-right: 1.5rem; } .course-page__img-box > img, .course-page__img-box picture, .course-page__img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .course-page__text-block { display: grid; place-content: center; flex: auto; padding: 5rem 0 3rem 0; } .course-page__item-title { display: block; margin-bottom: 1rem; font-weight: 600; font-size: 2rem; line-height: 2.6rem; word-wrap: break-word; } .course-page__item-price { display: flex; align-items: center; font-size: 2.5rem; line-height: 3.8rem; color: #757988; } .course-page__item-price:before { content: ""; display: block; width: 0.8rem; height: 0.8rem; margin-right: 1.6rem; border-radius: 100%; background-color: #757988; } .course-page__item-btn { position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 11.7rem; height: 5.5rem; border-radius: 6rem 0 3rem 0; background-color: #0E62C4; transition: var(--transition-button); } .course-page__item-btn:hover { background-color: var(--clr-button--hover); } .course-page__item-btn > svg { width: 2.6rem; height: 2.7rem; } .course-page__item-btn > svg path { stroke: white; } @media (max-width: 48em) { .course-page { margin-bottom: 12rem; } .course-page__title { margin-bottom: 6rem; font-size: 6rem; line-height: 7.6rem; } .course-page__cards { display: flex; flex-wrap: wrap; } .course-page__item { width: 100%; min-height: 38rem; padding: 4rem 2rem 4rem 4rem; border-radius: 6rem; } .course-page__item:nth-child(3n+1) { margin-right: 0; } .course-page__item:nth-child(3n) { margin-left: 0; } .course-page__item:nth-child(n+2) { margin-top: 3rem; } .course-page__item--slider { max-width: 69rem; margin: 0; } .course-page__item--slider:nth-child(3n+1) { margin-right: 0; } .course-page__item--slider:nth-child(3n) { margin-left: 0; } .course-page__item--slider:nth-child(n+2) { margin-top: 0; } .course-page__img-box { width: 24rem; height: 30rem; margin-right: 3rem; } .course-page__text-block { padding: 1rem 0 4rem 0; } .course-page__item-title { margin-bottom: 3rem; font-size: 3.6rem; line-height: 4.6rem; } .course-page__item-price { font-size: 3.2rem; line-height: 4rem; } .course-page__item-price:before { width: 1.2rem; height: 1.2rem; margin-right: 2rem; } .course-page__item-btn { width: 17.2rem; height: 8rem; border-radius: 12rem 0 9rem 0; } .course-page__item-btn > svg { width: 4rem; height: 4rem; } } .cart { margin-bottom: 6rem; } .cart__wrapper { display: flex; flex-wrap: wrap; } .cart__wrapper > * { flex: 1 1 48rem; } .cart__wrapper-right { padding-left: 2rem; } .cart__title-block { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4rem; } .cart__title { font-weight: 600; font-size: 5.5rem; line-height: 7rem; } .cart__title-link { font-weight: 500; font-size: 1.8rem; line-height: 2.7rem; text-decoration: underline; color: var(--clr-button--accent); } .cart__cards { margin-bottom: 23rem; } .cart__item { display: flex; align-items: center; padding: 3rem 4rem 3rem 4rem; width: 100%; min-height: 22.4rem; border-radius: 3rem; background-color: white; } .cart__item:nth-child(n+2) { margin-top: 1rem; } .cart__img-box { flex: none; width: 16rem; height: 16rem; margin-right: 3rem; } .cart__img-box > img, .cart__img-box picture, .cart__img-box picture > img { width: 100%; height: 100%; object-fit: contain; } .cart__info-block { flex: auto; } .cart__item-name { width: 27rem; margin-bottom: 2rem; font-weight: 600; font-size: 2.4rem; line-height: 3rem; } .cart__item-activity { font-size: 1.6rem; line-height: 2.4rem; color: #757988; } .cart__item-activity--mobile { display: none; } .cart__price-block { display: flex; align-items: center; } .cart__price { margin-right: 2.5rem; font-weight: 600; font-size: 3.4rem; line-height: 4.3rem; white-space: nowrap; } .cart__price { margin-right: 2.5rem; font-weight: 600; font-size: 3.4rem; line-height: 4.3rem; white-space: nowrap; } .cart__item-delete { width: 3.5rem; height: 3.5rem; } .cart__item-delete > svg { width: 100%; height: 100%; cursor: pointer; } .cart__item-delete > svg path { fill: gray; } .cart__total-block { display: grid; gap: 2rem; background-color: var(--clr-white); -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; padding: 6rem 3rem 5rem 3rem; } .cart__total-sale { margin-top: 1rem; } .cart__total-sale-title { font-size: 2rem; font-weight: 600; color: var(--clr-button--accent); } .cart__total-sale-item { font-size: 2rem; line-height: 130%; } .cart__btn { display: flex; align-items: center; justify-content: center; width: 25rem; height: 6rem; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; color: white; transition: var(--transition-button); margin-top: 2rem; } .cart__btn:hover { background-color: var(--clr-button--hover); } .cart__btn > svg { width: 2.6rem; height: 1.5rem; margin-left: 2rem; } .cart__btn > svg path { stroke: white; } .cart__btn-price { display: none; } .cart__btn--fixed { display: none; } .cart__total-box { display: flex; align-items: center; justify-content: space-between; } .cart__total-text { margin-right: 1rem; font-size: 2.4rem; line-height: 3rem; } .cart__total-text--discount { font-weight: 600; } .cart__total { font-weight: 600; font-size: 3.4rem; line-height: 4.3rem; white-space: nowrap; color: #CD010C; } .cart__total--full, .cart__total--economy { font-size: 2.4rem; } .cart__empty-block { display: flex; flex-direction: column; align-items: center; } .cart__empty-img { width: 20rem; height: 17.7rem; margin-bottom: 4rem; } .cart__empty-img > img, .cart__empty-img picture, .cart__empty-img picture > img { width: 100%; height: 100%; object-fit: contain; } .cart__empty-title { margin-bottom: 4rem; font-weight: 500; font-size: 4.4rem; line-height: 5.6rem; color: #757988; } .cart__empty-desc { font-weight: 500; font-size: 2rem; line-height: 2.5rem; } .cart__empty-desc > a { color: #CD010C; border-bottom: 1px solid #CD010C; } .cart .quantity-cart { display: flex; align-items: center; margin: 0 2rem; } .cart .quantity-cart__minus, .cart .quantity-cart__plus, .cart .quantity-cart__input { display: flex; align-items: center; font-size: 2.4rem; font-weight: 700; text-align: center; cursor: pointer; padding: 1.6rem; } .cart .quantity-cart__input { max-width: 6rem; } .course-product { max-width: 100%; } .course-product__title { font-size: 4.4rem; line-height: 5.6rem; font-weight: 700; margin-bottom: 5rem; margin-top: 6rem; } .course-product__cards { max-width: 91.5rem; } .course-product__navigation-block { display: flex; align-items: center; justify-content: space-between; margin-top: 5rem; margin-bottom: 2.4rem; } .course-product__navigation-block span { width: 6px; height: 6px; min-width: 6px; } .course-product__pagination { display: flex; justify-content: center; margin: 0 1rem; transform: translateX(0) !important; } @media (max-width: 48em) { .cart { margin-bottom: 32rem; } .cart__wrapper-right { padding-left: 0; } .cart__title-block { flex-direction: column; align-items: normal; justify-content: normal; margin-bottom: 8rem; } .cart__title { margin-bottom: 4rem; font-size: 6rem; line-height: 7.6rem; } .cart__title-link { font-size: 3.6rem; line-height: 5.4rem; } .cart__cards { margin-bottom: 16rem; } .cart__item { flex-direction: column; align-items: normal; padding: 6rem; border-radius: 6rem; } .cart__item:nth-child(n+2) { margin-top: 2rem; } .cart__img-box { width: 40rem; height: 32rem; margin: -4rem 0 4rem -4rem; } .cart__quantity-block { display: flex; align-items: center; justify-content: space-between; padding-bottom: 6rem; margin-bottom: 5rem; border-bottom: 2px solid #C4C4C4; } .cart__item-name { width: 54rem; margin-bottom: 4rem; font-size: 4.8rem; line-height: 6.1rem; } .cart__item-activity { font-size: 3.2rem; line-height: 4.8rem; } .cart__item-activity--desktop { display: none; } .cart__item-activity--mobile { display: block; } .cart__price-block { justify-content: space-between; } .cart__price { font-size: 6.8rem; line-height: 8.6rem; } .cart__item-delete { width: 7rem; height: 7rem; } .cart__total-block { flex-direction: column; justify-content: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 -4rem 32rem; } .cart__btn { width: 50rem; height: 12rem; margin-bottom: 8rem; border-radius: 6rem 0 0 0; font-size: 3.6rem; line-height: 4.6rem; } .cart__btn > svg { width: 5.2rem; height: 3rem; margin-left: 4rem; } .cart__btn-price { display: block; font-size: 4rem; font-weight: 700; line-height: 110%; color: var(--clr-button--primary); } .cart__btn--fixed { display: flex; margin: 0; } .cart__total-fixed { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; border: solid 0.8rem var(--clr-button--primary); background-color: var(--clr-white); padding-left: 4rem; z-index: 999; } .cart__total-box { justify-content: space-between; } .cart__total-text { font-size: 4.8rem; line-height: 6rem; } .cart__total { font-size: 6.8rem; line-height: 8.6rem; } .cart__total-sale-title { font-size: 4rem; } .cart__total-sale-item { font-size: 4rem; } .cart__empty-block { margin-top: 10rem; } .cart__empty-img { width: 30rem; height: 26.5rem; margin-bottom: 5rem; } .cart__empty-img > img, .cart__empty-img picture, .cart__empty-img picture img { width: 100%; height: 100%; object-fit: contain; } .cart__empty-title { margin-bottom: 5rem; font-size: 6rem; line-height: 7.6rem; } .cart__empty-desc { font-size: 3.4rem; line-height: 5rem; text-align: center; } .cart__empty-desc > span { display: block; } .cart .quantity-cart__minus, .cart .quantity-cart__plus, .cart .quantity-cart__input { font-size: 4.8rem; } .cart .quantity-cart__input { max-width: 15rem; } .course-product__title { font-size: 4.8rem; } .course-product__cards { max-width: 78.9rem; } .course-product__navigation-block { margin-right: 4rem; } } .modal-cart, .modal-sent { position: fixed; left: 0; top: 0; z-index: 11; display: none; align-items: center; justify-content: center; width: 100vw; height: 100vh; } .modal-cart__bg, .modal-sent__bg { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); cursor: pointer; } .modal-cart__content, .modal-sent__content { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100rem; max-width: 90%; min-height: 50rem; max-height: 90%; padding: 6rem; background-color: white; text-align: center; } .modal-cart__close, .modal-sent__close { position: absolute; right: 3rem; top: 3rem; width: 4rem; height: 4rem; } .modal-cart__close:before, .modal-sent__close:before { content: ""; display: block; width: 4rem; height: 2px; transform: rotate(-45deg); background-color: #CD010C; } .modal-cart__close:after, .modal-sent__close:after { content: ""; display: block; width: 4rem; height: 2px; margin-top: -2px; transform: rotate(45deg); background-color: #CD010C; } .modal-cart__title, .modal-sent__title { margin-bottom: 1rem; font-weight: 600; font-size: 4.4rem; line-height: 5.6rem; } .modal-cart__desc, .modal-sent__desc { margin-bottom: 5rem; font-size: 3rem; line-height: 3.8rem; color: #757988; } .modal-cart__btn, .modal-sent__btn { display: flex; justify-content: center; align-items: center; height: 7rem; padding: 0 3rem; border-radius: 3rem 0 0 0; background-color: #0E62C4; font-weight: bold; font-size: 2.2rem; line-height: 2.8rem; color: white; } .modal-cart__btn > svg, .modal-sent__btn > svg { width: 3rem; height: 2rem; margin-left: 2.3rem; } .modal-cart__btn > svg path, .modal-sent__btn > svg path { stroke: white; } .modal-cart__btn:not(:last-child), .modal-sent__btn:not(:last-child) { margin-bottom: 2rem; } .modal-cart__link, .modal-sent__link { font-size: 2.2rem; line-height: 2.8rem; border-bottom: 1px solid #1B1B1B; } .modal-cart__link:not(:last-child), .modal-sent__link:not(:last-child) { margin-bottom: 2rem; } .notice { position: fixed; right: 4rem; top: 4rem; z-index: 20; display: flex; width: 50rem; transform: translateY(calc(-100% - 10rem)); padding: 1rem 2rem 2rem 2rem; border-radius: 2rem; border: 0.6rem solid #D3D6E1; background-color: white; box-shadow: 1rem 1rem 4rem 0 rgba(34, 60, 80, 0.2); transition: transform 0.4s ease; } .notice.open { transform: translateY(0); } .notice__close { position: absolute; right: 2rem; top: 1.5rem; width: 4rem; height: 4rem; } .notice__close:before { content: ""; position: absolute; left: 0; top: 50%; display: block; width: 100%; height: 1px; transform: translateY(-50%) rotate(45deg); background-color: #CD010C; } .notice__close:after { content: ""; position: absolute; left: 0; top: 50%; display: block; width: 100%; height: 1px; transform: translateY(-50%) rotate(-45deg); background-color: #CD010C; } .notice__icon { flex: none; width: 6rem; height: 6rem; margin-right: 2rem; } .notice__icon > img, .notice__icon picture, .notice__icon picture > img { width: 100%; height: 100%; } .notice__text-block { flex: auto; padding-top: 1.5rem; } .notice__title { width: 31rem; margin-bottom: 2rem; font-size: 2rem; color: #757988; } .notice__text { font-size: 2rem; line-height: 2.4rem; } @media (max-width: 48em) { .modal-cart__content { width: 90%; min-height: 50rem; padding: 12rem 4rem; } .modal-cart__close { right: 3rem; top: 3rem; width: 5rem; height: 5rem; } .modal-cart__close:before { width: 5rem; } .modal-cart__close:after { width: 5rem; } .modal-cart__title { margin-bottom: 2rem; font-size: 6rem; line-height: 7.6rem; } .modal-cart__desc { margin-bottom: 8rem; font-size: 3.6rem; line-height: 5rem; } .modal-cart__btn { height: 12rem; padding: 0 6rem; border-radius: 6rem 0 0 0; font-size: 3.6rem; line-height: 4.6rem; } .modal-cart__btn > svg { width: 5.2rem; height: 3.2rem; margin-left: 4.6rem; } .modal-cart__btn > svg:not(:last-child) { margin-bottom: 4rem; } .modal-cart__link { font-size: 3.6rem; line-height: 4.6rem; } .modal-cart__link:not(:last-child) { margin-bottom: 4rem; } .notice { left: 4rem; width: calc(100% - 8rem); padding: 1rem 2rem 4rem 2rem; } .notice__close { right: 3rem; top: 2.4rem; width: 5rem; height: 5rem; } .notice__icon { width: 8rem; height: 8rem; } .notice__text-block { padding-top: 2.4rem; } .notice__title { width: 53rem; margin-bottom: 2rem; font-size: 3rem; } .notice__text { font-size: 3rem; line-height: 2.4rem; } } .complete { display: none; padding: 12rem; } .complete__title { margin-bottom: 7rem; font-weight: 700; font-size: 4.4rem; text-align: center; } .complete__img-box { width: 18.4rem; height: 18.4rem; margin: 0 auto 7rem; } .complete__img-box > img, .complete__img-box picture, .complete__img-box picture img { width: 100%; height: 100%; object-fit: contain; } .complete__text { margin-bottom: 6rem; font-size: 2.5rem; text-align: center; } .complete__text--bold { font-weight: 600; } .complete__text > *:not(:last-child) { margin-bottom: 0.8rem; } .complete__link { display: block; width: fit-content; margin: 0 auto; border-bottom: 1px solid #CD010C; font-weight: 500; font-size: 1.8rem; color: #CD010C; } @media (max-width: 48em) { .complete { padding: 12rem 6rem; } .complete__title { margin-bottom: 10rem; font-size: 5rem; } .complete__img-box { width: 28rem; height: 28rem; margin: 0 auto 10rem; } .complete__text { margin-bottom: 7rem; font-size: 3.4rem; } .complete__link { font-size: 3.4rem; } } .select2-selection { font-size: 2rem; } .select2-results__option { font-size: 2rem; } .login { margin-top: 5rem; margin-bottom: 20rem; } .login--reg button.calculate__btn { width: fit-content; } .login--reg .login__confirm-block { justify-content: center; } .login--restore .login__title { margin-bottom: 1rem; font-size: 4.4rem; } .login--restore .login__sub-text { margin-bottom: 3.5rem; font-size: 2.5rem; line-height: 3.2rem; text-align: center; } .login--restore .login__confirm-block { margin: 5rem 0 2rem 0; } .login--restore .login__complete { padding: 7rem 12rem 24rem 12rem; } .login--restore .complete__title { margin-bottom: 1rem; } .login--restore .complete__text { width: 59rem; margin-bottom: 7.5rem; line-height: 3.2rem; } .login--restore .calculate__btn { justify-content: center; margin: 0 auto; } .login--restore .calculate__btn > svg { margin-left: 4rem; } .login--new-pass .login__title { margin-bottom: 3.5rem; font-size: 4.4rem; } .login--new-pass .calculate__btn { padding: 0 3rem; } .login--new-pass .calculate__btn > svg { margin-left: 2rem; } .login--new-pass .login__confirm-block { margin-bottom: 0; } .login__page-title { margin-bottom: 5rem; font-weight: 600; font-size: 5.5rem; } .login__content-bg { position: relative; display: flex; justify-content: center; padding: 7rem 0; border: 1rem solid #fff; border-radius: 3rem; background-color: #E9EBF2; } .login__content { width: 60.5rem; } .login__logo { width: 20.4rem; height: 15.2rem; margin: 0 auto 3rem auto; } .login__logo > img, .login__logo picture, .login__logo picture > img { width: 100%; height: 100%; object-fit: contain; } .login__title { margin-bottom: 6rem; font-weight: 600; font-size: 2.5rem; line-height: 5.2rem; text-align: center; } .login__label { display: block; margin-bottom: 3rem; border-bottom: 2px solid #C7CBDA; } .login__label-name { font-size: 1.8rem; line-height: 3rem; color: #757988; } .login__input { width: 100%; height: 6rem; font-weight: 600; font-size: 2.5rem; line-height: 5.2rem; } .login__confirm-block { margin: 5rem 0; } .login__confirm-block--center { justify-content: center; } .login__confirm-block .calculate__btn { justify-content: center; width: 29.7rem; } .login__confirm-block .calculate__btn > svg { margin-left: 4rem; } .login__confirm-block .calculate__label-checkbox { width: auto; } .login__forgot { display: block; width: fit-content; margin: 0 auto; font-size: 1.8rem; line-height: 5.2rem; color: #757988; text-decoration: underline; } .login__back-link { position: absolute; left: 4rem; top: 4rem; text-decoration: none; border-bottom: 1px solid #757988; line-height: 2rem; } .login__sub-text { margin-bottom: 6rem; font-weight: 300; font-size: 1.8rem; line-height: 2.7rem; } .login__complete { margin: 5rem 0 20rem; } @media (max-width: 48em) { .login { margin-top: 10rem; } .login--reg button.calculate__btn { width: 100%; padding: 0; } .login--reg button.calculate__btn > svg { margin-left: 5rem; } .login--restore .login__content { width: 100%; padding: 0 5rem; } .login--restore .login__title { margin-bottom: 3rem; font-size: 5rem; line-height: 6.4rem; } .login--restore .login__sub-text { margin-bottom: 6rem; font-size: 3.4rem; line-height: 5.1rem; } .login--restore .login__confirm-block { margin: 12rem 0 6rem 0; } .login--restore .login__complete { padding: 7rem 5rem 15rem 5rem; } .login--restore .complete__title { margin-bottom: 3rem; } .login--restore .complete__text { width: 100%; margin-bottom: 12rem; line-height: 5.1rem; } .login--restore .calculate__btn { justify-content: center; margin: 0 auto; } .login--restore .calculate__btn > svg { margin-left: 4rem; } .login--new-pass .login__title { margin-bottom: 6rem; font-size: 5rem; } .login__page-title { margin-bottom: 6rem; font-size: 6rem; } .login__content-bg { padding: 8rem 0; border: 2rem solid #fff; border-radius: 6rem; } .login__content { width: 58.2rem; } .login__logo { width: 32rem; height: 24rem; margin: 0 auto 6rem auto; } .login__title { margin-bottom: 11rem; font-size: 5rem; line-height: 10.4rem; } .login__label { margin-bottom: 6rem; } .login__label-name { font-size: 3.6rem; line-height: 6rem; } .login__input { height: 12rem; font-size: 5rem; line-height: 10rem; } .login__confirm-block { margin: 12rem 0 6rem 0; } .login__confirm-block--center .calculate__btn { margin: 0; } .login__confirm-block .calculate__btn { justify-content: center; width: 100%; } .login__confirm-block .calculate__btn > svg { margin-left: 8rem; } .login__confirm-block .calculate__label-checkbox { margin: 0 auto; } .login__forgot { font-size: 3.4rem; line-height: 4.3rem; } .login__sub-text { margin-bottom: 11rem; font-size: 3.4rem; line-height: 4.3rem; } } .header-ma { background-color: #fff; } .header-ma__container { display: flex; align-items: center; justify-content: space-between; padding: 3.5rem 0; } .header-ma__account-name-block { display: flex; align-items: center; } .header-ma__account-icon { display: flex; align-items: center; justify-content: center; width: 6.1rem; height: 6.1rem; margin-right: 3rem; border-radius: 100%; background-color: #CD010C; overflow: hidden; } .header-ma__account-icon--default { width: 2.8rem; height: 3.7rem; } .header-ma__account-icon--default path { stroke: white; } .header-ma__account-icon--img { width: 100%; height: 100%; object-fit: cover; } .header-ma__account-name { font-size: 1.9rem; line-height: 2.4rem; text-align: right; } .header-ma__account-name--hello { font-weight: 500; } .header-ma__account-name--name { font-weight: bold; } @media (max-width: 48em) { .header-ma { position: relative; height: 16.4rem; } .header-ma__container { padding: 3rem 4rem; } .header-ma__account-icon { width: 8.4rem; height: 8.4rem; margin-right: 0; } .header-ma__account-icon--default { width: 4.2rem; height: 5.6rem; } } .personal { margin-bottom: 6rem; } .personal__title { font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; margin-bottom: 8rem; } @media (max-width: 48em) { .personal__title { font-size: 6rem; line-height: 7.6rem; } } .personal__content { display: flex; justify-content: space-between; } .personal__menu { width: 41.6rem; height: fit-content; padding: 1rem 4rem; border-radius: 1.5rem; background-color: #fff; } .personal__menu-list { margin-bottom: 7rem; } .personal__menu-list-item.active > a { color: #1B1B1B; } .personal__menu-list-item.active > a > svg path, .personal__menu-list-item.active > a > svg circle { stroke: #CD010C; } .personal__menu-list-item:nth-child(n+2) { border-top: 1px solid #C7CBDA; } .personal__menu-list-item > a { display: flex; align-items: center; padding: 3rem 0; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; color: #9AA0B5; } .personal__menu-list-item > a > svg { width: 2.4rem; height: 2.4rem; margin-right: 3rem; } .personal__menu-list-item > a > svg path, .personal__menu-list-item > a > svg circle { stroke: #9AA0B5; } .personal__logout { display: flex; align-items: center; padding: 3rem 0; font-weight: bold; font-size: 1.8rem; line-height: 2.3rem; color: #9AA0B5; } .personal__logout > svg { width: 2.4rem; height: 2.4rem; margin-right: 3rem; } .personal__logout > svg path { fill: #9AA0B5; } .personal__main { width: 98rem; } .personal__block:nth-child(n+2) { margin-top: 8rem; } .personal__block-title { margin-bottom: 4rem; font-weight: bold; font-size: 3rem; line-height: 3.8rem; } .personal__form { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 4rem 4rem 6rem 4rem; border-radius: 1.5rem; background-color: #fff; } .personal__form .calculate__item { width: 41.6rem; } .personal__form textarea { resize: none; } .personal__buttons { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 2rem; } .personal__buttons .calculate__btn { display: none; } .personal__edit-btn { display: flex; align-items: center; font-weight: 600; font-size: 1.5rem; line-height: 1.9rem; color: #CD010C; } .personal__edit-btn > svg { width: 1rem; height: 1.6rem; margin-left: 1.5rem; } .personal__edit-btn > svg path { stroke: #CD010C; fill: #CD010C; } .personal__history { width: 98rem; border-radius: 1.5rem; background-color: #fff; border-collapse: collapse; overflow: hidden; } .personal__history td, .personal__history th { border: 1px solid #E9EBF2; } .personal__history-column-name { width: 25%; height: 6.4rem; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; color: #757988; text-align: center; } .personal__history-text { width: 25%; height: 8rem; padding: 0 2rem; font-weight: 600; font-size: 1.6rem; line-height: 2rem; text-align: center; } @media (max-width: 48em) { .personal { margin-bottom: 12rem; } .personal__title { margin-bottom: 12rem; font-weight: 600; } .personal__content { display: flex; justify-content: space-between; } .personal__menu { display: none; position: absolute; left: 0; top: 16rem; z-index: 10; width: 100vw; height: 95vh; padding: 2rem 4rem 6rem 4rem; border-radius: 0; border-top: #C4C4C4 solid 1px; background-color: #fff; overflow-y: scroll; } .personal__menu-list { margin-bottom: 14rem; } .personal__menu-list-item:nth-child(n+2) { border-top: 1px solid #C4C4C4; } .personal__menu-list-item > a { padding: 6rem 0; font-size: 3.6rem; line-height: 4.6rem; } .personal__menu-list-item > a > svg { width: 4.8rem; height: 4.8rem; margin-right: 6rem; } .personal__logout { padding: 6rem 0; font-size: 3.6rem; line-height: 4.6rem; } .personal__logout > svg { width: 4.8rem; height: 4.8rem; margin-right: 6rem; } .personal__main { width: 100%; } .personal__main--history { width: calc(100% + 4rem); margin-right: -4rem; overflow: auto; padding-bottom: 6rem; } .personal__main--history::-webkit-scrollbar { visibility: hidden; } .personal__main--history .simplebar-track { width: 75rem; height: 4px; background-color: #C7CBDA; } .personal__main--history .simplebar-track .simplebar-scrollbar { top: 0; height: 100%; } .personal__main--history .simplebar-track .simplebar-scrollbar:before { background-color: #CD010C; opacity: 1; border-radius: 0; } .personal__block:nth-child(n+2) { margin-top: 14rem; } .personal__block-title { margin-bottom: 6rem; font-weight: 600; font-size: 5rem; line-height: 6.3rem; } .personal__form { padding: 8rem; border-radius: 1.5rem; background-color: #fff; } .personal__form .calculate__item { width: 100%; } .personal__form textarea { margin-bottom: 2rem; line-height: 6.4rem; } .personal__textarea { align-items: flex-start; } .personal__textarea > svg { margin-top: 1rem; } .personal__buttons { display: block; margin-top: 4rem; } .personal__buttons .calculate__btn { display: none; margin: 6rem 0 0 0; } .personal__edit-btn { font-size: 3rem; line-height: 3.8rem; } .personal__edit-btn > svg { width: 2rem; height: 3.2rem; margin-left: 3rem; } .personal__history { width: 196rem; border-radius: 3rem; overflow: scroll; } .personal__history-column-name { width: 24.5rem; height: 12.8rem; font-size: 3.2rem; line-height: 4.8rem; } .personal__history-text { width: 24.5rem; height: 16rem; padding: 0 4rem; font-size: 3.2rem; line-height: 4rem; } } .modal-sent--callback:not(#modal-sent) .modal-sent__content { width: 100%; max-width: 143rem; background-color: transparent; max-height: 100%; padding: 0; } .modal-sent--callback:not(#modal-sent) .modal-sent__close { right: 7rem; } :root { --clr-text--primary: #1B1B1B; --clr-link--default: #007AFF; --clr-link--active: #757988; --clr-button--accent: #CD010C; --clr-button--primary: #0E62C4; --clr-button--hover: #166FD7; --clr-section-link--hover: #007AFF; --clr-border--style: #C7CBDA; --clr-white: #FFFFFF; --bg-blue--light: #E9EBF2; --transition-button: background-color .2s ease-in-out; --transition-section-link: color .2s ease-in-out; } html { scroll-behavior: smooth; } body { background-image: url("/bitrix/templates/razvitie/css/../img/background.svg"); background-size: cover; background-position: top; background-repeat: no-repeat; } body.lock { overflow: hidden; } .label-checkbox { user-select: none; } @media (min-width: 48.01em) { .mobile { display: none; } } @media (max-width: 48em) { .desktop { display: none; } body { background-image: url("/bitrix/templates/razvitie/css/../img/background-mob.svg"); } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/bitrix/templates/razvitie/css/custom.css?1792070843275282*/ /*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/ /* Examples (uncomment to use):*/ /* Expand site width */ /* body .wrapper { max-width: 1400px !important; } */ /* Set site background image */ /* body { background: url(/bitrix/templates/razvitie/css/image_source) top no-repeat; } /* Hide compare button */ /* a.compare_item { display: none !important; }*/ /*# sourceMappingURL=custom.css.map */ @media (max-width: 48em) { .feedback__label--name, .feedback__label--phone, .feedback__label--position, .feedback__label--email { width: 100%; height: 10rem; margin-bottom: 14rem; } .feedback__label--name > svg, .feedback__label--phone > svg, .feedback__label--position > svg, .feedback__label--email > svg { width: 4rem; height: 4rem; margin-right: 3rem; } .feedback__label--name:before, .feedback__label--phone:before, .feedback__label--position:before, .feedback__label--email:before { top: -5rem; font-size: 3.6rem; line-height: 4.8rem; } .feedback__label--checkbox { width: 100%; font-weight: 300; font-size: 3.4rem; line-height: 4.3rem; } } .demo-popup{ padding: 0 !important; width: 100% !important; height: 100% !important; } .about-intro__btn--inverse{ background: #fff; color: #0E62C4; border: 3px solid #0E62C4; } .about-intro__btn--inverse:hover{ background: #0E62C4; color: #fff; } .course-page__item{ padding: 2rem 1rem 3rem 2rem; } .course-page__item-btn{ z-index: 2; } .course-page__item-btn-demo{ right: 56px; background-color: #03a9f4; z-index: 1; color: #fff; font-size: 16px; width: 16rem; padding-right: 20px; } /* SEO: блок «Частые вопросы» на страницах разделов */ .service-faq { padding: 6rem 0; } .service-faq__item { border-bottom: 1px solid #C7CBDA; } .service-faq__question { position: relative; padding: 2.4rem 5rem 2.4rem 0; font-weight: 600; font-size: 2.5rem; line-height: 1.4; cursor: pointer; list-style: none; } .service-faq__question::-webkit-details-marker { display: none; } .service-faq__question::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 3.6rem; color: #0E62C4; } .service-faq__item[open] .service-faq__question::after { content: "−"; } .service-faq__answer { padding-bottom: 2.4rem; font-size: 2.2rem; line-height: 1.5; } @media (max-width: 48em) { .service-faq__question { font-size: 4rem; padding-right: 7rem; } .service-faq__question::after { font-size: 5rem; } .service-faq__answer { font-size: 3.6rem; } } /* Масштаб: на широких экранах (от 1600px) интерфейс перестаёт расти и остаётся как на экране 1600px — иначе на мониторах 1920–2560px всё становится слишком крупным */ @media (min-width: 1201px) { html { font-size: min(0.4408335vw, 7px); } /* Фоновые подложки, прижатые к краю экрана, привязываем к центру страницы, чтобы при ограниченном масштабе их край оставался там же относительно контента (при ширине до 1600px результат совпадает с исходными 142.5rem и 128rem) */ .more-center__bg { width: calc(50% + 29.08rem); } .reviews__bg { width: calc(50% + 14.58rem); } } /* Цена услуги под заголовком раздела (СОУТ, оценка профрисков) */ .service-detail__price { margin: 2rem 0 4rem; font-size: 2.8rem; line-height: 1.3; } .service-detail__price strong { color: #0E62C4; font-weight: 700; } @media (max-width: 48em) { .service-detail__price { font-size: 4.4rem; } } /* Раздел «Статьи» */ .articles { margin-bottom: 10rem; } .articles__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .articles__item { display: flex; flex-direction: column; padding: 4rem; border-radius: 0 0 0 5rem; background-color: #fff; color: #1B1B1B; text-decoration: none; transition: box-shadow .2s; } .articles__item:hover { box-shadow: 0 1rem 3rem rgba(14, 98, 196, .15); } .articles__item-title { margin-bottom: 2rem; font-weight: 700; font-size: 3rem; line-height: 1.3; } .articles__item-text { flex-grow: 1; margin-bottom: 3rem; font-size: 2.2rem; line-height: 1.5; color: #757988; } .articles__item-footer { display: flex; justify-content: space-between; align-items: center; font-size: 2rem; } .articles__item-date { color: #9AA0B5; } .articles__item-more { font-weight: 600; color: #0E62C4; } .article-page { margin-bottom: 8rem; } .article { max-width: 110rem; padding: 6rem; border-radius: 0 0 0 5rem; background-color: #fff; } .article__title { margin-bottom: 2rem; font-weight: 700; font-size: 4.4rem; line-height: 1.25; } .article__date { margin-bottom: 5rem; font-size: 2rem; color: #9AA0B5; } .article__text { font-size: 2.4rem; line-height: 1.6; } .article__text h2 { margin: 6rem 0 2.5rem; font-weight: 700; font-size: 3.4rem; line-height: 1.3; } .article__text p { margin: 0 0 2.5rem; } .article__text ul, .article__text ol { margin: 0 0 2.5rem; padding-left: 4rem; } .article__text li { margin-bottom: 1rem; } .article__text a { color: #0E62C4; } .article__text table { width: 100%; margin: 0 0 3rem; border-collapse: collapse; font-size: 2.1rem; } .article__text th, .article__text td { padding: 1.6rem 2rem; border: 1px solid #C7CBDA; text-align: left; vertical-align: top; } .article__text th { background-color: #E9EBF2; font-weight: 600; } .article__cta { margin-top: 5rem; padding: 4rem; border-left: .6rem solid #0E62C4; background-color: #F3F5FA; } @media (max-width: 48em) { .articles__list { grid-template-columns: 1fr; } .articles__item-title { font-size: 4.8rem; } .articles__item-text { font-size: 3.6rem; } .articles__item-footer { font-size: 3.4rem; } .article { padding: 5rem 4rem; } .article__title { font-size: 6rem; } .article__date { font-size: 3.4rem; } .article__text { font-size: 3.8rem; } .article__text h2 { font-size: 5rem; } .article__text table { display: block; overflow-x: auto; font-size: 3.2rem; } /* Таблицы с подписями столбцов — карточками, без горизонтальной прокрутки */ .article__text table.article__table--cards, .article__table--cards tbody, .article__table--cards tr, .article__table--cards td { display: block; width: 100%; overflow: visible; } .article__table--cards thead { display: none; } .article__table--cards tr { margin-bottom: 3rem; border: 1px solid #C7CBDA; border-radius: 3rem; overflow: hidden; } .article__table--cards td { border: none; border-top: 1px solid #E9EBF2; padding: 2rem 4rem; } .article__table--cards td:first-child { border-top: none; background-color: #E9EBF2; font-weight: 600; } .article__table--cards td:not(:first-child)::before { content: attr(data-label); display: block; margin-bottom: 0.8rem; color: #757988; font-size: 2.8rem; } } .article__text ul { list-style: disc; } .article__text ol { list-style: decimal; } .article__text li { display: list-item; } .article__text li::marker { color: #0E62C4; } /* Скачивание материалов статей через форму */ .article__download { display: inline-flex; align-items: center; padding: 2rem 4rem; border: none; border-radius: 3rem 0 0 0; background-color: #0E62C4; color: #fff; font: inherit; font-weight: 600; font-size: 2.2rem; cursor: pointer; } .article__download:hover { background-color: #0b52a5; } .lead-modal[hidden] { display: none; } .lead-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; } .lead-modal__bg { position: absolute; inset: 0; background: rgba(27, 27, 27, .5); } .lead-modal__content { position: relative; width: 70rem; max-width: calc(100% - 32px); padding: 6rem; border-radius: 0 0 0 5rem; background: #fff; } .lead-modal__close { position: absolute; top: 2.5rem; right: 2.5rem; width: 4rem; height: 4rem; border: none; background: none; cursor: pointer; font-size: 0; } .lead-modal__close::before, .lead-modal__close::after { content: ""; position: absolute; top: 50%; left: 15%; width: 70%; height: 2px; background: #1B1B1B; } .lead-modal__close::before { transform: rotate(45deg); } .lead-modal__close::after { transform: rotate(-45deg); } .lead-modal__title { margin-bottom: 2rem; font-weight: 700; font-size: 3.6rem; line-height: 1.25; padding-right: 5rem; } .lead-modal__text { margin-bottom: 4rem; font-size: 2.2rem; line-height: 1.5; color: #757988; } .lead-modal__input { display: block; width: 100%; margin-bottom: 2.5rem; padding: 2rem 2.5rem; border: 1px solid #C7CBDA; border-radius: 1rem; font: inherit; font-size: 2.4rem; } .lead-modal__policy { display: flex; gap: 1.5rem; align-items: flex-start; margin-bottom: 3rem; font-size: 1.8rem; line-height: 1.4; color: #757988; } .lead-modal__policy a { color: #0E62C4; } .lead-modal__error { margin-bottom: 2rem; font-size: 2rem; color: #CD010C; } .lead-modal__btn { width: 100%; padding: 2.4rem; border: none; border-radius: 3rem 0 0 0; background: #0E62C4; color: #fff; font: inherit; font-weight: 600; font-size: 2.4rem; cursor: pointer; } .lead-modal__btn:disabled { opacity: .6; } .lead-modal__btn { text-align: center; } .lead-modal__policy input { flex-shrink: 0; width: 20px; height: 20px; margin-top: 2px; accent-color: #0E62C4; } @media (max-width: 48em) { .article__download { font-size: 3.6rem; padding: 3rem 5rem; } .lead-modal__content { padding: 7rem 5rem; } .lead-modal__title { font-size: 5.4rem; } .lead-modal__text, .lead-modal__policy { font-size: 3.4rem; } .lead-modal__input, .lead-modal__btn { font-size: 3.8rem; } } /* Ошибка проверки формы — внутри самой формы */ .form-inline-error { display: none; flex-basis: 100%; width: 100%; margin-top: 2rem; font-size: 2rem; line-height: 1.4; color: #CD010C; } @media (max-width: 48em) { .form-inline-error { font-size: 3.4rem; } } /* Новый горизонтальный логотип в окнах консультации и демо-курса */ .feedback--callback .feedback__logo { width: 28rem; flex-shrink: 0; } /* Блок «Коротко» и источник в статьях */ .article__summary { margin-bottom: 5rem; padding: 4rem; border-radius: 0 0 0 3rem; background-color: #F3F5FA; } .article__summary h2 { margin-top: 0; } .article__source { margin-top: 4rem; font-size: 1.9rem; color: #9AA0B5; } @media (max-width: 48em) { .article__source { font-size: 3.2rem; } } /* Мобильная версия: правки после проверки 13.10.2026 */ @media (max-width: 48em) { /* Кнопка «наверх» висела сверху слева поверх текста — переносим вниз */ .up-btn { top: auto; bottom: 20rem; left: 4rem; } /* Текст кнопок «Отправить заявку» прилипал к краю */ .about-intro__btn { padding: 0 5rem; } .about-intro__btn > svg { flex-shrink: 0; margin-left: 3rem; } .about-intro__fixed .about-intro__btn { padding: 0 3rem !important; font-size: 3.2rem; line-height: 3.8rem; white-space: nowrap; justify-content: center; } .about-intro__fixed .about-intro__btn > svg { display: none; } /* Ярлык «Демо» на карточке курса начинался вплотную к скруглению */ /* «Демо» на карточке курса: кнопка корзины здесь 17.2rem шириной и полностью её закрывала — сдвигаем левее */ .course-page__item-btn-demo { right: 13rem; width: auto; height: 8rem; padding: 0 6rem 0 4rem; font-size: 3.4rem; border-radius: 12rem 0 0 0; align-items: center; } } /* Корзина не используется: счётчик количества в плавающей панели курса скрыт */ .about-intro__fixed-quantity { display: none !important; } /* Подпись под иконкой входа в СДО в мобильной шапке */ .header__mobile-label { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 2px; font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: .02em; color: #0E62C4; white-space: nowrap; pointer-events: none; } /* Описание курса на новых страницах курсов */ .service-desc__course-text { margin-bottom: 4rem; } .service-desc__course-text p { margin-bottom: 2rem; font-size: 2.2rem; line-height: 1.55; } .service-desc__course-text h2 { margin: 4rem 0 2rem; font-weight: 700; font-size: 3rem; line-height: 1.3; } .service-desc__course-text ul { margin: 0 0 2rem 3rem; list-style: disc; font-size: 2.2rem; line-height: 1.55; } .service-desc__course-text li { margin-bottom: 1rem; } @media (max-width: 48em) { .service-desc__course-text p, .service-desc__course-text ul { font-size: 3.4rem; } .service-desc__course-text h2 { font-size: 4.6rem; } } /* Курс без цены в каталоге (новые страницы): пустую плавающую панель не показываем */ .about-intro__fixed--empty { display: none !important; } /* Цена текстом («по запросу», «от 2000») — без автоматического «₽» */ .about-intro__price--text:after { content: none !important; } /* Страницы курсов и разделов (компьютер): картинка вписана в блок 56rem и центрируется по вертикали, а текст прижат к верху — из-за этого заголовок начинался выше картинки. Выравниваем оба блока по центру */ @media (min-width: 48.01em) { .about-intro--service-page .about-intro__info-block, .about-intro--service .about-intro__info-block { align-items: center; } .about-intro--service-page .about-intro__title-content, .about-intro--service .about-intro__title-content { align-self: center; } } /* Окно «Заявка на курс»: название курса под заголовком */ .course-order__name { display: block; margin-top: 1.5rem; font-size: 0.6em; line-height: 1.35; font-weight: 600; color: #0E62C4; } /* Страница курса: блоки «Интерактивный курс» и «Аренда курса для вашей комиссии» */ .course-format { padding: 0 0 10rem; } .course-format__grid { display: flex; gap: 4rem; align-items: stretch; } .course-format__card { flex: 1 1 0; display: flex; flex-direction: column; padding: 6rem; border-radius: 0 6rem 0 6rem; background: #fff; } .course-format__card--interactive { background: #0E62C4; color: #fff; } .course-format__label { align-self: flex-start; margin-bottom: 2.5rem; padding: 0.8rem 2.2rem; border-radius: 3rem; background: #E5AF6C; color: #1B1B1B; font-weight: 700; font-size: 1.8rem; text-transform: uppercase; letter-spacing: .04em; } .course-format__title { margin-bottom: 2.5rem; font-weight: 700; font-size: 4rem; line-height: 1.2; } .course-format__text { margin-bottom: 2.5rem; font-size: 2.2rem; line-height: 1.55; } .course-format__text--note { font-size: 1.9rem; opacity: .8; } .course-format__list { margin: 0 0 3rem 3rem; list-style: disc; font-size: 2.2rem; line-height: 1.55; } .course-format__list li { margin-bottom: 1rem; } .course-format__btn { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; padding: 2.2rem 5rem; border-radius: 3rem 0 0 0; background: #fff; color: #0E62C4; font-weight: 700; font-size: 2rem; cursor: pointer; transition: opacity .2s; } .course-format__btn:hover { opacity: .85; } .course-format__btn--rent { background: #0E62C4; color: #fff; } @media (max-width: 48em) { .course-format__grid { flex-direction: column; gap: 6rem; } .course-format__card { padding: 8rem 6rem; } .course-format__label { font-size: 3rem; } .course-format__title { font-size: 6rem; } .course-format__text, .course-format__list { font-size: 3.6rem; } .course-format__text--note { font-size: 3.2rem; } .course-format__btn { font-size: 3.6rem; padding: 4rem 7rem; } } /* Метка «Интерактивный курс» на карточке курса */ .course-page__img-box { position: relative; } .course-page__badge { position: absolute; left: 0; top: 0; z-index: 2; padding: 0.6rem 1.4rem; border-radius: 0 0 2rem 0; background: #E5AF6C; color: #1B1B1B; font-weight: 700; font-size: 1.4rem; line-height: 1.2; white-space: nowrap; } @media (max-width: 48em) { .course-page__badge { font-size: 2.4rem; padding: 1rem 2rem; } } /* Страница «Аренда интерактивных тренажёров» */ .rent-page { padding-bottom: 6rem; } .rent-page__actions { margin-top: 4rem; } .rent-page__trainers .container { display: flex; flex-direction: column; gap: 5rem; padding-bottom: 10rem; } .rent-trainer { display: flex; gap: 6rem; align-items: center; padding: 5rem; border-radius: 0 6rem 0 6rem; background: #fff; } .rent-trainer__img { flex: 0 0 42%; } .rent-trainer__img img { width: 100%; height: auto; display: block; } .rent-trainer__body { flex: 1 1 auto; display: flex; flex-direction: column; } .rent-trainer__title { margin-bottom: 2rem; font-weight: 700; font-size: 4rem; line-height: 1.2; } .rent-trainer__subtitle { margin-bottom: 1.5rem; font-weight: 700; font-size: 2.2rem; } .rent-trainer__buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 2.5rem; margin-top: 1rem; } .rent-trainer__buttons .course-format__btn { margin-top: 0; } .course-format__btn--outline { background: #fff; color: #0E62C4; border: 3px solid #0E62C4; } .rent-trainer__link { color: #0E62C4; font-weight: 600; font-size: 2rem; } .rent-page__steps { list-style: decimal; } @media (max-width: 48em) { .rent-trainer { flex-direction: column; padding: 6rem; gap: 4rem; } .rent-trainer__img { flex-basis: auto; width: 100%; } .rent-trainer__title { font-size: 6rem; } .rent-trainer__subtitle { font-size: 3.6rem; } .rent-trainer__link { font-size: 3.6rem; } } /* Верхнее меню: с пунктом «Аренда тренажёров» ряд стал шире минимальной ширины и пункты слиплись — задаём отступ */ .header__links--light { gap: 2rem; } .header__links--bold { width: auto; gap: 4rem; } /* Отзывы на страницах курсов и разделов (компьютер): слайдер в один ряд */ .all-reviews__navigation-block--desktop { display: flex !important; justify-content: space-between; align-items: center; margin-top: 4rem; } .all-reviews__cards.swiper { overflow: hidden; } .all-reviews__cards.swiper .all-reviews__item { width: auto; } /* ЕИСОТ: ссылка на светлом фоне синей карточки */ .course-format__card--interactive .eisot-rent__link { color: #fff; } .eisot-rent .rent-trainer__buttons { margin-top: auto; } /* Подвал: был прибит к низу (position: absolute) с запасом высоты 44rem у body. Когда меню подвала выросло, подвал стал наезжать на форму «Поможем подобрать программу». Ставим подвал в обычный поток — его высота больше ни на что не влияет */ body { padding-bottom: 0 !important; } .footer { position: relative !important; bottom: auto !important; } /* Отзывы на Яндекс Картах (includes/yandex-reviews-block.php) */ .ya-reviews{margin:48px 0 0;position:relative;z-index:2} .ya-reviews__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px} .ya-reviews__title{font-size:24px;font-weight:700;color:#1d1d1f;display:flex;align-items:center;gap:12px;flex-wrap:wrap} .ya-reviews__badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:6px 14px;font-size:16px;font-weight:600;color:#1d1d1f;text-decoration:none;box-shadow:0 2px 8px rgba(43,77,138,.12)} .ya-reviews__badge b{color:#f5a623} .ya-reviews__btn{background:#2B4D8A;color:#fff;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s} .ya-reviews__btn:hover{background:#1f3a6b;color:#fff} .ya-reviews__list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .ya-reviews__card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 4px 18px rgba(43,77,138,.08);display:flex;flex-direction:column;gap:10px} .ya-reviews__top{display:flex;align-items:center;gap:12px} .ya-reviews__ava{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex:none} .ya-reviews__name{font-weight:700;font-size:16px;color:#1d1d1f} .ya-reviews__date{font-size:13px;color:#8a8a8e} .ya-reviews__stars{color:#f5a623;font-size:18px;letter-spacing:2px} .ya-reviews__text{font-size:15px;line-height:1.5;color:#333;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden} .ya-reviews__src{margin-top:auto;font-size:13px;color:#2B4D8A;text-decoration:none;display:flex;align-items:center;gap:6px} .ya-reviews__src i{width:14px;height:14px;border-radius:50%;background:#fc3f1d;display:inline-block} @media (max-width:900px){.ya-reviews__list{grid-template-columns:1fr}.ya-reviews__card:nth-child(n+3){display:none}.ya-reviews__title{font-size:20px}} .ya-reviews-section{margin:-2rem 0 6rem} .ya-reviews-section .ya-reviews{margin-top:0} /* Главная: блок «Полезные статьи» (includes/news.php → news.list/stati-home) */ .stati-home{margin:0 0 6rem} .stati-home__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px} .stati-home__title{font-size:24px;font-weight:700;color:#1d1d1f} .stati-home__all{background:#2B4D8A;color:#fff;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s} .stati-home__all:hover{background:#1f3a6b;color:#fff} .stati-home__list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .stati-home__card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 18px rgba(43,77,138,.08);display:flex;flex-direction:column;text-decoration:none;color:#1d1d1f;transition:box-shadow .2s,transform .2s} .stati-home__card:hover{box-shadow:0 8px 26px rgba(43,77,138,.16);transform:translateY(-2px);color:#1d1d1f} .stati-home__img{background:#F3F4F8;height:150px;display:flex;align-items:center;justify-content:center;padding:12px} .stati-home__img img{height:100%;width:auto;max-width:100%;object-fit:contain} .stati-home__body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:auto} .stati-home__date{font-size:13px;color:#8a8a8e} .stati-home__name{font-size:17px;line-height:1.35;font-weight:700} .stati-home__text{font-size:14px;line-height:1.5;color:#555;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .stati-home__more{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:#2B4D8A} @media (max-width:900px){.stati-home__list{grid-template-columns:1fr}.stati-home__card{flex-direction:row}.stati-home__img{width:110px;height:auto;flex:none;padding:8px}.stati-home__img img{width:100%;height:auto}.stati-home__text{display:none}.stati-home__title{font-size:20px}.stati-home__body{padding:14px 16px}.stati-home__name{font-size:15px}} /* Главная, первый экран: рейтинг, аккредитация, лицензия */ .main-intro__trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} .main-intro__trust-item{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:7px 12px;font-size:13px;line-height:1.2;color:#1d1d1f;text-decoration:none;box-shadow:0 2px 8px rgba(43,77,138,.10)} .main-intro__trust-item b{font-weight:700} a.main-intro__trust-item:hover{box-shadow:0 4px 14px rgba(43,77,138,.18);color:#1d1d1f} .main-intro__trust-star{color:#1d1d1f} .main-intro__trust-star:first-letter{color:#f5a623} @media (max-width:48em){.main-intro__trust{gap:8px;margin-top:18px}.main-intro__trust-item{font-size:13px;padding:7px 12px}} /* Главная, контакты на телефоне: без почтового адреса, карта ниже */ @media (max-width:48em){body:has(.main-intro) .contacts__address-block--mail{display:none}body:has(.main-intro) .contacts__map-block{height:240px!important;min-height:0}body:has(.main-intro) .contacts__map-block iframe,body:has(.main-intro) .contacts__map-block>div{height:100%!important}} /* Главная, «Программы обучения» (news.list/programmy-obucheniya): 8 направлений + строка услуг */ .prog-study__cards--v2{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:16px} .prog-study__card{background:#fff;border-radius:20px;padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#1d1d1f;box-shadow:0 4px 18px rgba(43,77,138,.06);transition:box-shadow .2s,transform .2s} .prog-study__card:hover{box-shadow:0 8px 26px rgba(43,77,138,.16);transform:translateY(-2px);color:#1d1d1f} .prog-study__card-img{display:flex;align-items:center;justify-content:center;height:130px;margin-bottom:6px} .prog-study__card-img img{max-height:100%;max-width:100%;width:auto;object-fit:contain} .prog-study__card-title{font-size:18px;line-height:1.3;font-weight:700} .prog-study__card-text{font-size:14px;line-height:1.4;color:#757988} .prog-study__card-more{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;color:#0E62C4} .prog-study__services{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px} .prog-study__services-title{font-size:15px;font-weight:700;color:#1d1d1f;margin-right:4px} .prog-study__service{display:inline-flex;align-items:baseline;gap:8px;background:#fff;border-radius:999px;padding:9px 16px;font-size:14px;color:#1d1d1f;text-decoration:none;box-shadow:0 2px 8px rgba(43,77,138,.08)} .prog-study__service span{color:#757988;font-size:13px} .prog-study__service:hover{box-shadow:0 4px 14px rgba(43,77,138,.18);color:#1d1d1f} @media (max-width:1100px){.prog-study__cards--v2{grid-template-columns:repeat(2,1fr)}} @media (max-width:48em){.prog-study__cards--v2{grid-template-columns:1fr 1fr;gap:10px}.prog-study__card{padding:12px 12px 14px;border-radius:16px}.prog-study__card-img{height:80px}.prog-study__card-title{font-size:15px}.prog-study__card-text{font-size:12px}.prog-study__card-more{font-size:13px}.prog-study__service{font-size:13px;padding:8px 12px}.prog-study__services-title{width:100%}} /* Кнопки мессенджеров (footer.php) — справа внизу */ .messengers{position:fixed;right:24px;bottom:24px;z-index:900;display:flex;flex-direction:column;gap:10px} .messengers__btn{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .2s} .messengers__btn:hover{transform:scale(1.07)} .messengers__btn svg{width:28px;height:28px;margin-left:-3px} .messengers__btn--tg{background:#27A6E5} .messengers__label{position:absolute;right:66px;white-space:nowrap;background:#1d1d1f;color:#fff;font-size:13px;padding:6px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s} .messengers__btn:hover .messengers__label{opacity:1} @media (max-width:48em){.messengers{right:16px;bottom:16px}.messengers__btn{width:50px;height:50px}.messengers__btn svg{width:25px;height:25px}.messengers__label{display:none}} .messengers{transition:bottom .25s} body:has(.about-intro__fixed._fixed) .messengers{bottom:92px} /* Персональные данные: страницы политики/согласия, ссылки у галочки, плашка cookie */ .legal-doc{padding-bottom:6rem} .legal-doc__body{max-width:900px;font-size:16px;line-height:1.6;color:#1d1d1f} .legal-doc__body h2{font-size:22px;line-height:1.3;font-weight:700;margin:32px 0 12px} .legal-doc__body p{margin:0 0 12px} .legal-doc__body ul{margin:0 0 12px;padding-left:22px;list-style:disc} .legal-doc__body li{margin-bottom:6px} .legal-doc__body a{color:#0E62C4;text-decoration:underline} .legal-doc__meta{color:#757988;font-size:14px} .legal-doc__table{width:100%;border-collapse:collapse;margin:8px 0 16px;background:#fff;border-radius:12px;overflow:hidden;font-size:15px} .legal-doc__table td,.legal-doc__table th{border:1px solid #E1E4EC;padding:10px 12px;vertical-align:top;text-align:left} .legal-doc__table th{background:#F3F4F8;font-weight:700} .legal-doc__table td:first-child{width:32%;color:#555} .legal-doc__table--wide td:first-child{width:auto;color:#1d1d1f} @media (max-width:48em){.legal-doc__body{font-size:15px}.legal-doc__table--wide{display:block;overflow-x:auto}.legal-doc__table--wide td,.legal-doc__table--wide th{min-width:160px}} .consent-link{color:inherit;text-decoration:underline} .cookie-note{position:fixed;left:24px;bottom:24px;z-index:950;max-width:440px;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 8px 28px rgba(0,0,0,.18);display:flex;gap:14px;align-items:center} .cookie-note[hidden]{display:none} .cookie-note__text{margin:0;font-size:13px;line-height:1.45;color:#1d1d1f} .cookie-note__text a{color:#0E62C4;text-decoration:underline} .cookie-note__btn{flex:none;background:#2B4D8A;color:#fff;border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer} @media (max-width:48em){.cookie-note{left:12px;right:12px;bottom:12px;max-width:none;flex-direction:column;align-items:stretch}.cookie-note__btn{width:100%}} /* /sveden/ — список подразделов «Сведения об образовательной организации» */ .sveden-list{list-style:none;margin:24px 0 48px;padding:0;display:grid;gap:10px;max-width:900px} .sveden-list a{display:block;background:#fff;border-radius:14px;padding:16px 20px;font-size:17px;font-weight:600;color:#1d1d1f;text-decoration:none;box-shadow:0 2px 10px rgba(43,77,138,.06)} .sveden-list a:hover{color:#0E62C4;box-shadow:0 4px 16px rgba(43,77,138,.14)} /* Мобильная версия: единый масштаб блоков, крупнее логотип (2026-10-14) */ @media (max-width: 767px) { form.header__container { position: relative; } form.header__container .header__logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0 !important; width: 136px; height: 46px; } form.header__container .header__logo img { width: 100%; height: 100%; object-fit: contain; } .header__mobile-search-icon { margin-right: auto; margin-left: 10px; } .main-intro__image-block { transform: scale(.72); transform-origin: 50% 0; margin-bottom: -88px !important; } .main-intro__title, .prog-study__title, .more-center__title, .advantages__title, .feedback__title, .reviews__title, .partners__title, .contacts__title, .ya-reviews__title, .stati-home__title { font-size: 24px !important; line-height: 1.2 !important; } .more-center__text-bold { font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; } .advantages__item + .advantages__item { margin-top: 36px !important; } .prog-study__card-title { font-size: 16px !important; } .prog-study__card-text { font-size: 13px !important; } } /* Мобильная версия: меньше текста и пустот (2026-10-14) */ @media (max-width: 767px) { .m-more { order: 2; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; margin: 4px 0 16px; padding: 0; border: 0; background: none; font: inherit; font-size: 15px; font-weight: 600; color: #2a5bd7; cursor: pointer; } .m-more::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); } .m-more[aria-expanded="true"]::after { transform: rotate(-135deg) translateX(-2px); } .course-format__card--interactive .m-more { color: #fff; } .m-clamp { max-height: var(--m-h); overflow: hidden; position: relative; } .m-clamp::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 48px; background: linear-gradient(rgba(255,255,255,0), var(--m-fade, #fff)); pointer-events: none; } .m-clamp.m-open { max-height: none; } .m-clamp.m-open::after { display: none; } /* Курс: списки и примечания в карточках форматов скрыты до «Подробнее» */ .course-format__card.m-fold .course-format__list, .course-format__card.m-fold .course-format__text--note { display: none; } .course-format__card.m-fold.m-open .course-format__list { display: block; } .course-format__card.m-fold.m-open .course-format__text--note { display: block; } /* Курс: продолжительность, стоимость, срок — компактные строки вместо карточек на весь экран */ .service-desc__cards { gap: 10px !important; } .service-desc__item { display: grid !important; grid-template-columns: 40px 1fr; column-gap: 14px; align-items: center; padding: 14px 16px !important; min-height: 0 !important; height: auto !important; margin: 0 !important; } .service-desc__item + .service-desc__item { margin-top: 10px !important; } .service-desc__number { display: none !important; } .service-desc__icon { grid-row: 1 / span 2; width: 40px !important; height: 40px !important; margin: 0 !important; } .service-desc__icon img, .service-desc__icon svg { width: 100% !important; height: 100% !important; } .service-desc__item-title { font-size: 14px !important; margin: 0 !important; color: #6b7280; font-weight: 500 !important; } .service-desc__item-list { margin: 2px 0 0 !important; padding: 0 !important; } .service-desc__item-list li { font-size: 17px !important; font-weight: 700; color: #111; list-style: none; padding: 0 !important; margin: 0 !important; } .service-desc__item-list li::before { display: none !important; } /* «Больше о нашем центре»: цитата на телефоне не нужна */ .more-center__citation-block { display: none !important; } /* Преимущества: компактные карточки */ .advantages__item { display: grid !important; grid-template-columns: 40px 1fr; column-gap: 14px; padding: 16px !important; min-height: 0 !important; height: auto !important; } .advantages__item + .advantages__item { margin-top: 10px !important; } .advantages__number { display: none !important; } .advantages__icon { grid-row: 1 / span 2; width: 40px !important; height: 40px !important; margin: 0 !important; } .advantages__icon img { width: 100% !important; height: 100% !important; } .advantages__item-title { font-size: 16px !important; margin: 0 0 4px !important; } .advantages__item-text { font-size: 14px !important; margin: 0 !important; } /* Кнопка «наверх» перекрывает текст; на телефоне хватает плавающей кнопки Telegram и полосы заявки */ .up-btn { display: none !important; } /* Отзывы: вводный текст и второй отзыв с Яндекса на телефоне лишние */ .all-reviews__text { display: none !important; } .ya-reviews__card:nth-child(n+2) { display: none !important; } /* Картинки, которые на телефоне только удлиняют страницу */ section.more-center:has(.more-center__list) .more-center__img-box { display: none !important; } .service-article__img-box { display: none !important; } } /* Разделы курсов, компьютер (2026-10-14): вертикальные карточки курсов одной высоты, название крупнее, цена заметнее; единый размер описательного текста в блоках раздела */ @media (min-width: 48.01em) { .course-page__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; } .course-page__item { flex-direction: column; width: auto; min-height: 0; margin: 0 !important; padding: 2.4rem 2.4rem 9rem; } .course-page__img-box { align-self: stretch; width: 100%; height: 22rem; margin: 0 0 2rem; } .course-page__text-block { display: block; flex: auto; padding: 0; align-content: start; } .course-page__item-title { margin-bottom: 1.2rem; font-size: max(15px, 2.3rem); line-height: 1.35; } .course-page__item-price { font-size: max(16px, 2.5rem); line-height: 1.3; font-weight: 700; color: #1B1B1B; } .course-page__item-price:before { display: none; } .service-detail__subtitle, .service-detail__subtitle p, .service-desc__description, .service-desc__description p, .service-desc__description li, .service-article__text, .service-article__list, .service-faq__answer { font-size: max(15px, 2.4rem) !important; line-height: 1.55 !important; } } @media (min-width: 48.01em) and (max-width: 1100px) { .course-page__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* === Форма «Поможем подобрать программу» с живым консультантом (2026-10) === */ .feedback__content-block:has(.consult) { display: grid; grid-template-columns: 250px minmax(0, 1fr); align-items: center; gap: 36px; background: #fff; border: 0; border-radius: 24px; box-shadow: 0 10px 30px rgba(14, 98, 196, .07); padding: 22px 40px 22px 24px; } .feedback__img-box.consult { --c-stage: #E8F1FB; --c-skin: #F6C9AE; --c-skin-dark: #E9AE8F; --c-hair: #3B2A2F; --c-jacket: #1F5FB8; --c-dark: #24304A; --c-ink: #1E2433; --c-blue: #3185C6; --c-red: #EA5550; --c-sun: #F2B544; --stage: var(--c-stage); --skin: var(--c-skin); --skin-dark: var(--c-skin-dark); --hair: var(--c-hair); --jacket: var(--c-jacket); --dark: var(--c-dark); --logo-blue: var(--c-blue); --logo-red: var(--c-red); --sun: var(--c-sun); position: relative; display: grid; justify-items: center; width: auto; height: auto; margin: 0; padding-top: 52px; } .consult svg { width: 100%; max-width: 220px; height: auto; display: block; } .consult__bubble { position: absolute; top: 0; left: 50%; transform: translateX(-38%); z-index: 2; width: 236px; padding: 9px 13px; border-radius: 14px 14px 14px 4px; background: var(--c-ink); color: #fff; font-size: 13.5px; line-height: 1.35; font-weight: 600; box-shadow: 0 8px 20px rgba(30, 36, 51, .18); transition: opacity .18s ease, transform .18s ease; } .consult__bubble::after { content: ""; position: absolute; left: 22px; bottom: -9px; border: 10px solid transparent; border-top-color: var(--c-ink); border-bottom: 0; border-left: 0; } .consult__bubble--swap { opacity: 0; transform: translateX(-38%) translateY(4px); } .consult__bubble--alert { background: var(--c-red); } .consult__bubble--alert::after { border-top-color: var(--c-red); } .consult__confetti { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .consult__confetti i { position: absolute; top: 40%; width: 8px; height: 12px; border-radius: 2px; animation: consult-fly 1.3s cubic-bezier(.2, .7, .4, 1) forwards; } @keyframes consult-fly { to { transform: translate(var(--x), var(--y)) rotate(var(--r)); opacity: 0; } } #cHead { transform-box: view-box; transform-origin: 180px 262px; transition: transform .35s cubic-bezier(.3, 1.4, .6, 1); } #cBody { animation: consult-breathe 4.2s ease-in-out infinite; transform-box: view-box; transform-origin: 180px 400px; } @keyframes consult-breathe { 50% { transform: translateY(-3px); } } .consult__lid { transform-box: fill-box; transform-origin: center; animation: consult-blink 5s infinite; } @keyframes consult-blink { 0%, 95%, 100% { transform: scaleY(1); } 97% { transform: scaleY(.08); } } #cArm { transform-box: view-box; transform-origin: 262px 330px; transform: rotate(112deg); opacity: 0; transition: transform .45s cubic-bezier(.3, 1.3, .6, 1), opacity .2s; } .consult--waving #cArm, .consult--cheer #cArm { opacity: 1; } .consult--waving #cArm { transform: rotate(0deg); animation: consult-wave .9s ease-in-out 2 .3s; } .consult--cheer #cArm { transform: rotate(-8deg); } @keyframes consult-wave { 25% { transform: rotate(-16deg); } 75% { transform: rotate(14deg); } } #cMouth, #cBrows path { transition: d .25s ease; } .consult .c-line { font: 700 11px "Euclid Circular A", sans-serif; fill: var(--c-dark); } .consult .c-ph { font: 600 11px "Euclid Circular A", sans-serif; fill: #A7ACBA; } #cTablet { transform-box: view-box; transform-origin: 84px 386px; transition: transform .3s; } /* Машет правой рукой — значит, она отпустила планшет: планшет остаётся в левой руке */ .consult .c-hand-r { transition: opacity .15s; } .consult--waving .c-hand-r, .consult--cheer .c-hand-r { opacity: 0; } .consult--waving #cTablet, .consult--cheer #cTablet { transform: rotate(5deg) translateY(4px); } .consult--writing #cTablet { transform: rotate(-3deg) translateY(-4px); } #cCaret { opacity: 0; } .consult--writing #cCaret { animation: consult-caret 1s steps(1) infinite; } @keyframes consult-caret { 50% { opacity: 1; } } .consult__dots circle { animation: consult-pulse 1.4s ease-in-out infinite; } .consult__dots circle:nth-child(2) { animation-delay: .2s; } .consult__dots circle:nth-child(3) { animation-delay: .4s; } @keyframes consult-pulse { 50% { opacity: .25; } } .consult-shake { animation: consult-shake .4s; } @keyframes consult-shake { 20%, 60% { transform: translateX(-5px); } 40%, 80% { transform: translateX(5px); } } /* Форма: компактные отступы, поля в две колонки, кнопка и согласие в одну строку, квадратный чекбокс */ .feedback__content-block:has(.consult) .feedback__sub-title { margin-bottom: 6px; font-size: 13.5px; line-height: 1.45; } .feedback__content-block:has(.consult) .feedback__title { margin-bottom: 26px; font-size: 28px; line-height: 1.15; } #feedback__form { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 28px; align-items: center; padding-top: 20px; } #feedback__form .feedback__label--name, #feedback__form .feedback__label--phone, #feedback__form .feedback__label--textarea { width: auto; height: 36px; margin: 0; } #feedback__form .feedback__label--textarea { grid-column: 1 / -1; } #feedback__form .feedback__label--name:before, #feedback__form .feedback__label--phone:before { top: -20px; font-size: 13px; line-height: 1.3; } #feedback__form .feedback__label > svg { width: 16px; height: 16px; margin-right: 10px; } #feedback__form .feedback__input { font-size: 17px; line-height: 1.3; } #feedback__form .feedback__btn { justify-self: start; width: auto; height: 46px; padding: 0 24px; border-radius: 26px 0 0 0; font-size: 15px; } #feedback__form .feedback__btn > svg { width: 24px; height: 14px; margin-left: 20px; } #feedback__form .feedback__label--checkbox { width: auto; font-size: 13px; line-height: 1.45; color: #757988; } #feedback__form .feedback__checkbox-check { width: 24px; height: 24px; margin-right: 12px; border: 2px solid #C7CBDA; border-radius: 7px; transition: border-color .2s, background-color .2s; } #feedback__form .feedback__label--checkbox.check .feedback__checkbox-check { background: #0E62C4; border-color: #0E62C4; } #feedback__form .feedback__checkbox-check > svg { width: 13px; height: 10px; } #feedback__form .feedback__checkbox-check > svg path { stroke: #fff; } #feedback__form .form-inline-error { grid-column: 1 / -1; } @media (prefers-reduced-motion: reduce) { #cBody, .consult__lid, .consult__dots circle, .consult--writing #cCaret, .consult--waving #cArm { animation: none; } #cHead, #cArm, .consult__bubble { transition: none; } .consult__confetti { display: none; } } @media (max-width: 48em) { .feedback__content-block:has(.consult) { grid-template-columns: 1fr; gap: 18px; padding: 18px 20px 24px; border-radius: 20px; } .feedback__img-box.consult { order: 0; width: 100%; height: auto; margin: 0; } .consult svg { max-width: 190px; } .consult__bubble { transform: translateX(-30%); } .consult__bubble--swap { transform: translateX(-30%) translateY(4px); } .feedback__content-block:has(.consult) .feedback__form-block { order: 1; margin: 0; } .feedback__content-block:has(.consult) .feedback__title { font-size: 24px !important; margin-bottom: 20px; } #feedback__form { grid-template-columns: 1fr; gap: 34px; padding-top: 22px; } #feedback__form .feedback__label--name, #feedback__form .feedback__label--phone { height: 40px; } #feedback__form .feedback__input { font-size: 18px; } #feedback__form .feedback__btn { justify-self: stretch; justify-content: center; height: 50px; margin: 0; } #feedback__form .feedback__label--checkbox { font-size: 13px; } } /* Руководство без фото (2026-10) */ .team__item--nopic { min-height: 0; padding: 6rem 7rem; } .team__item--nopic .team__text-block { width: 100%; margin-top: 0; } /* === Мини-тренажёры: СЛР и СИЗ (2026-10), разметка includes/mini-trainer.php, поведение js/mini-trainers.js === */ .mini-trainer { margin: 0 0 6rem; } .mt-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); grid-template-areas: "head play" "done play"; align-items: start; gap: 18px 40px; padding: 28px 36px; background: #fff; border-radius: 24px; box-shadow: 0 10px 30px rgba(14, 98, 196, .07); color: #1E2433; font-size: 15px; } .mt-head { grid-area: head; min-width: 0; } .mt-play { grid-area: play; min-width: 0; display: grid; gap: 14px; } .mt-done { grid-area: done; min-width: 0; display: none; gap: 12px; } .mt-card.mt-win .mt-done { display: grid; } .mt-eyebrow { margin: 0 0 8px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #3185C6; font-weight: 700; } .mt-title { margin: 0 0 12px; font-size: 28px; line-height: 1.15; font-weight: 700; } .mt-task { margin: 0; font-size: 15px; line-height: 1.5; color: #757988; } .mt-done p { margin: 0; font-size: 15px; line-height: 1.5; } .mt-done .mt-facts { color: #757988; font-size: 13.5px; } .mt-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .mt-btn { display: inline-flex; align-items: center; height: 44px; padding: 0 22px; border: 2px solid #0E62C4; border-radius: 22px 0 0 0; background: #0E62C4; color: #fff !important; font-weight: 700; font-size: 14px; text-decoration: none; cursor: pointer; } .mt-btn:hover { background: #0A4FA0; border-color: #0A4FA0; } .mt-btn--ghost { background: transparent; color: #0E62C4 !important; } .mt-btn--ghost:hover { background: #E8F1FB; } .mt-again { height: 44px; padding: 0 14px; border: 0; background: none; color: #757988; font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer; } .mt-stage { position: relative; background: #E8F1FB; border-radius: 18px; overflow: hidden; touch-action: manipulation; user-select: none; -webkit-user-select: none; } .mt-stage svg { display: block; width: 100%; height: auto; } .mt-card[data-mt="cpr"] .mt-stage { cursor: pointer; } .mt-hint { position: absolute; left: 12px; right: 12px; top: 12px; display: flex; justify-content: center; pointer-events: none; } .mt-card[data-mt="cpr"] .mt-hint { top: auto; bottom: 12px; } .mt-hint span { background: #1E2433; color: #fff; font-size: 13.5px; font-weight: 600; padding: 8px 12px; border-radius: 12px; box-shadow: 0 6px 16px rgba(30, 36, 51, .18); text-align: center; transition: background-color .2s; } .mt-hint span.mt-good { background: #2FA866; } .mt-hint span.mt-warn { background: #EA5550; } .mt-stage:focus-visible, .mt-item:focus-visible, .mt-btn:focus-visible { outline: 3px solid #3185C6; outline-offset: 3px; } .mt-status { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .mt-stat { font-size: 13px; color: #757988; } .mt-stat b { font-size: 20px; color: #1E2433; font-variant-numeric: tabular-nums; } .mt-meter { flex: 1 1 200px; min-width: 0; } .mt-bar { position: relative; height: 12px; border-radius: 6px; background: linear-gradient(90deg, #F3C9C7 0 40%, #BFE6CF 40% 60%, #F3C9C7 60% 100%); } .mt-mark { position: absolute; top: -5px; left: 0; width: 4px; height: 22px; border-radius: 2px; background: #1E2433; transition: left .15s; } .mt-scale { position: relative; height: 14px; margin-top: 5px; font-size: 11px; color: #757988; font-variant-numeric: tabular-nums; } .mt-scale span { position: absolute; transform: translateX(-50%); white-space: nowrap; } .mt-scale span:first-child { transform: none; } .mt-scale span:last-child { transform: translateX(-100%); } /* СЛР */ .mt-hands { transform-box: view-box; transform-origin: 186px 154px; transition: transform .08s ease-out, opacity .6s; } .mt-chest { transform-box: view-box; transform-origin: 180px 153px; transition: transform .08s ease-out; } .mt-press .mt-hands { transform: scale(.9) translate(-4px, 2px); } .mt-press .mt-chest { transform: scale(.96); } .mt-ripples circle { transform-box: fill-box; transform-origin: center; animation: mt-ripple .6s ease-out forwards; } @keyframes mt-ripple { from { opacity: .7; transform: scale(.3); } to { opacity: 0; transform: scale(1.6); } } .mt-vskin { fill: #E6D3CB; transition: fill 1.2s; } .mt-win .mt-vskin { fill: #F6C9AE; } .mt-open, .mt-ekg-beat { display: none; } .mt-win .mt-open, .mt-win .mt-ekg-beat { display: inline; } .mt-win .mt-closed, .mt-win .mt-ekg-flat { display: none; } .mt-win .mt-hands { transform: translate(60px, 30px); opacity: 0; } .mt-heart { transform-box: fill-box; transform-origin: center; opacity: 0; transition: opacity .4s; } .mt-win .mt-heart { opacity: 1; animation: mt-beat .9s ease-in-out infinite; } @keyframes mt-beat { 0%, 100% { transform: scale(1); } 30% { transform: scale(1.25); } } /* СИЗ */ .mt-stage--siz.mt-drop { box-shadow: inset 0 0 0 3px #3185C6; } .mt-shelf { display: grid; grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); gap: 8px; } .mt-item { display: grid; justify-items: center; gap: 4px; min-width: 0; padding: 8px 4px 6px; border: 2px solid #C7CBDA; border-radius: 14px; background: #fff; cursor: grab; font: inherit; font-size: 11px; font-weight: 600; line-height: 1.2; color: #1E2433; text-align: center; touch-action: none; transition: border-color .2s, opacity .3s; } .mt-item svg { width: 100%; max-width: 46px; height: 38px; pointer-events: none; } .mt-item:hover { border-color: #3185C6; } .mt-item.mt-used { opacity: .25; pointer-events: none; } .mt-item.mt-nope { animation: mt-shake .4s; border-color: #EA5550; } .mt-item.mt-dragging { opacity: .4; } .mt-ghost { position: fixed; z-index: 1000; pointer-events: none; width: 64px; height: 54px; transform: translate(-50%, -50%); } @keyframes mt-shake { 20%, 60% { transform: translateX(-5px); } 40%, 80% { transform: translateX(5px); } } .mt-gear { opacity: 0; transition: opacity .25s, transform .3s cubic-bezier(.3, 1.4, .6, 1); transform-box: fill-box; transform-origin: center; transform: scale(.6); } .mt-gear.mt-on { opacity: 1; transform: scale(1); } .mt-thumb { opacity: 0; transition: opacity .3s; } .mt-win .mt-thumb { opacity: 1; } .mt-win .mt-arm-r, .mt-win .mt-glove-r { opacity: 0; } .mt-fist { fill: #F6C9AE; } .mt-gloved .mt-fist { fill: #F2B544; } .mt-confetti { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .mt-confetti i { position: absolute; top: 45%; left: 50%; width: 8px; height: 12px; border-radius: 2px; animation: mt-fly 1.4s cubic-bezier(.2, .7, .4, 1) forwards; } @keyframes mt-fly { to { transform: translate(var(--x), var(--y)) rotate(var(--r)); opacity: 0; } } @media (prefers-reduced-motion: reduce) { .mt-hands, .mt-chest, .mt-gear, .mt-item { transition: none; } .mt-win .mt-heart, .mt-item.mt-nope { animation: none; } .mt-confetti { display: none; } } @media (max-width: 48em) { .mini-trainer { margin-bottom: 12rem; } .mt-card { grid-template-columns: 1fr; grid-template-areas: "head" "play" "done"; padding: 20px 18px 22px; border-radius: 20px; } .mt-title { font-size: 22px; } .mt-task { font-size: 14px; } } .mini-trainer--inline { margin: 24px 0 56px; } .mini-trainer--inline > .container { width: auto; max-width: none; padding: 0; } /* === Блок «Больше о нашем центре»: анимированный портал обучения вместо видео (2026-10) === */ .more-center--main .more-center__img-box.more-center__img-box--portal { width: 65rem; height: auto; border-radius: 0; overflow: visible; } .more-center__img-box--portal svg { display: block; width: 100%; height: auto; } .mc-steps { display: flex; gap: 4px; justify-content: center; flex-wrap: wrap; margin-top: 10px; } .mc-steps span { padding: 5px 8px; border-radius: 9px; font-size: 11.5px; white-space: nowrap; font-weight: 600; color: #757988; transition: background-color .3s, color .3s; } .mc-steps span.mc-on { background: #0E62C4; color: #fff; } .mc-scene { opacity: 0; transition: opacity .5s; } .mc-scene.mc-on { opacity: 1; } .mc-bar { transition: width 1.6s ease-in-out; } .mc-opt { transition: fill .3s, stroke .3s; } .mc-opt.mc-ok { fill: #DDF3E6; stroke: #2FA866; } .mc-tick { opacity: 0; transition: opacity .3s; } .mc-tick.mc-on { opacity: 1; } .mc-cert { transform-box: fill-box; transform-origin: center; transform: translateY(16px) scale(.92); transition: transform .5s cubic-bezier(.3, 1.4, .6, 1); } .mc-scene.mc-on .mc-cert { transform: none; } .mc-stamp { opacity: 0; transition: opacity .4s .5s; } .mc-scene.mc-on .mc-stamp { opacity: 1; } .mc-press { transform-box: view-box; transform-origin: 170px 176px; animation: mc-press .5s ease-in-out infinite; } @keyframes mc-press { 50% { transform: translateY(5px) scale(.95); } } .more-center__buttons { display: flex; flex-wrap: wrap; gap: 2rem; } .more-center__btn--ghost { background-color: #fff; color: #0E62C4; border: 2px solid #0E62C4; } .more-center__btn--ghost:hover { background-color: #E8F1FB; } @media (prefers-reduced-motion: reduce) { .mc-scene, .mc-bar, .mc-cert { transition: none; } .mc-press { animation: none; } } @media (max-width: 48em) { .more-center--main .more-center__img-box.more-center__img-box--portal { width: 100%; height: auto; margin-bottom: 6rem; } .more-center__buttons { gap: 4rem; } .more-center__buttons .more-center__btn { width: 100%; } } /* === Telegram-канал (2026-10): плашка на телефоне, блоки в статьях, строки после заявки (js/tg-channel.js) === */ .tg-bar { position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); z-index: 940; display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 12px; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0, 0, 0, .18); transform: translateY(140%); transition: transform .35s ease; } .tg-bar--on { transform: none; } .tg-bar__icon, .tg-inline__icon { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #27A6E5; color: #fff; } .tg-bar__icon svg, .tg-inline__icon svg { width: 19px; height: 19px; margin-left: -2px; } .tg-bar__text { flex: 1; min-width: 0; font-size: 13px; line-height: 1.3; font-weight: 600; color: #1d1d1f; } .tg-bar__btn { flex: none; padding: 9px 12px; border-radius: 10px; background: #27A6E5; color: #fff !important; font-size: 13px; font-weight: 700; text-decoration: none; } .tg-bar__close { flex: none; width: 28px; height: 28px; border: 0; background: none; color: #9AA0AE; font-size: 22px; line-height: 1; cursor: pointer; } body.tg-bar-shown .messengers { bottom: 92px; } .tg-inline { display: flex; align-items: center; gap: 14px; margin: 28px 0; padding: 16px 18px; border-radius: 16px; background: #EAF6FD; border: 1px solid #BFE3F7; } .tg-inline__body { flex: 1; min-width: 0; display: grid; gap: 3px; font-size: 15px; line-height: 1.45; color: #1d1d1f; } .tg-inline__body span { color: #4B5163; font-size: 14px; } .tg-inline__btn { flex: none; padding: 10px 16px; border-radius: 12px; background: #27A6E5; color: #fff !important; font-weight: 700; font-size: 14px; text-decoration: none !important; } .tg-after { display: flex; gap: 8px; align-items: flex-start; margin: 14px 0; font-size: 14px; line-height: 1.45; color: #4B5163; text-align: left; } .tg-after svg { flex: none; width: 18px; height: 18px; margin-top: 2px; color: #27A6E5; } .tg-after__link { color: #0E62C4; font-weight: 700; text-decoration: underline; } .header__burger-item--tg a { display: flex; align-items: center; gap: 12px; color: #1d1d1f; } .header__burger-item--tg svg { width: 22px; height: 22px; color: #27A6E5; } @media (max-width: 48em) { .tg-inline { flex-wrap: wrap; } .tg-inline__btn { width: 100%; text-align: center; } } /* === Страница курса: факты под ценой, расчёт для группы, вопросы (2026-10, продажи + GEO) === */ .course-facts { display: grid; gap: 1.2rem; margin: -2.4rem 0 4.4rem; padding: 0; } .course-facts__row { display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: 2rem; align-items: baseline; } .course-facts dt { margin: 0; font-size: 1.8rem; color: #757988; } .course-facts dd { margin: 0; font-size: 2rem; line-height: 1.35; font-weight: 600; color: #1E2433; } @media (min-width: 48.01em) { /* три кнопки (заявка, демо-курс, демо-тренажёр) не помещались в строку и уходили за край */ .service-detail__buttons { flex-wrap: wrap; gap: 2.4rem 3rem; } .service-detail__buttons .about-intro__btn--service-page { width: auto; min-width: 28rem; margin-right: 0; padding-inline: 3.6rem; gap: 2.4rem; } } .course-updated { margin: 3rem 0 0; font-size: 1.8rem; color: #757988; } .course-cta { display: flex; align-items: center; gap: 2rem 5rem; margin-top: 4rem; padding: 4rem 5rem; background: #E8F1FB; border-radius: 0 4rem 0 4rem; } .course-cta__text { flex: 1 1 auto; margin: 0; font-size: 2.2rem; line-height: 1.45; color: #1E2433; } .course-cta__text b { display: block; margin-bottom: .6rem; font-size: 2.6rem; } .course-cta .service-desc__btn { flex: none; margin: 0; } .course-faq { padding-top: 0; } @media (max-width: 48em) { .course-facts { margin: -2rem 0 4rem; gap: 2.4rem; } .course-facts__row { grid-template-columns: 1fr; gap: .6rem; } .course-facts dt { font-size: 13px; } .course-facts dd { font-size: 15px; } .course-updated { font-size: 13px; } .course-cta { flex-direction: column; align-items: stretch; padding: 22px 18px; border-radius: 0 24px 0 24px; } .course-cta__text { font-size: 14px; } .course-cta__text b { font-size: 17px; } } /* Гарантия под фактами курса */ .course-guarantee { display: flex; align-items: flex-start; gap: 1.6rem; max-width: 72rem; margin: -2rem 0 4.4rem; padding: 1.8rem 2.2rem; background: #EAF7EF; border-radius: 0 2.4rem 0 2.4rem; font-size: 1.8rem; line-height: 1.45; color: #1E2433; } .course-guarantee svg { flex: none; width: 3.2rem; height: 3.2rem; } @media (max-width: 48em) { .course-guarantee { margin: -1.6rem 0 4rem; padding: 14px 14px; gap: 10px; font-size: 13.5px; border-radius: 0 16px 0 16px; } .course-guarantee svg { width: 22px; height: 22px; } } /* === Рекомендательные письма (2026-10): includes/letters-block.php, js/letters-block.js === */ .lb { --lb-ink: #1E2433; --lb-muted: #6B7183; --lb-blue: #0E62C4; --lb-blue-2: #3185C6; --lb-soft: #E9EEF5; color: var(--lb-ink); overflow-x: clip; } .lb [hidden] { display: none !important; } .lb__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 4rem 8rem; align-items: center; } .lb__eyebrow { margin: 0 0 1.5rem; font-size: 1.8rem; line-height: 2.7rem; } .lb__title { margin: 0 0 2rem; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; text-wrap: balance; } .lb__lead { margin: 0 0 5rem; max-width: 62rem; font-size: 2rem; line-height: 1.55; color: var(--lb-muted); } .lb__quote { position: relative; display: grid; align-content: start; gap: 2.4rem; min-height: 46rem; padding: 5rem 5rem 4rem; background: #fff; border-radius: 0 6rem 0 6rem; box-shadow: 0 2rem 5rem rgba(14, 98, 196, .08); } .lb__mark { position: absolute; top: -3rem; left: 4.4rem; display: grid; place-items: center; width: 6.4rem; height: 6.4rem; padding-top: 1.8rem; border-radius: 50%; background: var(--lb-blue); color: #fff; font-size: 5rem; line-height: 1; font-weight: 700; } .lb__text { margin: 0; font-size: 2.8rem; line-height: 1.5; font-weight: 600; } .lb__who { display: flex; align-items: center; gap: 1.8rem; } .lb__badge { flex: none; display: grid; place-items: center; width: 6rem; height: 6rem; border-radius: 1.8rem; background: #DCE8F7; color: var(--lb-blue); font-weight: 700; font-size: 2.1rem; } .lb__co { font-weight: 700; font-size: 2.2rem; } .lb__role { font-size: 1.9rem; color: var(--lb-muted); } .lb__label { margin: 0 0 1rem; font-size: 1.6rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--lb-muted); } .lb__chips { display: flex; flex-wrap: wrap; gap: .9rem; margin: 0; padding: 0; list-style: none; } .lb__chips li { margin: 0; padding: .9rem 1.6rem; border-radius: 99rem; background: var(--lb-soft); font-size: 1.8rem; font-weight: 600; } .lb__chips li::before { display: none; } .lb__foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 2rem; } .lb__open { display: inline-flex; align-items: center; gap: 1.2rem; color: var(--lb-blue); font-weight: 700; font-size: 2rem; text-decoration: none; } .lb__open svg { width: 2.6rem; height: 2.6rem; } .lb__nav { display: flex; align-items: center; gap: 1.4rem; } .lb__count { min-width: 6rem; text-align: center; font-weight: 700; font-size: 1.9rem; color: var(--lb-muted); font-variant-numeric: tabular-nums; } .lb__nav button { display: grid; place-items: center; width: 6rem; height: 6rem; padding: 0; border: 2px solid var(--lb-blue); border-radius: 50%; background: transparent; color: var(--lb-blue); cursor: pointer; transition: background-color .2s, color .2s; } .lb__nav button:hover { background: var(--lb-blue); color: #fff; } .lb__nav svg { width: 2.6rem; height: 2.6rem; } .lb-swap { transition: opacity .25s, transform .25s; } .lb-swap.is-out { opacity: 0; transform: translateY(.8rem); } .lb__desk { position: relative; height: 76rem; } .lb__paper { position: absolute; top: 47%; left: 50%; width: 50rem; aspect-ratio: .72; margin: 0; padding: 0; border: 0; border-radius: .8rem; background: #fff; overflow: hidden; cursor: pointer; box-shadow: 0 .3rem .6rem rgba(30, 36, 51, .08), 0 2.6rem 6rem rgba(30, 36, 51, .14); transform: translate(-50%, -50%) translate(var(--x, 0), var(--y, 0)) rotate(var(--r, 0deg)) scale(var(--s, 1)); transition: transform .6s cubic-bezier(.2, .8, .2, 1), opacity .5s, box-shadow .3s; } .lb__paper:nth-child(n+2) { opacity: 0; } /* до запуска скрипта видно только первое письмо */ .lb[data-lb-ready] .lb__paper { opacity: 1; } .lb__paper img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; pointer-events: none; } .lb__paper.is-top { cursor: zoom-in; box-shadow: 0 .3rem .6rem rgba(30, 36, 51, .08), 0 4rem 9rem rgba(14, 98, 196, .22); } .lb__paper.is-top:hover { --s: 1.02; } .lb__paper:not(.is-top):hover { --y: -1.4rem; } .lb__hint { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); font-size: 1.7rem; color: var(--lb-muted); white-space: nowrap; } .lb__tabs { display: flex; flex-wrap: wrap; gap: 1.2rem; margin: 5rem 0 0; padding: 0; list-style: none; } .lb__tabs li { margin: 0; } .lb__tabs li::before { display: none; } .lb__tabs a { display: block; padding: 1.3rem 2rem; border: 2px solid transparent; border-radius: 0 2rem 0 2rem; background: #fff; color: var(--lb-ink); font-size: 1.9rem; font-weight: 700; text-decoration: none; transition: border-color .2s, color .2s; } .lb__tabs a:hover { color: var(--lb-blue); } .lb__tabs a[aria-pressed="true"] { border-color: var(--lb-blue); color: var(--lb-blue); } .lb__cta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 2.4rem 4.4rem; margin-top: 4rem; padding: 3.6rem 4.4rem; background: var(--lb-blue); color: #fff; border-radius: 0 6rem 0 6rem; } .lb__cta p { margin: 0; max-width: 80rem; font-size: 2.2rem; line-height: 1.45; } .lb__cta b { display: block; font-size: 2.8rem; } .lb__cta-btn { display: inline-flex; align-items: center; height: 7.8rem; padding: 0 4.4rem; border-radius: 3rem 0 0 0; background: #fff; color: var(--lb-blue) !important; font-weight: 700; font-size: 2rem; text-decoration: none; } .lb__cta-btn:hover { background: #E8F1FB; } .lb__box { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px 16px; background: rgba(30, 36, 51, .75); } .lb__box img { max-width: min(760px, 100%); max-height: calc(100vh - 80px); border-radius: 6px; background: #fff; box-shadow: 0 30px 80px rgba(0, 0, 0, .4); } .lb__box button { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--lb-ink); font-size: 28px; line-height: 1; cursor: pointer; } body.lb-locked { overflow: hidden; } .lb__paper:focus-visible, .lb__nav button:focus-visible, .lb__tabs a:focus-visible, .lb__open:focus-visible, .lb__cta-btn:focus-visible { outline: 3px solid var(--lb-blue-2); outline-offset: 3px; } /* обёртка на главной вместо старого слайдера */ .lb-section { padding: 10rem 0; background: #EEF2F8; } .all-reviews .lb { margin-bottom: 8rem; } @media (max-width: 48em) { .lb__grid { grid-template-columns: minmax(0, 1fr); gap: 0; } .lb__intro { display: contents; } .lb__eyebrow, .lb__title, .lb__lead { order: 1; } .lb__eyebrow { font-size: 13px; line-height: 1.4; margin-bottom: 8px; } .lb__title { font-size: 6rem; line-height: 7.6rem; margin-bottom: 10px; } .lb__lead { font-size: 14.5px; margin-bottom: 0; } .lb__desk { order: 2; height: 400px; margin: 8px 0 24px; } .lb__paper { width: 250px; } .lb__hint { font-size: 12.5px; } .lb__quote { order: 3; min-height: 0; gap: 14px; padding: 30px 18px 20px; border-radius: 0 28px 0 28px; } .lb__mark { top: -20px; left: 20px; width: 44px; height: 44px; padding-top: 12px; font-size: 34px; } .lb__text { font-size: 16.5px; } .lb__badge { width: 40px; height: 40px; border-radius: 12px; font-size: 15px; } .lb__co { font-size: 15px; } .lb__role { font-size: 13px; } .lb__label { font-size: 11.5px; margin-bottom: 6px; } .lb__chips { gap: 6px; } .lb__chips li { padding: 6px 11px; font-size: 13px; } .lb__open { font-size: 15px; gap: 8px; } .lb__open svg { width: 18px; height: 18px; } .lb__nav { gap: 10px; } .lb__nav button { width: 42px; height: 42px; } .lb__nav svg { width: 18px; height: 18px; } .lb__count { font-size: 14px; min-width: 44px; } .lb__tabs { flex-wrap: nowrap; overflow-x: auto; gap: 8px; margin: 20px -4rem 0; padding: 0 4rem 6px; scrollbar-width: none; } .lb__tabs a { white-space: nowrap; padding: 9px 14px; font-size: 14px; border-radius: 0 14px 0 14px; } .lb__cta { margin-top: 20px; padding: 22px 18px; gap: 16px; border-radius: 0 28px 0 28px; } .lb__cta p { font-size: 14.5px; } .lb__cta b { font-size: 18px; } .lb__cta-btn { width: 100%; justify-content: center; height: 52px; font-size: 15px; border-radius: 26px 0 0 0; } .lb-section { padding: 48px 0; } .all-reviews .lb { margin-bottom: 40px; } } @media (prefers-reduced-motion: reduce) { .lb__paper, .lb-swap { transition: none; } } /* === Как проходит обучение (2026-10): includes/kak-prohodit-obuchenie.php, js/stages.js === */ .st { --st-ink: #1E2433; --st-muted: #6B7183; --st-blue: #0E62C4; --st-blue-2: #3185C6; --st-soft: #DCE8F7; --st-green: #2FA866; --st-green-soft: #EAF7EF; --st-line: #C9D5E6; margin: 0 0 10rem; color: var(--st-ink); } .st__head { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 2rem 6rem; margin-bottom: 5rem; } .st__title { margin: 0; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } .st__sub { margin: 0; max-width: 60rem; font-size: 2.2rem; line-height: 1.5; color: var(--st-muted); } .st__wrap { position: relative; } .st__rail { position: absolute; top: 4rem; left: 10%; right: 10%; height: .6rem; border-radius: .3rem; background: var(--st-line); } .st__rail i { position: absolute; inset: 0; border-radius: .3rem; background: var(--st-blue); transform-origin: left; transform: scaleX(var(--p, 1)); transition: transform 1.6s cubic-bezier(.4, 0, .2, 1); } .st__track { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2.6rem; margin: 0; padding: 0; list-style: none; } .st__step { position: relative; display: grid; grid-template-rows: auto 1fr; justify-items: center; gap: 2.4rem; margin: 0; padding: 0; text-align: center; } .st__step::marker { content: none; } .st__dot { position: relative; z-index: 1; display: grid; place-items: center; width: 8.6rem; height: 8.6rem; border: .6rem solid var(--st-line); border-radius: 50%; background: #fff; color: var(--st-muted); transition: background-color .4s, border-color .4s, color .4s, transform .4s; } .st__dot svg { width: 3.6rem; height: 3.6rem; } .st__step.is-on .st__dot { background: var(--st-blue); border-color: var(--st-blue); color: #fff; transform: scale(1.06); } .st__step.is-last.is-on .st__dot { background: var(--st-green); border-color: var(--st-green); } .st__card { display: flex; flex-direction: column; align-items: center; gap: 1.2rem; align-self: stretch; width: 100%; padding: 3rem 2.6rem 2.6rem; border-radius: 0 4rem 0 4rem; background: #fff; box-shadow: 0 1.4rem 4rem rgba(14, 98, 196, .07); transition: opacity .5s; } .st__step:not(.is-on) .st__card { opacity: .55; } .st__num { font-size: 1.6rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--st-blue-2); } .st__name { margin: 0; font-size: 2.7rem; line-height: 1.25; font-weight: 700; } .st__text { margin: 0 0 .8rem; font-size: 2.15rem; line-height: 1.5; color: var(--st-muted); } .st__tag { margin-top: auto; padding: .9rem 1.6rem; border-radius: 99rem; background: var(--st-soft); color: var(--st-blue); font-size: 1.85rem; font-weight: 700; } .st__step.is-last .st__card { background: var(--st-green-soft); box-shadow: none; } .st__step.is-last .st__tag { background: #fff; color: var(--st-green); } .st__more { display: none; } .st__foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 2.4rem 4.4rem; margin-top: 4.4rem; padding: 3.2rem 4rem; border-radius: 0 5rem 0 5rem; background: #fff; } .st__foot--plain { justify-content: flex-end; background: none; padding: 0; } .st__guar { display: flex; align-items: center; gap: 2rem; max-width: 90rem; margin: 0; font-size: 2.1rem; line-height: 1.45; } .st__guar svg { flex: none; width: 4.8rem; height: 4.8rem; } .st__btn { display: inline-flex; align-items: center; gap: 2rem; height: 7.8rem; padding: 0 4rem; border-radius: 3rem 0 0 0; background: var(--st-blue); color: #fff !important; font-weight: 700; font-size: 2rem; text-decoration: none; } .st__btn:hover { background: #0A4FA0; } .st__btn svg { width: 3rem; height: 1.8rem; } .st__btn:focus-visible, .st__card:focus-visible { outline: 3px solid var(--st-blue-2); outline-offset: 3px; } @media (max-width: 48em) { /* компактно: шаг = строка «кружок · название · факт», пояснение раскрывается по нажатию */ .st { margin-bottom: 48px; } .st__head { margin-bottom: 16px; } .st__title { font-size: 6rem; line-height: 7.6rem; } .st__sub, .st__rail, .st__num, .st__guar-more { display: none; } .st__track { grid-template-columns: minmax(0, 1fr); gap: 8px; } .st__step { grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: auto; justify-items: stretch; align-items: start; gap: 12px; text-align: left; } .st__step:not(.is-last)::before { content: ""; position: absolute; left: 20px; top: 44px; bottom: -8px; width: 4px; background: var(--st-line); transition: background-color .4s; } .st__step.is-on:not(.is-last)::before { background: var(--st-blue); } .st__dot { width: 44px; height: 44px; border-width: 3px; } .st__dot svg { width: 19px; height: 19px; } .st__card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 10px; padding: 9px 12px 9px 14px; border-radius: 0 16px 0 16px; box-shadow: none; cursor: pointer; } .st__name { grid-column: 1; font-size: 15.5px; } .st__tag { grid-column: 1; justify-self: start; margin: 0; padding: 0; background: none !important; font-size: 13px; font-weight: 600; } .st__text { grid-column: 1 / -1; display: none; margin: 6px 0 2px; font-size: 14px; } .st__step.is-open .st__text { display: block; } .st__more { grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #E9EEF5; color: var(--st-blue); transition: transform .25s; } .st__more svg { width: 14px; height: 14px; } .st__step.is-open .st__more { transform: rotate(180deg); } .st__foot { gap: 12px; margin-top: 14px; padding: 14px 14px 16px; border-radius: 0 20px 0 20px; } .st__foot--plain { padding: 0; } .st__guar { gap: 10px; font-size: 13.5px; } .st__guar svg { width: 26px; height: 26px; } .st__btn { width: 100%; justify-content: center; height: 48px; font-size: 15px; border-radius: 24px 0 0 0; } .st__btn svg { width: 22px; height: 14px; } } @media (prefers-reduced-motion: reduce) { .st__rail i, .st__dot, .st__card { transition: none; } } /* === Страница курса (2026-10): документы (.dc), «Почему дистанционно» (.pm), «С этим курсом также выбирают» (.rl); js/course-blocks.js === */ .dc, .pm, .rl { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-blue-2: #3185C6; --c-soft: #DCE8F7; --c-bg: #E9EEF5; --c-green: #2FA866; --c-line: #C9D5E6; color: var(--c-ink); margin: 0 0 10rem; } .dc__title, .pm__title, .rl__title { margin: 0; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; text-wrap: balance; } /* документы */ .dc__box { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 4rem 8rem; align-items: center; padding: 6rem 6.4rem; background: #fff; border-radius: 0 7rem 0 7rem; } .dc__lead { margin: 1.6rem 0 0; max-width: 60rem; font-size: 2.1rem; line-height: 1.55; color: var(--c-muted); } .dc__facts { display: grid; gap: 2rem; margin: 3.4rem 0 0; padding: 0; list-style: none; } .dc__facts li { display: grid; grid-template-columns: 3.8rem minmax(0, 1fr); gap: 1.8rem; align-items: start; margin: 0; padding: 0; font-size: 2.1rem; line-height: 1.45; } .dc__facts li::before { display: none; } .dc__facts svg { width: 3.8rem; height: 3.8rem; } .dc__facts b { display: block; } .dc__facts span { color: var(--c-muted); font-size: 1.9rem; } .dc__table { display: flex; justify-content: center; gap: 3.2rem; padding: 2rem 0 1rem; } .dc__table--many { flex-wrap: wrap; } .dc__table--many .dc__doc { flex: 0 1 calc(50% - 1.6rem); } .dc__doc { position: relative; flex: 1 1 0; max-width: 46rem; color: inherit; text-decoration: none; } .dc__paper { display: block; overflow: hidden; border-radius: .8rem; background: #fff; box-shadow: 0 .3rem .6rem rgba(30, 36, 51, .08), 0 2.6rem 6rem rgba(30, 36, 51, .16); transform: rotate(var(--r, -2deg)); transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s; } .dc__doc:nth-child(2n) .dc__paper { --r: 2.5deg; } .dc__doc:hover .dc__paper { transform: rotate(0) translateY(-.8rem) scale(1.03); box-shadow: 0 .3rem .6rem rgba(30, 36, 51, .08), 0 4rem 8rem rgba(14, 98, 196, .22); } .dc__paper img { display: block; width: 100%; height: auto; } .dc__stamp { position: absolute; top: 1.4rem; left: 1.4rem; padding: .6rem 1.3rem; border-radius: .8rem; background: rgba(30, 36, 51, .78); color: #fff; font-size: 1.6rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } .dc__stamp--deal { background: rgba(14, 98, 196, .9); } .dc__name { display: block; margin-top: 2.4rem; font-weight: 700; font-size: 2.2rem; line-height: 1.3; } .dc__note { display: block; margin-top: .4rem; color: var(--c-muted); font-size: 1.8rem; } .dc__open { display: inline-flex; align-items: center; gap: .8rem; margin-top: .8rem; color: var(--c-blue); font-weight: 700; font-size: 1.9rem; } .dc__open svg { width: 2.3rem; height: 2.3rem; } .dc__lightbox { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px 16px; background: rgba(30, 36, 51, .75); } .dc__lightbox[hidden] { display: none; } .dc__lightbox img { max-width: min(1000px, 100%); max-height: calc(100vh - 80px); border-radius: 6px; background: #fff; } .dc__lightbox button { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--c-ink); font-size: 28px; line-height: 1; cursor: pointer; } /* почему дистанционно */ .pm__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 2rem; margin-top: 3.4rem; } .pm__crowd { display: grid; align-content: start; gap: 2.4rem; padding: 3.6rem 4rem; background: #fff; border-radius: 0 5rem 0 5rem; } .pm__top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.4rem 3rem; } .pm__eyebrow { margin: 0; font-size: 2.6rem; font-weight: 700; } .pm__switch { display: inline-flex; padding: .6rem; border-radius: 99rem; background: var(--c-bg); } .pm__switch button { padding: 1.2rem 2.4rem; border: 0; border-radius: 99rem; background: none; color: var(--c-muted); font: inherit; font-size: 2rem; font-weight: 700; cursor: pointer; transition: background-color .25s, color .25s; } .pm__switch button[aria-selected="true"] { background: var(--c-blue); color: #fff; } .pm__crowd[data-mode="online"] .pm__switch button[aria-selected="true"] { background: var(--c-green); } .pm__people { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 1.2rem .9rem; } .pm__man { position: relative; display: block; aspect-ratio: .8; } .pm__man svg { display: block; width: 100%; height: 100%; } .pm__man .b { fill: var(--c-blue); transition: fill .4s; } .pm__man.is-away .b { fill: var(--c-line); } .pm__crowd[data-mode="online"] .pm__man .b { fill: var(--c-green); } .pm__tag { position: absolute; left: 50%; bottom: -.3rem; transform: translateX(-50%); padding: .1rem .7rem; border-radius: .8rem; background: #fff; color: var(--c-muted); font-size: 1.45rem; font-weight: 700; white-space: nowrap; box-shadow: 0 .1rem .6rem rgba(30, 36, 51, .12); transition: opacity .3s; } .pm__crowd[data-mode="online"] .pm__tag { opacity: 0; } .pm__ok { position: absolute; top: -.3rem; right: -.3rem; display: grid; place-items: center; width: 34%; aspect-ratio: 1; border-radius: 50%; background: var(--c-green); color: #fff; opacity: 0; transform: scale(.4); transition: opacity .3s, transform .3s; } .pm__ok svg { width: 70%; height: 70%; } .pm__crowd[data-mode="online"] .pm__man.is-away .pm__ok { opacity: 1; transform: scale(1); } .pm__count { display: flex; align-items: baseline; gap: 1.4rem; } .pm__count b { font-size: 5.8rem; line-height: 1; font-weight: 700; color: var(--c-blue); font-variant-numeric: tabular-nums; transition: color .3s; } .pm__crowd[data-mode="online"] .pm__count b { color: var(--c-green); } .pm__count span { font-size: 2rem; font-weight: 700; color: var(--c-muted); } .pm__text { margin: 0; font-size: 2.2rem; line-height: 1.55; } .pm__text[hidden] { display: none; } .pm__side { display: grid; align-content: start; gap: 2rem; } .pm__score { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 2.4rem; padding: 3rem 3.2rem; border-radius: 0 5rem 0 5rem; background: var(--c-blue); color: #fff; } .pm__score b { font-size: 6.6rem; line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; } .pm__score small { font-size: 3rem; opacity: .8; } .pm__score p { margin: 0; font-size: 2rem; line-height: 1.45; opacity: .92; } .pm__list { display: grid; margin: 0; padding: .8rem 3rem; list-style: none; background: #fff; border-radius: 0 5rem 0 5rem; } .pm__list li { display: grid; grid-template-columns: 5.6rem minmax(0, 1fr); gap: 1.8rem; align-items: center; margin: 0; padding: 1.8rem 0; } .pm__list li::before { display: none; } .pm__list li + li { border-top: 1px solid var(--c-bg); } .pm__icon { display: grid; place-items: center; width: 5.6rem; height: 5.6rem; border-radius: 1.7rem; background: var(--c-soft); color: var(--c-blue); } .pm__icon svg { width: 2.8rem; height: 2.8rem; } .pm__list b { display: block; font-size: 2.2rem; } .pm__list span { color: var(--c-muted); font-size: 1.9rem; line-height: 1.45; } .pm__switch button:focus-visible, .dc__doc:focus-visible, .rl__item:focus-visible { outline: 3px solid var(--c-blue-2); outline-offset: 3px; } /* с этим курсом также выбирают */ .rl__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.4rem; margin-top: 3.4rem; } .rl__item { display: grid; grid-template-rows: auto 1fr; overflow: hidden; border-radius: 0 5rem 0 5rem; background: #fff; color: inherit; text-decoration: none; transition: box-shadow .3s, transform .3s; } .rl__item:hover { transform: translateY(-.6rem); box-shadow: 0 2.6rem 6rem rgba(14, 98, 196, .14); } .rl__img { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--c-soft); } .rl__img img { display: block; width: 100%; height: 100%; object-fit: cover; } .rl__body { display: grid; grid-template-rows: auto 1fr auto; gap: 1.4rem; padding: 2.6rem 2.8rem 2.8rem; } .rl__kicker { font-size: 1.6rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--c-blue-2); } .rl__name { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 2.3rem; line-height: 1.35; font-weight: 700; } .rl__meta { display: flex; align-items: center; justify-content: space-between; gap: 1.4rem; padding-top: 1.8rem; border-top: 1px solid var(--c-bg); } .rl__facts { display: flex; align-items: baseline; gap: 2rem; color: var(--c-muted); font-size: 2rem; } .rl__price { color: var(--c-ink); font-weight: 700; font-size: 2.4rem; font-variant-numeric: tabular-nums; } .rl__go { flex: none; display: grid; place-items: center; width: 5.6rem; height: 5.6rem; border-radius: 50%; background: var(--c-blue); color: #fff; } .rl__go svg { width: 2.6rem; height: 2.6rem; } @media (max-width: 48em) { .dc, .pm, .rl { margin-bottom: 44px; } .dc__title, .pm__title, .rl__title { font-size: 6rem; line-height: 7.6rem; } /* документы: заголовок, образцы лентой, факты */ .dc__box { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 22px 18px; border-radius: 0 28px 0 28px; } .dc__intro { display: contents; } .dc__title, .dc__lead { order: -2; } .dc__lead { margin-top: -8px; font-size: 14.5px; } .dc__table, .dc__table--many { order: -1; flex-wrap: nowrap; justify-content: flex-start; gap: 14px; overflow-x: auto; margin: 0 -18px; padding: 10px 18px 6px; scroll-snap-type: x mandatory; scrollbar-width: none; } .dc__doc, .dc__table--many .dc__doc { flex: 0 0 66%; scroll-snap-align: start; } .dc__doc:only-child { flex-basis: 100%; } .dc__stamp { top: 10px; left: 10px; padding: 4px 9px; font-size: 11px; } .dc__name { margin-top: 14px; font-size: 15px; } .dc__note { font-size: 12.5px; } .dc__open { font-size: 14px; } .dc__open svg { width: 16px; height: 16px; } .dc__facts { gap: 12px; margin-top: 4px; } .dc__facts li { grid-template-columns: 24px minmax(0, 1fr); gap: 12px; font-size: 14.5px; } .dc__facts svg { width: 24px; height: 24px; } .dc__facts span { font-size: 13.5px; } /* почему дистанционно */ .pm__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 16px; } .pm__crowd { gap: 12px; padding: 18px 16px; border-radius: 0 24px 0 24px; } .pm__eyebrow { font-size: 16px; } .pm__switch { padding: 4px; } .pm__switch button { padding: 7px 12px; font-size: 13px; } .pm__people { gap: 6px 4px; } .pm__tag { display: none; } .pm__count b { font-size: 32px; } .pm__count span { font-size: 14px; } .pm__text { font-size: 14.5px; } .pm__score { gap: 14px; padding: 14px 16px; border-radius: 0 24px 0 24px; } .pm__score b { font-size: 36px; } .pm__score small { font-size: 18px; } .pm__score p { font-size: 13.5px; } .pm__list { padding: 2px 14px; border-radius: 0 24px 0 24px; } .pm__list li { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 10px 0; } .pm__icon { width: 38px; height: 38px; border-radius: 11px; } .pm__icon svg { width: 19px; height: 19px; } .pm__list b { font-size: 15px; } .pm__list span { font-size: 13px; } /* похожие курсы: компактный список */ .rl__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 16px; } .rl__item { grid-template-columns: 96px minmax(0, 1fr); grid-template-rows: auto; border-radius: 0 22px 0 22px; } .rl__img { aspect-ratio: auto; height: 100%; } .rl__body { gap: 6px; padding: 12px 14px; } .rl__kicker { font-size: 11px; } .rl__name { -webkit-line-clamp: 2; font-size: 14.5px; } .rl__meta { padding-top: 6px; border: 0; } .rl__facts { gap: 12px; font-size: 13.5px; } .rl__price { font-size: 15px; } .rl__go { width: 32px; height: 32px; } .rl__go svg { width: 15px; height: 15px; } } @media (prefers-reduced-motion: reduce) { .dc__paper, .pm__man .b, .pm__ok, .pm__tag, .rl__item { transition: none; } } /* === Нам доверяют (.tr) и Лицензия и аккредитация (.lc), 2026-10: includes/klienty.php, includes/licenzii.php === */ .tr, .lc { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-blue-2: #3185C6; --c-soft: #DCE8F7; --c-green: #2FA866; color: var(--c-ink); margin: 0 0 10rem; } .tr__title, .lc__title { margin: 0; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } .tr__head { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 2rem 6rem; } .tr__stats { display: flex; flex-wrap: wrap; gap: 1.4rem 5rem; margin: 0; padding: 0; list-style: none; } .tr__stats li { display: grid; margin: 0; padding: 0; } .tr__stats li::before { display: none; } .tr__stats b { font-size: 4.4rem; line-height: 1.1; font-weight: 700; color: var(--c-blue); font-variant-numeric: tabular-nums; white-space: nowrap; } .tr__stats span { color: var(--c-muted); font-size: 1.9rem; } .tr__rows { display: grid; gap: 2rem; width: 143rem; max-width: 100%; margin: 4rem auto 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); } .tr__row { display: flex; gap: 2rem; width: max-content; animation: tr-run 60s linear infinite; } .tr__row--back { animation-direction: reverse; animation-duration: 52s; } .tr__rows:hover .tr__row { animation-play-state: paused; } @keyframes tr-run { to { transform: translateX(calc(-50% - 1rem)); } } .tr__logo { display: flex; align-items: center; justify-content: center; flex: none; width: 28rem; height: 13.6rem; padding: 2.4rem 3.4rem; border-radius: 0 3.8rem 0 3.8rem; background: #fff; } .tr__logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 9rem; filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s; } .tr__logo:hover img { filter: none; opacity: 1; } .lc__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 4.4rem 7.4rem; align-items: center; margin-top: 4rem; } .lc__scan { position: relative; display: block; cursor: zoom-in; } .lc__scan img { display: block; width: 100%; height: auto; border-radius: .8rem; box-shadow: 0 .3rem .6rem rgba(30, 36, 51, .08), 0 3.6rem 8rem rgba(30, 36, 51, .18); transform: rotate(-1.5deg); transition: transform .35s cubic-bezier(.2, .8, .2, 1); } .lc__scan:hover img { transform: rotate(0) scale(1.02); } .lc__badge { position: absolute; left: 2.2rem; bottom: -2rem; display: inline-flex; align-items: center; gap: 1.1rem; padding: 1.3rem 2rem; border-radius: 0 2.2rem 0 2.2rem; background: var(--c-green); color: #fff; font-size: 1.9rem; font-weight: 700; box-shadow: 0 1.4rem 3.4rem rgba(47, 168, 102, .3); } .lc__badge svg { width: 2.5rem; height: 2.5rem; } .lc__list { display: grid; gap: 1.8rem; margin: 0; padding: 0; list-style: none; } .lc__item { display: grid; grid-template-columns: 6.8rem minmax(0, 1fr); gap: .6rem 2.2rem; margin: 0; padding: 2.8rem 3.2rem; border-radius: 0 4rem 0 4rem; background: #fff; } .lc__item::before { display: none; } .lc__icon { grid-row: span 3; display: grid; place-items: center; width: 6.8rem; height: 6.8rem; border-radius: 2rem; background: var(--c-soft); color: var(--c-blue); } .lc__icon svg { width: 3.4rem; height: 3.4rem; } .lc__name { margin: 0; font-size: 2.4rem; line-height: 1.3; font-weight: 700; } .lc__text { margin: 0; color: var(--c-muted); font-size: 2rem; line-height: 1.5; } .lc__text b { color: var(--c-ink); font-weight: 700; } .lc__check { display: inline-flex; align-items: center; gap: .8rem; justify-self: start; margin-top: .8rem; color: var(--c-blue); font-size: 2rem; font-weight: 700; text-decoration: none; } .lc__check:hover { text-decoration: underline; } .lc__check svg { width: 2.2rem; height: 2.2rem; } .lc__lightbox { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px 16px; background: rgba(30, 36, 51, .78); } .lc__lightbox[hidden] { display: none; } .lc__lightbox img { max-width: min(1100px, 100%); max-height: calc(100vh - 80px); border-radius: 6px; background: #fff; } .lc__lightbox button { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--c-ink); font-size: 28px; line-height: 1; cursor: pointer; } .lc__scan:focus-visible, .lc__check:focus-visible { outline: 3px solid var(--c-blue-2); outline-offset: 3px; } @media (max-width: 48em) { .tr, .lc { margin-bottom: 44px; } .tr__title, .lc__title { font-size: 6rem; line-height: 7.6rem; } .tr__stats { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 8px 22px; } .tr__stats b { font-size: 22px; } .tr__stats span { font-size: 12.5px; } .tr__rows { gap: 10px; margin-top: 18px; } .tr__row { gap: 10px; } @keyframes tr-run { to { transform: translateX(calc(-50% - 5px)); } } .tr__logo { width: 132px; height: 66px; padding: 12px 16px; border-radius: 0 18px 0 18px; } .tr__logo img { max-height: 42px; } .lc__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 18px; } .lc__badge { left: 12px; bottom: -14px; padding: 7px 11px; font-size: 12.5px; gap: 6px; border-radius: 0 14px 0 14px; } .lc__badge svg { width: 16px; height: 16px; } .lc__list { gap: 10px; } .lc__item { grid-template-columns: 38px minmax(0, 1fr); gap: 2px 12px; padding: 14px 14px 16px; border-radius: 0 22px 0 22px; } .lc__icon { width: 38px; height: 38px; border-radius: 11px; } .lc__icon svg { width: 19px; height: 19px; } .lc__name { font-size: 15px; } .lc__text { font-size: 13.5px; } .lc__check { font-size: 14px; } .lc__check svg { width: 16px; height: 16px; } } @media (prefers-reduced-motion: reduce) { .tr__row { animation: none; flex-wrap: wrap; width: auto; } .tr__row [aria-hidden="true"] { display: none; } .lc__scan img { transition: none; } } /* === Почему выбирают нас (.wu) и Наши контакты (.ct), 2026-10: includes/why-us.php, includes/kontakty.php === */ .wu, .ct { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-blue-dark: #0A4FA0; --c-blue-2: #3185C6; --c-soft: #DCE8F7; --c-bg: #E9EEF5; --c-green: #2FA866; --c-green-soft: #EAF7EF; --c-red: #EA5550; --c-tg: #2AABEE; color: var(--c-ink); margin: 0 0 10rem; } .wu__title, .ct__title { margin: 0; font-weight: 700; font-size: 4.4rem; line-height: 5.58rem; } .wu__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(22rem, auto); gap: 2rem; margin-top: 3.4rem; } .wu__cell { display: grid; align-content: space-between; gap: 2rem; padding: 3.2rem 3.4rem; border-radius: 0 4.4rem 0 4.4rem; background: #fff; } .wu__name { margin: 0; font-size: 2.4rem; line-height: 1.3; font-weight: 700; } .wu__text { margin: .8rem 0 0; color: var(--c-muted); font-size: 2rem; line-height: 1.5; } .wu__big { font-size: 6.6rem; line-height: 1; font-weight: 700; color: var(--c-blue); font-variant-numeric: tabular-nums; white-space: nowrap; } .wu__big small { font-size: 3rem; color: var(--c-muted); } .wu__cell--hero { position: relative; overflow: hidden; grid-column: span 2; grid-row: span 2; background: var(--c-blue); color: #fff; } .wu__cell--hero .wu__big { color: #fff; font-size: 13rem; } .wu__cell--hero .wu__name { font-size: 3.1rem; } .wu__cell--hero .wu__text { color: rgba(255, 255, 255, .85); font-size: 2.3rem; max-width: 60rem; } .wu__dots { position: absolute; right: -1.4rem; bottom: -1.4rem; width: 62%; opacity: .22; pointer-events: none; } .wu__cell--green { background: var(--c-green-soft); } .wu__icon { display: grid; place-items: center; width: 6.6rem; height: 6.6rem; border-radius: 2rem; background: var(--c-soft); color: var(--c-blue); } .wu__icon svg { width: 3.4rem; height: 3.4rem; } .wu__cell--green .wu__icon { background: #fff; color: var(--c-green); } .wu__cell--wide { grid-column: span 2; grid-template-columns: auto minmax(0, 1fr); align-items: center; align-content: center; gap: 2.4rem; } .ct__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; margin-top: 3.4rem; } .ct__card { display: grid; align-content: start; gap: 2.8rem; padding: 4.4rem 4.6rem; border-radius: 0 5rem 0 5rem; background: #fff; } .ct__status { display: inline-flex; align-items: center; gap: 1.1rem; justify-self: start; padding: .9rem 1.8rem .9rem 1.4rem; border-radius: 99rem; background: var(--c-bg); color: var(--c-muted); font-size: 1.9rem; font-weight: 700; } .ct__status i { width: 1.3rem; height: 1.3rem; border-radius: 50%; background: currentColor; } .ct__status.is-ready { background: var(--c-green-soft); color: var(--c-green); } .ct__status.is-ready:not(.is-closed) i { animation: ct-pulse 2s infinite; } .ct__status.is-closed { background: #FDECEC; color: var(--c-red); } @keyframes ct-pulse { 0% { box-shadow: 0 0 0 0 rgba(47, 168, 102, .5); } 70% { box-shadow: 0 0 0 1.2rem rgba(47, 168, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(47, 168, 102, 0); } } .ct__phone { display: block; margin-top: -.8rem; color: var(--c-ink) !important; font-size: 5.6rem; line-height: 1.1; font-weight: 700; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; } .ct__phone:hover { color: var(--c-blue) !important; } .ct__hours { margin: -2rem 0 0; color: var(--c-muted); font-size: 2rem; } .ct__actions { display: flex; flex-wrap: wrap; gap: 1.4rem; } .ct__btn { display: inline-flex; align-items: center; gap: 1.4rem; height: 7rem; padding: 0 3.2rem; border-radius: 3.5rem 0 0 0; background: var(--c-blue); color: #fff !important; font-weight: 700; font-size: 2rem; text-decoration: none; } .ct__btn:hover { background: var(--c-blue-dark); } .ct__btn svg { width: 2.8rem; height: 2.8rem; } .ct__btn--tg { background: var(--c-tg); } .ct__btn--tg:hover { background: #1E96D3; } .ct__rows { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--c-bg); } .ct__rows li { display: grid; grid-template-columns: 3.2rem minmax(0, 1fr) auto; gap: 2rem; align-items: start; margin: 0; padding: 2rem 0; border-bottom: 1px solid var(--c-bg); } .ct__rows li::before { display: none; } .ct__rows > li > svg { width: 3.2rem; height: 3.2rem; margin-top: .2rem; color: var(--c-blue); } .ct__rows b, .ct__mail { display: block; color: var(--c-ink); font-size: 2.2rem; font-weight: 700; text-decoration: none; } .ct__rows span { display: block; color: var(--c-muted); font-size: 1.9rem; line-height: 1.45; } .ct__mini { align-self: center; padding: .9rem 1.4rem; border: 0; border-radius: 1.4rem; background: var(--c-bg); color: var(--c-blue) !important; font: inherit; font-size: 1.8rem; font-weight: 700; text-decoration: none; white-space: nowrap; cursor: pointer; } .ct__mini:hover { background: var(--c-soft); } .ct__req { margin: 0; color: var(--c-muted); font-size: 1.8rem; font-variant-numeric: tabular-nums; } .ct__map { position: relative; min-height: 60rem; overflow: hidden; border-radius: 0 5rem 0 5rem; background: #DDE6F0; } .ct__map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .ct__btn:focus-visible, .ct__mini:focus-visible, .ct__phone:focus-visible { outline: 3px solid var(--c-blue-2); outline-offset: 3px; } @media (max-width: 48em) { .wu, .ct { margin-bottom: 44px; } .wu__title, .ct__title { font-size: 6rem; line-height: 7.6rem; } .wu__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; gap: 10px; margin-top: 16px; } .wu__cell { gap: 10px; padding: 16px; border-radius: 0 22px 0 22px; } .wu__cell--hero { grid-column: 1 / -1; grid-row: auto; } .wu__cell--hero .wu__big { font-size: 52px; } .wu__cell--hero .wu__name { font-size: 17px; } .wu__cell--hero .wu__text { font-size: 14.5px; } .wu__cell--wide { grid-column: 1 / -1; gap: 14px; } .wu__big { font-size: 32px; } .wu__big small { font-size: 16px; } .wu__name { font-size: 15px; } .wu__text { margin-top: 4px; font-size: 13px; } .wu__icon { width: 38px; height: 38px; border-radius: 11px; } .wu__icon svg { width: 20px; height: 20px; } .ct__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 16px; } .ct__card { gap: 16px; padding: 20px 18px; border-radius: 0 26px 0 26px; } .ct__status { padding: 6px 12px 6px 10px; font-size: 13px; gap: 8px; } .ct__status i { width: 9px; height: 9px; } .ct__phone { margin-top: -4px; font-size: 28px; } .ct__hours { margin-top: -12px; font-size: 14px; } .ct__actions { gap: 10px; } .ct__btn { flex: 1 1 auto; justify-content: center; height: 50px; padding: 0 18px; font-size: 15px; border-radius: 25px 0 0 0; gap: 10px; } .ct__btn svg { width: 20px; height: 20px; } .ct__rows li { grid-template-columns: 22px minmax(0, 1fr) auto; gap: 12px; padding: 14px 0; } .ct__rows > li > svg { width: 22px; height: 22px; } .ct__rows b, .ct__mail { font-size: 15px; } .ct__rows span { font-size: 13px; } .ct__mini { padding: 6px 10px; font-size: 13px; border-radius: 10px; } .ct__req { font-size: 12.5px; } .ct__map { min-height: 260px; border-radius: 0 26px 0 26px; } } @media (prefers-reduced-motion: reduce) { .ct__status i { animation: none !important; } } /* === Первый экран главной (2026-10): includes/hero.php, js/hero-calc.js === */ .hx { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-blue-dark: #0A4FA0; --c-blue-2: #3185C6; --c-soft: #DCE8F7; --c-bg: #E9EEF5; --c-green: #2FA866; color: var(--c-ink); padding: 5rem 0 9rem; } .hx [hidden] { display: none !important; } .hx__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 5rem 8rem; align-items: center; } .hx__kicker { display: flex; flex-wrap: wrap; gap: 1.1rem; margin: 0 0 2.6rem; padding: 0; list-style: none; } .hx__kicker li { margin: 0; padding: .9rem 1.7rem; border-radius: 99rem; background: #fff; color: var(--c-muted); font-size: 1.8rem; font-weight: 700; } .hx__kicker li::before { display: none; } .hx__kicker b { color: var(--c-green); } .hx__title { margin: 0; font-size: 6.8rem; line-height: 1.08; font-weight: 700; text-wrap: balance; } .hx__title span { color: var(--c-blue); } .hx__lead { margin: 2.6rem 0 0; max-width: 72rem; font-size: 2.5rem; line-height: 1.55; color: #3B4152; } .hx__lead b { color: var(--c-ink); } .hx__ctas { display: flex; flex-wrap: wrap; gap: 1.8rem; margin-top: 3.8rem; } .hx__btn { display: inline-flex; align-items: center; gap: 2rem; height: 8rem; padding: 0 4.2rem; border: 2px solid var(--c-blue); border-radius: 4rem 0 0 0; background: var(--c-blue); color: #fff !important; font-weight: 700; font-size: 2.2rem; text-decoration: none; cursor: pointer; } .hx__btn:hover { background: var(--c-blue-dark); border-color: var(--c-blue-dark); } .hx__btn svg { width: 3.4rem; height: 2rem; } .hx__btn--ghost { background: transparent; color: var(--c-blue) !important; } .hx__btn--ghost:hover { background: #fff; border-color: var(--c-blue); } .hx__btn--white { height: 6.8rem; padding: 0 3rem; border-color: #fff; background: #fff; color: var(--c-blue) !important; font-size: 2rem; border-radius: 3.4rem 0 0 0; } .hx__btn--white:hover { background: #E8F1FB; border-color: #E8F1FB; } .hx__who { margin-top: 4rem; } .hx__who p { margin: 0 0 1.4rem; color: var(--c-muted); font-size: 1.9rem; font-weight: 700; } .hx__chips { display: flex; flex-wrap: wrap; gap: 1.1rem; } .hx__chips .main-intro__link-category { display: inline-flex; align-items: center; width: auto; height: auto; margin: 0; padding: 1.3rem 2rem; border: 0; border-radius: 0 2rem 0 2rem; background: #fff; color: var(--c-ink); font-size: 1.9rem; font-weight: 700; line-height: 1.2; text-align: left; text-decoration: none; transition: color .2s, box-shadow .2s; } .hx__chips .main-intro__link-category:hover { color: var(--c-blue); background: #fff; box-shadow: 0 .8rem 2.2rem rgba(14, 98, 196, .12); } .hx__trust { display: flex; flex-wrap: wrap; gap: 1.1rem 3.2rem; margin: 3.4rem 0 0; padding: 2.6rem 0 0; list-style: none; border-top: 1px solid rgba(30, 36, 51, .1); color: var(--c-muted); font-size: 1.9rem; } .hx__trust li { margin: 0; padding: 0; } .hx__trust li::before { display: none; } .hx__trust a { color: inherit; text-decoration: none; } .hx__trust b { color: var(--c-ink); } .hx__trust .hx__star { color: #F2B544; } /* калькулятор */ .hc { display: grid; gap: 1.6rem; padding: 3.6rem 3.6rem 3rem; border-radius: 0 6rem 0 6rem; background: #fff; box-shadow: 0 3.4rem 8.4rem rgba(14, 98, 196, .12); } .hc__title { margin: 0 0 .2rem; font-size: 3rem; font-weight: 700; } .hc__step { margin: .6rem 0 0; color: var(--c-muted); font-size: 1.85rem; font-weight: 700; } .hc__progs, .hc__more { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; } .hc__prog { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem 1.1rem; align-items: start; margin: 0; padding: 1.4rem 1.7rem; border: 2px solid var(--c-bg); border-radius: 0 2rem 0 2rem; background: #fff; cursor: pointer; transition: border-color .2s, background-color .2s; } .hc__prog:hover { border-color: var(--c-soft); } .hc__prog input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .hc__prog b { display: block; font-size: 1.95rem; line-height: 1.25; } .hc__prog i { display: block; color: var(--c-muted); font-size: 1.65rem; font-style: normal; line-height: 1.3; } .hc__prog em { color: var(--c-blue); font-size: 1.8rem; font-style: normal; font-weight: 700; white-space: nowrap; } .hc__prog:has(input:checked) { border-color: var(--c-blue); background: #F2F7FD; } .hc__prog:has(input:checked)::after { content: "✓"; position: absolute; top: -1.1rem; right: -1.1rem; display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: 50%; background: var(--c-blue); color: #fff; font-size: 1.6rem; font-weight: 700; } .hc__prog:has(input:focus-visible) { outline: 3px solid var(--c-blue-2); outline-offset: 2px; } .hc__prog--extra { grid-column: 1 / -1; padding-right: 5rem; } .hc__prog--extra:has(input:checked)::after { display: none; } .hc__del { position: absolute; top: 50%; right: 1.2rem; transform: translateY(-50%); width: 3.4rem; height: 3.4rem; padding: 0; border: 0; border-radius: 50%; background: var(--c-bg); color: var(--c-muted); font-size: 2.4rem; line-height: 1; cursor: pointer; } .hc__del:hover { background: #FDECEC; color: #EA5550; } .hc__search { position: relative; } .hc__search > svg { position: absolute; left: 1.8rem; top: 50%; width: 2.6rem; height: 2.6rem; transform: translateY(-50%); color: var(--c-muted); pointer-events: none; } .hc__search input { width: 100%; height: 6.4rem; padding: 0 2rem 0 5.6rem; border: 2px dashed var(--c-soft); border-radius: 0 2rem 0 2rem; background: #FAFCFE; color: var(--c-ink); font: inherit; font-size: 1.95rem; outline: none; -webkit-appearance: none; appearance: none; } .hc__search input:focus { border-style: solid; border-color: var(--c-blue-2); background: #fff; } .hc__list { position: absolute; left: 0; right: 0; top: calc(100% + .6rem); z-index: 20; max-height: 48rem; overflow-y: auto; margin: 0; padding: .6rem; list-style: none; border-radius: 1.8rem; background: #fff; box-shadow: 0 2.4rem 6rem rgba(30, 36, 51, .18); } .hc__list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.4rem; align-items: center; margin: 0; padding: 1.2rem 1.4rem; border-radius: 1.2rem; cursor: pointer; } .hc__list li::before { display: none; } .hc__list li:hover, .hc__list li.is-active { background: #F2F7FD; } .hc__list b { display: block; font-size: 1.85rem; line-height: 1.3; font-weight: 600; } .hc__list i { display: block; color: var(--c-muted); font-size: 1.6rem; font-style: normal; } .hc__list em { color: var(--c-blue); font-size: 1.75rem; font-style: normal; font-weight: 700; white-space: nowrap; } .hc__list .hc__empty { display: block; color: var(--c-muted); font-size: 1.8rem; cursor: default; } .hc__count { display: grid; grid-template-columns: 5.4rem minmax(0, 1fr) 5.4rem 7.4rem; gap: 1.4rem; align-items: center; } .hc__count button { width: 5.4rem; height: 5.4rem; padding: 0; border: 0; border-radius: 50%; background: var(--c-bg); color: var(--c-blue); font: inherit; font-size: 3rem; font-weight: 700; line-height: 1; cursor: pointer; } .hc__count button:hover { background: var(--c-soft); } .hc__count input { width: 100%; accent-color: var(--c-blue); } .hc__count output { font-size: 3.4rem; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; } .hc__result { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.6rem 2.4rem; margin-top: .6rem; padding: 2.4rem 2.6rem; border-radius: 0 3.4rem 0 3.4rem; background: var(--c-blue); color: #fff; transition: background-color .3s; } .hc__result.is-big { background: var(--c-green); } .hc__result.is-big .hx__btn--white { color: var(--c-green) !important; } .hc__label { display: block; font-size: 1.75rem; opacity: .85; } .hc__sum { display: block; font-size: 4.2rem; line-height: 1.1; font-weight: 700; font-variant-numeric: tabular-nums; } .hc__result.is-big .hc__sum { font-size: 3.4rem; } .hc__note { display: block; font-size: 1.75rem; opacity: .9; } .hx__btn:focus-visible, .hx__chips a:focus-visible, .hc__count button:focus-visible, .hc__del:focus-visible { outline: 3px solid var(--c-blue-2); outline-offset: 3px; } @media (max-width: 48em) { .hx { padding: 20px 0 40px; } .hx__grid { grid-template-columns: minmax(0, 1fr); gap: 0; } .hx__text { display: contents; } .hx__kicker, .hx__title, .hx__lead, .hx__ctas { order: 1; } .hc { order: 2; margin-top: 20px; } .hx__who, .hx__trust { order: 3; } .hx__kicker { gap: 6px; margin-bottom: 14px; } .hx__kicker li { padding: 5px 10px; font-size: 12px; } .hx__title { font-size: 28px; } .hx__lead { margin-top: 12px; font-size: 15.5px; } .hx__ctas { margin-top: 16px; } .hx__ctas .hx__btn:first-child { display: none; } .hx__btn { flex: 1 1 auto; justify-content: center; height: 50px; padding: 0 18px; font-size: 15px; border-radius: 25px 0 0 0; gap: 12px; } .hx__btn svg { width: 22px; height: 14px; } .hx__btn--white { width: 100%; height: 48px; } .hx__who { margin-top: 22px; } .hx__who p { font-size: 14px; margin-bottom: 8px; } .hx__chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -4rem; padding: 0 4rem 4px; scrollbar-width: none; gap: 8px; } .hx__chips .main-intro__link-category { flex: none; padding: 9px 14px; font-size: 14px; white-space: nowrap; border-radius: 0 14px 0 14px; } .hx__trust { gap: 6px 14px; margin-top: 18px; padding-top: 14px; font-size: 13px; } .hc { gap: 10px; padding: 18px 16px 16px; border-radius: 0 28px 0 28px; } .hc__title { font-size: 19px; } .hc__step { font-size: 13px; margin-top: 2px; } .hc__progs, .hc__more { gap: 6px; } .hc__prog { grid-template-columns: minmax(0, 1fr); padding: 8px 10px; border-radius: 0 12px 0 12px; } .hc__prog b { font-size: 13px; } .hc__prog em { font-size: 12px; } .hc__prog i { display: none; } .hc__prog--extra { padding-right: 40px; } .hc__prog--extra i { display: block; font-size: 11.5px; } .hc__prog:has(input:checked)::after { top: -7px; right: -7px; width: 18px; height: 18px; font-size: 11px; } .hc__del { right: 8px; width: 26px; height: 26px; font-size: 18px; } .hc__search > svg { left: 12px; width: 18px; height: 18px; } .hc__search input { height: 44px; padding-left: 38px; font-size: 14px; border-radius: 0 12px 0 12px; } .hc__list { max-height: 300px; padding: 4px; border-radius: 12px; } .hc__list li { padding: 9px 10px; gap: 10px; border-radius: 9px; } .hc__list b { font-size: 13.5px; } .hc__list i { font-size: 11.5px; } .hc__list em { font-size: 12.5px; } .hc__count { grid-template-columns: 38px minmax(0, 1fr) 38px 44px; gap: 10px; } .hc__count button { width: 38px; height: 38px; font-size: 22px; } .hc__count output { font-size: 24px; } .hc__result { padding: 14px 16px; border-radius: 0 22px 0 22px; } .hc__label, .hc__note { font-size: 12.5px; } .hc__sum { font-size: 26px; } .hc__result.is-big .hc__sum { font-size: 22px; } } /* Кнопки «−/+» калькулятора: значки SVG по центру (в Safari на iPhone текстовые символы смещались) */ .hc__count button { display: grid; place-items: center; -webkit-appearance: none; appearance: none; line-height: 0; } .hc__count button svg { display: block; width: 2.6rem; height: 2.6rem; } @media (max-width: 48em) { .hc__count button svg { width: 18px; height: 18px; } } /* Пометка «+ НДС 5%» у цен (2026-10): цены на сайте указаны без НДС */ .vat-note { display: inline-block; margin-left: .4em; color: #6B7183; font-size: .62em; font-weight: 600; letter-spacing: 0; white-space: nowrap; vertical-align: .12em; } .vat-note--intro { display: block; margin: .6rem 0 0; font-size: 1.8rem; vertical-align: 0; } .vat-note--fixed { display: block; margin: .2rem 0 0; font-size: 1.5rem; vertical-align: 0; } .hc__vat { margin-left: .8rem; color: #9AA0B5; font-weight: 600; } @media (max-width: 48em) { .vat-note--intro { font-size: 13px; margin-top: 4px; } .vat-note--fixed { font-size: 11px; } .vat-note { font-size: .7em; } } /* === Каталог «Обучение и аттестация» (.ci, 2026-10): includes/catalog-index.php, js/catalog-index.js === */ .ci { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-blue-dark: #0A4FA0; --c-blue-2: #3185C6; --c-soft: #DCE8F7; --c-bg: #E9EEF5; color: var(--c-ink); padding: 3rem 0 6rem; } .ci [hidden] { display: none !important; } .ci__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2.6rem 6rem; align-items: end; } .ci__title { margin: 0; font-size: 6.4rem; line-height: 1.08; font-weight: 700; } .ci__lead { margin: 1.8rem 0 0; max-width: 92rem; color: #3B4152; font-size: 2.4rem; line-height: 1.55; } .ci__stats { display: flex; gap: 4rem; margin: 0; padding: 0; list-style: none; } .ci__stats li { margin: 0; padding: 0; } .ci__stats li::before { display: none; } .ci__stats b { display: block; font-size: 4rem; line-height: 1.1; font-weight: 700; color: var(--c-blue); white-space: nowrap; } .ci__stats span { color: var(--c-muted); font-size: 1.9rem; } .ci__search { position: relative; margin-top: 3.8rem; } .ci__search > svg { position: absolute; left: 3rem; top: 50%; width: 3.2rem; height: 3.2rem; transform: translateY(-50%); color: var(--c-muted); pointer-events: none; } .ci__search input { width: 100%; height: 9rem; padding: 0 3rem 0 8rem; border: 2px solid transparent; border-radius: 0 3.4rem 0 3.4rem; background: #fff; box-shadow: 0 2rem 4.8rem rgba(14, 98, 196, .08); color: var(--c-ink); font: inherit; font-size: 2.4rem; outline: none; -webkit-appearance: none; appearance: none; } .ci__search input:focus { border-color: var(--c-blue-2); } .ci__list { position: absolute; left: 0; right: 0; top: calc(100% + .8rem); z-index: 30; max-height: 60rem; overflow-y: auto; padding: .8rem; border-radius: 2.2rem; background: #fff; box-shadow: 0 3.4rem 8.4rem rgba(30, 36, 51, .18); } .ci__list a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: center; padding: 1.5rem 2rem; border-radius: 1.6rem; color: inherit; text-decoration: none; } .ci__list a:hover, .ci__list a.is-active { background: #F2F7FD; } .ci__list b { display: block; font-size: 2.1rem; font-weight: 600; line-height: 1.3; } .ci__list i { display: block; color: var(--c-muted); font-size: 1.75rem; font-style: normal; } .ci__list em { color: var(--c-blue); font-size: 2rem; font-style: normal; font-weight: 700; white-space: nowrap; } .ci__list em small { color: var(--c-muted); font-size: 1.5rem; font-weight: 600; } .ci__empty { padding: 1.6rem 2rem; color: var(--c-muted); font-size: 2rem; } .ci__empty a { color: var(--c-blue); font-weight: 700; } .ci__hint { margin: 1.4rem 0 0; color: var(--c-muted); font-size: 1.9rem; } .ci__hint button { padding: 0; border: 0; background: none; color: var(--c-blue); font: inherit; font-weight: 700; cursor: pointer; } .ci__tabs { position: sticky; top: 0; z-index: 20; display: flex; gap: 1.1rem; margin: 3.6rem 0 0; padding: 1.6rem 0; overflow-x: auto; background: rgba(238, 242, 248, .94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); scrollbar-width: none; } .ci__tabs a { flex: none; padding: 1.3rem 2.2rem; border-radius: 99rem; background: #fff; color: var(--c-ink); font-size: 1.95rem; font-weight: 700; text-decoration: none; transition: background-color .2s, color .2s; } .ci__tabs a span { color: var(--c-muted); font-weight: 600; } .ci__tabs a.is-active { background: var(--c-blue); color: #fff; } .ci__tabs a.is-active span { color: rgba(255, 255, 255, .75); } .ci__grp { margin-top: 4.4rem; scroll-margin-top: 10rem; } .ci__grp-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 1rem 3rem; } .ci__grp-head h2 { margin: 0; font-size: 3.6rem; font-weight: 700; } .ci__grp-head p { margin: 0; color: var(--c-muted); font-size: 1.9rem; } .ci__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.8rem; margin-top: 2rem; } .ci__card { display: grid; grid-template-columns: 12rem minmax(0, 1fr) auto; gap: 2rem; align-items: center; padding: 1.6rem 2rem 1.6rem 1.6rem; border-radius: 0 3.4rem 0 3.4rem; background: #fff; color: inherit; text-decoration: none; transition: box-shadow .25s, transform .25s; } .ci__card:hover { transform: translateY(-.4rem); box-shadow: 0 2.2rem 4.8rem rgba(14, 98, 196, .12); } .ci__img { display: block; width: 12rem; height: 10rem; overflow: hidden; border-radius: 2.2rem; background: var(--c-soft); } .ci__img img { display: block; width: 100%; height: 100%; object-fit: cover; } .ci__card b { display: block; font-size: 2.2rem; line-height: 1.3; font-weight: 700; } .ci__meta { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; margin-top: .8rem; color: var(--c-muted); font-size: 1.8rem; } .ci__meta em { color: var(--c-ink); font-style: normal; font-weight: 700; } .ci__go { display: grid; place-items: center; width: 4.8rem; height: 4.8rem; border-radius: 50%; background: var(--c-bg); color: var(--c-blue); transition: background-color .2s, color .2s; } .ci__card:hover .ci__go { background: var(--c-blue); color: #fff; } .ci__go svg { width: 2.2rem; height: 2.2rem; } .ci__help { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2.2rem 4.4rem; align-items: center; margin-top: 6rem; padding: 3.8rem 4.4rem; border-radius: 0 5rem 0 5rem; background: var(--c-blue); color: #fff; } .ci__help b { display: block; font-size: 3.1rem; } .ci__help p { margin: .8rem 0 0; font-size: 2.1rem; line-height: 1.5; opacity: .9; } .ci__btn { display: inline-flex; align-items: center; height: 7.6rem; padding: 0 3.8rem; border-radius: 3.8rem 0 0 0; background: #fff; color: var(--c-blue) !important; font-weight: 700; font-size: 2.1rem; text-decoration: none; white-space: nowrap; } .ci__btn:hover { background: #E8F1FB; } .ci__frdo { display: flex; align-items: center; gap: 2rem; margin: 2rem 0 0; padding: 2.2rem 2.8rem; border-radius: 0 3rem 0 3rem; background: #fff; font-size: 2rem; } .ci__frdo svg { flex: none; width: 3.6rem; height: 3.6rem; color: var(--c-blue); } .ci__frdo a { color: var(--c-blue); font-weight: 700; } .ci__card:focus-visible, .ci__tabs a:focus-visible, .ci__btn:focus-visible, .ci__list a:focus-visible { outline: 3px solid var(--c-blue-2); outline-offset: 3px; } @media (max-width: 48em) { .ci { padding: 14px 0 40px; } .ci__head { grid-template-columns: minmax(0, 1fr); gap: 12px; } .ci__title { font-size: 28px; } .ci__lead { margin-top: 10px; font-size: 15px; } .ci__stats { gap: 18px; } .ci__stats b { font-size: 20px; } .ci__stats span { font-size: 12px; } .ci__search { margin-top: 18px; } .ci__search > svg { left: 16px; width: 19px; height: 19px; } .ci__search input { height: 52px; padding-left: 46px; font-size: 15px; border-radius: 0 18px 0 18px; } .ci__list { max-height: 360px; padding: 4px; border-radius: 14px; } .ci__list a { gap: 10px; padding: 10px 12px; border-radius: 10px; } .ci__list b { font-size: 14px; } .ci__list i { font-size: 12px; } .ci__list em { font-size: 13px; } .ci__list em small { font-size: 10.5px; } .ci__empty { font-size: 14px; } .ci__hint { font-size: 13px; } .ci__tabs { margin: 16px -4rem 0; padding: 10px 4rem; gap: 8px; } .ci__tabs a { padding: 8px 13px; font-size: 13px; } .ci__grp { margin-top: 22px; scroll-margin-top: 60px; } .ci__grp-head h2 { font-size: 20px; } .ci__grp-head p { font-size: 12.5px; } .ci__cards { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 10px; } .ci__card { grid-template-columns: 58px minmax(0, 1fr) auto; gap: 12px; padding: 8px 12px 8px 8px; border-radius: 0 18px 0 18px; } .ci__img { width: 58px; height: 50px; border-radius: 12px; } .ci__card b { font-size: 14px; } .ci__meta { margin-top: 3px; font-size: 12px; gap: 2px 10px; } .ci__go { width: 28px; height: 28px; } .ci__go svg { width: 14px; height: 14px; } .ci__help { grid-template-columns: minmax(0, 1fr); margin-top: 30px; padding: 20px 18px; border-radius: 0 26px 0 26px; } .ci__help b { font-size: 18px; } .ci__help p { font-size: 14px; } .ci__btn { justify-content: center; height: 50px; font-size: 15px; border-radius: 25px 0 0 0; } .ci__frdo { gap: 12px; padding: 14px 16px; font-size: 13.5px; border-radius: 0 18px 0 18px; } .ci__frdo svg { width: 24px; height: 24px; } } /* === Подвал (.ft, 2026-10): includes/site-footer.php === */ .ft { --f-navy: #14284A; --f-navy-2: #1C3560; --f-on: #E7EDF7; --f-muted: #9FB0CB; --f-blue: #0E62C4; --f-tg: #2AABEE; background: var(--f-navy); color: var(--f-on); } .ft a { color: inherit; text-decoration: none; } .ft a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; } .ft__cta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 2.4rem 4.4rem; padding: 4.4rem 0; border-bottom: 1px solid rgba(255, 255, 255, .1); } .ft__cta-text { margin: 0; color: #fff; font-size: 3.2rem; font-weight: 700; } .ft__cta-text span { display: block; margin-top: .6rem; color: var(--f-muted); font-size: 2.1rem; font-weight: 600; } .ft__cta-actions { display: flex; flex-wrap: wrap; gap: 1.4rem; } .ft__btn { display: inline-flex; align-items: center; gap: 1.2rem; height: 7.4rem; padding: 0 3.6rem; border: 0; border-radius: 3.7rem 0 0 0; background: #fff; color: var(--f-blue) !important; font: inherit; font-size: 2.1rem; font-weight: 700; text-decoration: none !important; cursor: pointer; } .ft__btn:hover { background: #E8F1FB; } .ft__btn--tg { background: var(--f-tg); color: #fff !important; } .ft__btn--tg:hover { background: #1E96D3; } .ft__btn svg { width: 2.8rem; height: 2.8rem; } .ft__grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1.1fr; gap: 4.4rem 6rem; padding: 6rem 0 5rem; } .ft__logo { display: inline-flex; padding: 1.7rem 2.2rem; border-radius: 0 2.6rem 0 2.6rem; background: #fff; } .ft__logo:hover { text-decoration: none; } .ft__logo img { display: block; width: auto; height: 6.2rem; } .ft__about { margin: 2.4rem 0 0; max-width: 54rem; color: var(--f-muted); font-size: 2rem; line-height: 1.55; } .ft__badges { display: grid; gap: 1.1rem; margin: 2.6rem 0 0; padding: 0; list-style: none; } .ft__badges li { display: flex; align-items: center; gap: 1.4rem; margin: 0; padding: 0; color: var(--f-on); font-size: 1.85rem; } .ft__badges li::before, .ft__links li::before, .ft__contacts li::before { display: none; } .ft__badges svg { flex: none; width: 2.6rem; height: 2.6rem; color: #7CD3A0; } .ft__h { display: block; margin: 0 0 2rem; color: var(--f-muted); font-size: 1.8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .ft__nav > summary { display: block; list-style: none; cursor: default; pointer-events: none; } .ft__nav > summary::-webkit-details-marker { display: none; } .ft__links { display: grid; gap: 1.4rem; margin: 0; padding: 0; list-style: none; font-size: 2.1rem; } .ft__links li { margin: 0; padding: 0; } .ft__phone { display: block; color: #fff !important; font-size: 3.4rem; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; } .ft__contacts { display: grid; gap: 1.4rem; margin: 1.4rem 0 0; padding: 0; list-style: none; font-size: 2rem; } .ft__contacts li { margin: 0; padding: 0; } .ft__muted { color: var(--f-muted); } .ft__social { display: flex; gap: 1.4rem; margin-top: 2.4rem; } .ft__social a { display: grid; place-items: center; width: 5.6rem; height: 5.6rem; border-radius: 1.7rem; background: var(--f-navy-2); } .ft__social a:hover { background: var(--f-blue); } .ft__social svg { width: 2.8rem; height: 2.8rem; } .ft__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 2rem 3.4rem; padding: 2.8rem 0 4rem; border-top: 1px solid rgba(255, 255, 255, .1); color: var(--f-muted); font-size: 1.8rem; } .ft__legal a { text-decoration: underline; text-underline-offset: 3px; } .ft__pay { display: flex; gap: 1.1rem; } .ft__pay span { display: grid; place-items: center; height: 4.4rem; padding: 0 1.2rem; border-radius: 1rem; background: #fff; } .ft__pay img { display: block; width: auto; max-height: 2.8rem; } .ft__btn:focus-visible, .ft a:focus-visible { outline: 3px solid #7FB6F2; outline-offset: 3px; } @media (max-width: 48em) { .ft__cta { gap: 14px; padding: 24px 0; } .ft__cta-text { font-size: 18px; } .ft__cta-text span { font-size: 13.5px; } .ft__cta-actions { width: 100%; gap: 10px; } .ft__btn { flex: 1 1 auto; justify-content: center; height: 50px; padding: 0 16px; font-size: 15px; border-radius: 25px 0 0 0; gap: 8px; } .ft__btn svg { width: 20px; height: 20px; } .ft__grid { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 22px 0 6px; } .ft__col--contacts { order: -1; padding-bottom: 18px; } .ft__col--about { order: 3; padding-top: 22px; } .ft__h { margin-bottom: 10px; font-size: 12px; } .ft__phone { font-size: 24px; } .ft__contacts { gap: 8px; margin-top: 8px; font-size: 14.5px; } .ft__social { margin-top: 14px; gap: 10px; } .ft__social a { width: 40px; height: 40px; border-radius: 12px; } .ft__social svg { width: 20px; height: 20px; } /* ссылки — раскрывающимися списками */ .ft__nav { border-top: 1px solid rgba(255, 255, 255, .1); } .ft__nav > summary { position: relative; padding: 16px 0; cursor: pointer; pointer-events: auto; } .ft__nav > summary .ft__h { margin: 0; } .ft__nav > summary::after { content: ""; position: absolute; right: 4px; top: 50%; width: 9px; height: 9px; border-right: 2px solid var(--f-muted); border-bottom: 2px solid var(--f-muted); transform: translateY(-70%) rotate(45deg); transition: transform .2s; } .ft__nav[open] > summary::after { transform: translateY(-30%) rotate(-135deg); } .ft__links { gap: 12px; padding-bottom: 16px; font-size: 15px; } .ft__logo { padding: 10px 14px; border-radius: 0 16px 0 16px; } .ft__logo img { height: 38px; } .ft__about { margin-top: 14px; font-size: 14px; } .ft__badges { gap: 8px; margin-top: 14px; } .ft__badges li { gap: 10px; font-size: 13px; } .ft__badges svg { width: 18px; height: 18px; } .ft__bottom { flex-direction: column; align-items: flex-start; gap: 12px; padding: 18px 0 28px; font-size: 12.5px; } .ft__pay span { height: 32px; padding: 0 9px; border-radius: 8px; } .ft__pay img { max-height: 20px; } } /* === Страница курса (.cx первый экран, .cx-oc карточка заказа, .cx-tabs панель разделов, .cp «О программе», 2026-10): catalog.element/element/template.php, js/course-page.js === */ .cx, .cx-tabs, .cp { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-blue-dark: #0A4FA0; --c-soft: #DCE8F7; --c-soft-2: #F2F7FD; --c-green: #2FA866; color: var(--c-ink); } .cx { padding: 2.4rem 0 6rem; } .cx__grid { display: grid; grid-template-columns: minmax(0, 1fr) 56rem; gap: 5rem; align-items: start; } .cx__kicker { display: inline-flex; align-items: center; gap: 1.1rem; padding: .8rem 1.7rem; border-radius: 99rem; background: #fff; color: var(--c-blue); font-size: 1.85rem; font-weight: 700; } .cx__kicker::before { content: ""; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: var(--c-blue); } .cx__title { margin: 2rem 0 0; font-size: 6.2rem; line-height: 1.08; font-weight: 700; } .cx__lead { margin: 2rem 0 0; max-width: 100rem; color: #3B4152; font-size: 2.4rem; line-height: 1.55; } .cx__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.7rem; margin: 3.6rem 0 0; padding: 0; } .cx__facts--odd .cx__fact:last-child { grid-column: 1 / -1; } .cx__fact { display: grid; grid-template-columns: 5.6rem minmax(0, 1fr); gap: 1.7rem; align-items: start; align-content: start; padding: 2.2rem; border-radius: 2.5rem; background: #fff; } .cx__fact > svg { width: 5.6rem; height: 5.6rem; padding: 1.3rem; border-radius: 1.7rem; background: var(--c-soft-2); color: var(--c-blue); } .cx__fact dt { color: var(--c-muted); font-size: 1.75rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; } .cx__fact dd { margin: .6rem 0 0; font-size: 2.1rem; font-weight: 700; line-height: 1.35; } .cx__fact dd span { display: block; margin-top: .4rem; color: var(--c-muted); font-size: 1.9rem; font-weight: 600; } .cx__guarantee { display: flex; gap: 1.7rem; align-items: center; margin: 2rem 0 0; padding: 2rem 2.2rem; border-radius: 2.5rem; background: #E7F6EE; font-size: 2rem; line-height: 1.45; } .cx__guarantee svg { flex: none; width: 4rem; height: 4rem; } .cx__demo { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-top: 2.5rem; } .cx__demo a { display: inline-flex; align-items: center; gap: 1.4rem; padding: 1.4rem 2.2rem 1.4rem 1.4rem; border-radius: 99rem; background: #fff; color: var(--c-ink); font-size: 2rem; font-weight: 700; line-height: 1.25; text-decoration: none; cursor: pointer; transition: box-shadow .2s; } .cx__demo a:hover { box-shadow: 0 1.4rem 3.4rem rgba(14, 98, 196, .14); } .cx__demo small { display: block; color: var(--c-muted); font-size: 1.7rem; font-weight: 600; } .cx__play { display: grid; place-items: center; flex: none; width: 4.2rem; height: 4.2rem; border-radius: 50%; background: var(--c-blue); color: #fff; } .cx__play svg { width: 1.6rem; height: 1.6rem; margin-left: .3rem; } .cx-oc { position: sticky; top: 10rem; overflow: hidden; border-radius: 0 4rem 0 4rem; background: #fff; box-shadow: 0 3.4rem 8.4rem rgba(14, 98, 196, .12); } .cx-oc__img { display: grid; place-items: center; height: 28rem; background: radial-gradient(circle at 50% 60%, #fff, var(--c-soft-2) 70%); } .cx-oc__img img { max-width: 86%; max-height: 25.8rem; object-fit: contain; } .cx-oc__body { padding: 2.8rem 3.4rem 3.4rem; } .cx-oc__label { color: var(--c-muted); font-size: 1.85rem; font-weight: 700; } .cx-oc__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1.4rem; margin-top: .6rem; } .cx-oc__price b { font-size: 4.8rem; line-height: 1.1; font-weight: 700; } .cx-oc__price .vat-note { color: var(--c-muted); font-size: 2rem; font-weight: 700; } .cx-oc__calc { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.7rem; align-items: center; margin-top: 2.2rem; padding-top: 2rem; border-top: 1px dashed #D5DCE7; } .cx-oc__calc > span { font-size: 2rem; font-weight: 700; } .cx-oc__calc small { display: block; color: var(--c-muted); font-size: 1.75rem; font-weight: 600; } .cx-oc__qty { display: grid; grid-template-columns: 5.6rem 7.2rem 5.6rem; align-items: center; height: 6.2rem; border-radius: 1.7rem; background: var(--c-soft-2); } .cx-oc__qty button { display: grid; place-items: center; width: 5.6rem; height: 6.2rem; padding: 0; border: 0; background: none; color: var(--c-blue); cursor: pointer; } .cx-oc__qty button svg { width: 2.2rem; height: 2.2rem; } .cx-oc__qty input { width: 7.2rem; height: 6.2rem; margin: 0; padding: 0; border: 0; background: none; color: var(--c-ink); font: inherit; font-size: 2.4rem; font-weight: 700; text-align: center; -moz-appearance: textfield; appearance: textfield; } .cx-oc__total { display: flex; justify-content: space-between; align-items: baseline; gap: 1.7rem; margin-top: 2rem; padding: 1.7rem 2rem; border-radius: 2rem; background: var(--c-soft-2); } .cx-oc__total span { color: var(--c-muted); font-size: 1.9rem; font-weight: 700; } .cx-oc__total b { font-size: 2.8rem; font-weight: 700; text-align: right; white-space: nowrap; } .cx-oc__total.is-big b { color: var(--c-green); font-size: 2.4rem; white-space: normal; } .cx-oc__hint { min-height: 2.5rem; margin: 1.1rem .3rem 0; color: var(--c-muted); font-size: 1.75rem; line-height: 1.45; } .cx-oc__hint--req { margin-top: 1.7rem; font-size: 2rem; color: #3B4152; } .cx-oc__btn { display: flex; align-items: center; justify-content: center; gap: 1.7rem; width: 100%; height: 7.8rem; margin-top: 2rem; border-radius: 0 2.5rem 0 2.5rem; background: var(--c-blue); color: #fff !important; font-size: 2.2rem; font-weight: 700; text-decoration: none; transition: background-color .2s; } .cx-oc__btn:hover { background: var(--c-blue-dark); } .cx-oc__btn svg { width: 3rem; height: 2rem; } .cx-oc__ticks { display: grid; gap: 1.1rem; margin: 2.2rem 0 0; padding: 0; list-style: none; color: #3B4152; font-size: 1.9rem; font-weight: 600; } .cx-oc__ticks li { display: flex; gap: 1.1rem; align-items: center; margin: 0; padding: 0; } .cx-oc__ticks li::before { display: none; } .cx-oc__ticks svg { flex: none; width: 2.5rem; height: 2.5rem; color: var(--c-green); } .cx-bar { display: none; } .cx-tabs { position: sticky; top: 0; z-index: 25; background: rgba(233, 238, 245, .94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-bottom: 1px solid rgba(30, 36, 51, .06); } .cx-tabs__in { display: flex; align-items: center; gap: 2.8rem; height: 8.4rem; } .cx-tabs nav { display: flex; gap: .6rem; min-width: 0; overflow-x: auto; scrollbar-width: none; } .cx-tabs nav::-webkit-scrollbar { display: none; } .cx-tabs nav a { flex: none; padding: 1.3rem 2rem; border-radius: 99rem; color: #3B4152; font-size: 1.95rem; font-weight: 700; text-decoration: none; transition: background-color .2s, color .2s; } .cx-tabs nav a:hover { background: #fff; } .cx-tabs nav a.is-active { background: var(--c-ink); color: #fff; } .cx-tabs nav a[hidden] { display: none; } .cx-tabs__buy { display: flex; align-items: center; gap: 2rem; margin-left: auto; opacity: 0; pointer-events: none; transition: opacity .2s; } .cx-tabs.is-stuck .cx-tabs__buy { opacity: 1; pointer-events: auto; } .cx-tabs__buy b { font-size: 2.4rem; font-weight: 700; white-space: nowrap; } .cx-tabs__buy small { color: var(--c-muted); font-size: 1.7rem; } .cx-tabs__buy a { padding: 1.5rem 2.5rem; border-radius: 0 2rem 0 2rem; background: var(--c-blue); color: #fff !important; font-size: 1.95rem; font-weight: 700; text-decoration: none; white-space: nowrap; } .cx-anchor, #documents, #services-stages, #reviews, #faq, .cp { scroll-margin-top: 10rem; } .cp { padding: 7.8rem 0 2rem; } .cp__title { margin: 0; font-size: 5rem; line-height: 1.12; font-weight: 700; } .cp__lead { margin: 1.7rem 0 0; max-width: 120rem; color: #3B4152; font-size: 2.3rem; line-height: 1.6; } .cp__law { display: flex; flex-wrap: wrap; gap: 1.1rem; margin: 2rem 0 0; padding: 0; list-style: none; } .cp__law li { display: inline-flex; align-items: center; gap: 1.1rem; margin: 0; padding: 1rem 1.7rem; border-radius: 1.4rem; background: #fff; color: #3B4152; font-size: 1.85rem; font-weight: 700; } .cp__law li::before { display: none; } .cp__law svg { flex: none; width: 2.2rem; height: 2.2rem; color: var(--c-blue); } .cp__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 2.8rem; align-items: start; margin-top: 3.6rem; } .cp__grid--even { grid-template-columns: minmax(0, 1fr); } .cp__grid--even .cp__side { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .cp__card { padding: 3.9rem; border-radius: 0 4rem 0 4rem; background: #fff; } .cp__card h3 { margin: 0; font-size: 2.8rem; font-weight: 700; } .cp__p { margin: 1.4rem 0 0; color: #3B4152; font-size: 2.05rem; line-height: 1.55; } .cp__mods { margin: 2.2rem 0 0; padding: 0; list-style: none; counter-reset: cpm; } .cp__mods li { display: grid; grid-template-columns: 5.3rem minmax(0, 1fr); gap: 2rem; align-items: center; margin: 0; padding: 1.7rem 0; border-top: 1px solid #EDF0F5; font-size: 2.15rem; font-weight: 600; line-height: 1.4; counter-increment: cpm; } .cp__mods li:first-child { border-top: 0; } .cp__mods li::before { content: counter(cpm, decimal-leading-zero); position: static; display: grid; place-items: center; width: 5.3rem; height: 5.3rem; margin: 0; border-radius: 1.7rem; background: var(--c-soft-2); color: var(--c-blue); font-size: 1.8rem; font-weight: 700; transform: none; } .cp__mods--long:not(.is-open) li:nth-child(n+9) { display: none; } .cp__more { margin-top: 1.4rem; padding: 0; border: 0; background: none; color: var(--c-blue); font: inherit; font-size: 2rem; font-weight: 700; cursor: pointer; } .cp__side { display: grid; gap: 2.8rem; align-content: start; } .cp__who { background: var(--c-blue); color: #fff; } .cp__who h3 { color: #fff; } .cp__who p { margin: 1.4rem 0 0; color: #E3EEFB; font-size: 2.1rem; line-height: 1.55; } .cp__tags { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; } .cp__tags span { padding: .8rem 1.4rem; border-radius: 99rem; background: rgba(255, 255, 255, .16); font-size: 1.8rem; font-weight: 700; line-height: 1.35; } .cp__fmt ol { margin: 2.2rem 0 0; padding: 0; list-style: none; } .cp__fmt li { position: relative; display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 1.7rem; margin: 0; padding: 0 0 2.2rem; font-size: 2rem; line-height: 1.45; } .cp__fmt li::before { display: none; } .cp__fmt li:last-child { padding-bottom: 0; } .cp__fmt li:not(:last-child)::after { content: ""; position: absolute; left: 2.4rem; top: 5.4rem; bottom: .4rem; width: 2px; background: var(--c-soft); } .cp__fmt li > svg { width: 5rem; height: 5rem; padding: 1.1rem; border-radius: 50%; background: var(--c-soft-2); color: var(--c-blue); } .cp__fmt b { display: block; font-size: 2.1rem; } .cp__fmt em { display: inline-block; margin-top: .8rem; padding: .4rem 1.1rem; border-radius: .8rem; background: #FFF4E2; color: #8A5A12; font-size: 1.75rem; font-style: normal; font-weight: 700; } .cp__extra { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.8rem; margin-top: 2.8rem; } .cp__card--raw { color: #3B4152; font-size: 2.05rem; line-height: 1.55; } .cp__card--raw h2, .cp__card--raw h3 { margin: 2rem 0 0; color: var(--c-ink); font-size: 2.8rem; font-weight: 700; } .cp__card--raw > :first-child { margin-top: 0; } .cp__card--raw p { margin: 1.4rem 0 0; } .cp__card--raw ul { margin: 1.4rem 0 0; } .cp .course-updated { margin-top: 2.8rem; } body:has(.cx-bar.is-on) .messengers { bottom: 92px; } @media (max-width: 48em) { .cx { padding: 12px 0 28px; } .cx__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .cx__kicker { gap: 7px; padding: 5px 11px; font-size: 12.5px; } .cx__kicker::before { width: 7px; height: 7px; } .cx__title { margin-top: 10px; font-size: 27px; } .cx__lead { margin-top: 10px; font-size: 15px; } .cx__facts { gap: 8px; margin-top: 18px; } .cx__fact { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 12px; border-radius: 14px; } .cx__fact > svg { width: 32px; height: 32px; padding: 7px; border-radius: 10px; } .cx__fact dt { font-size: 10.5px; } .cx__fact dd { margin-top: 3px; font-size: 14px; } .cx__fact dd span { font-size: 12px; } .cx__facts--odd .cx__fact:last-child { grid-template-columns: 32px minmax(0, 1fr); gap: 10px; } .cx__guarantee { gap: 10px; margin-top: 10px; padding: 12px 14px; border-radius: 14px; font-size: 13px; } .cx__guarantee svg { width: 26px; height: 26px; } .cx__demo { gap: 8px; margin-top: 12px; } .cx__demo a { flex: 1 1 calc(50% - 4px); gap: 9px; padding: 8px 12px 8px 8px; font-size: 13.5px; } .cx__demo small { font-size: 11px; } .cx__play { width: 30px; height: 30px; } .cx__play svg { width: 11px; height: 11px; margin-left: 2px; } .cx-oc { position: static; border-radius: 0 22px 0 22px; box-shadow: 0 16px 40px rgba(14, 98, 196, .1); } .cx-oc__img { height: 150px; } .cx-oc__img img { max-height: 136px; } .cx-oc__body { padding: 16px 18px 20px; } .cx-oc__label { font-size: 12.5px; } .cx-oc__price b { font-size: 30px; } .cx-oc__price .vat-note { font-size: 13px; } .cx-oc__calc { gap: 12px; margin-top: 14px; padding-top: 14px; } .cx-oc__calc > span { font-size: 14px; } .cx-oc__calc small { font-size: 11.5px; } .cx-oc__qty { grid-template-columns: 40px 48px 40px; height: 44px; border-radius: 12px; } .cx-oc__qty button { width: 40px; height: 44px; } .cx-oc__qty button svg { width: 16px; height: 16px; } .cx-oc__qty input { width: 48px; height: 44px; font-size: 17px; } .cx-oc__total { gap: 10px; margin-top: 12px; padding: 11px 13px; border-radius: 13px; } .cx-oc__total span { font-size: 12.5px; } .cx-oc__total b { font-size: 19px; } .cx-oc__total.is-big b { font-size: 15px; } .cx-oc__hint { min-height: 16px; margin-top: 7px; font-size: 12px; } .cx-oc__hint--req { font-size: 14px; } .cx-oc__btn { gap: 12px; height: 52px; margin-top: 12px; border-radius: 0 16px 0 16px; font-size: 15.5px; } .cx-oc__btn svg { width: 22px; height: 14px; } .cx-oc__ticks { gap: 7px; margin-top: 14px; font-size: 13px; } .cx-oc__ticks svg { width: 17px; height: 17px; } .cx-tabs__in { gap: 10px; height: 52px; } .cx-tabs nav { margin: 0 -4rem; padding: 0 4rem; gap: 4px; } .cx-tabs nav a { padding: 7px 12px; font-size: 13px; } .cx-tabs__buy { display: none; } .cx-anchor, #documents, #services-stages, #reviews, #faq, .cp { scroll-margin-top: 60px; } .cx-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; display: flex; align-items: center; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .97); box-shadow: 0 -10px 30px rgba(30, 36, 51, .1); transform: translateY(110%); transition: transform .25s; } .cx-bar.is-on { transform: none; } .cx-bar b { font-size: 18px; font-weight: 700; line-height: 1.15; white-space: nowrap; } .cx-bar small { display: block; color: #6B7183; font-size: 11px; font-weight: 600; } .cx-bar a { flex: 1; display: grid; place-items: center; height: 48px; border-radius: 0 14px 0 14px; background: #0E62C4; color: #fff !important; font-size: 15px; font-weight: 700; text-decoration: none; } .cp { padding: 36px 0 8px; } .cp__title { font-size: 24px; } .cp__lead { margin-top: 10px; font-size: 14.5px; } .cp__law { gap: 6px; margin-top: 12px; } .cp__law li { gap: 7px; padding: 7px 10px; border-radius: 10px; font-size: 12px; } .cp__law svg { width: 15px; height: 15px; } .cp__grid, .cp__grid--even .cp__side, .cp__extra { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 16px; } .cp__side { gap: 10px; } .cp__card { padding: 20px 18px; border-radius: 0 22px 0 22px; } .cp__card h3 { font-size: 18px; } .cp__p, .cp__card--raw { font-size: 14px; } .cp__card--raw h2, .cp__card--raw h3 { font-size: 18px; } .cp__mods { margin-top: 10px; } .cp__mods li { grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding: 9px 0; font-size: 14px; } .cp__mods li::before { width: 30px; height: 30px; border-radius: 9px; font-size: 11.5px; } .cp__mods--long:not(.is-open) li:nth-child(n+7) { display: none; } .cp__more { font-size: 14px; } .cp__who p { margin-top: 8px; font-size: 14px; } .cp__tags { gap: 6px; margin-top: 12px; } .cp__tags span { padding: 5px 10px; font-size: 12.5px; } .cp__fmt ol { margin-top: 12px; } .cp__fmt li { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; padding-bottom: 14px; font-size: 13.5px; } .cp__fmt li:not(:last-child)::after { left: 16px; top: 37px; } .cp__fmt li > svg { width: 34px; height: 34px; padding: 8px; } .cp__fmt b { font-size: 14.5px; } .cp__fmt em { font-size: 11.5px; } } .cp__card--raw ul { padding: 0; list-style: none; } .cp__card--raw li { position: relative; margin: .8rem 0 0; padding: 0 0 0 2.8rem; } .cp__card--raw li::before { content: ""; position: absolute; left: .4rem; top: 1.1rem; display: block; width: .9rem; height: .9rem; margin: 0; border-radius: 50%; background: #0E62C4; transform: none; } @media (max-width: 48em) { .cp__card--raw li { margin-top: 6px; padding-left: 18px; } .cp__card--raw li::before { left: 3px; top: 8px; width: 6px; height: 6px; } } /* === Частые вопросы на странице курса (.fq, 2026-10): catalog.element/element/template.php, темы — js/course-page.js === */ .fq { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-soft-2: #F2F7FD; color: var(--c-ink); padding: 7rem 0 3rem; scroll-margin-top: 10rem; } .fq__grid { display: grid; grid-template-columns: 50rem minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 0 5.6rem; align-items: start; } .fq__head { grid-column: 1; grid-row: 1; } .fq__ask { grid-column: 1; grid-row: 2; position: sticky; top: 11rem; margin-top: 3.4rem; padding: 3rem; border-radius: 0 3.6rem 0 3.6rem; background: var(--c-blue); color: #fff; } .fq__list { grid-column: 2; grid-row: 1 / span 2; display: grid; gap: 1.4rem; } .fq__title { margin: 0; font-size: 5rem; line-height: 1.1; font-weight: 700; } .fq__sub { margin: 1.7rem 0 0; color: #3B4152; font-size: 2.2rem; line-height: 1.55; } .fq__topics { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2.5rem; } .fq__topics button { padding: 1.1rem 1.8rem; border: 0; border-radius: 99rem; background: #fff; color: #3B4152; font: inherit; font-size: 1.9rem; font-weight: 700; cursor: pointer; transition: background-color .2s, color .2s; } .fq__topics button.is-on { background: var(--c-ink); color: #fff; } .fq__ask-head { display: flex; gap: 1.7rem; align-items: center; } .fq__ava { position: relative; flex: none; display: grid; place-items: center; width: 6.7rem; height: 6.7rem; border-radius: 50%; background: #fff; } .fq__ava svg { width: 4.2rem; height: 4.2rem; } .fq__ava::after { content: ""; position: absolute; right: 0; bottom: .2rem; width: 1.7rem; height: 1.7rem; border: 2px solid var(--c-blue); border-radius: 50%; background: #45D483; } .fq__ask b { display: block; font-size: 2.5rem; } .fq__ask small { display: block; color: #CFE1F7; font-size: 1.8rem; font-weight: 600; } .fq__ask p { margin: 1.7rem 0 0; color: #E3EEFB; font-size: 2rem; line-height: 1.5; } .fq__btns { display: grid; gap: 1.1rem; margin-top: 2.2rem; } .fq__btns a { display: flex; align-items: center; justify-content: center; gap: 1.4rem; height: 6.7rem; border-radius: 0 2rem 0 2rem; background: #fff; color: var(--c-blue) !important; font-size: 2.1rem; font-weight: 700; text-decoration: none; } .fq__btns a.fq__tg { background: rgba(255, 255, 255, .14); color: #fff !important; } .fq__btns svg { width: 2.5rem; height: 2.5rem; } .fq__phone { display: block; margin-top: 1.7rem; color: #fff !important; font-size: 2.1rem; font-weight: 700; text-align: center; text-decoration: none; } .fq__item { border-radius: 2.8rem; background: #fff; transition: box-shadow .2s; } .fq__item[open] { box-shadow: 0 2.5rem 5.6rem rgba(14, 98, 196, .1); } .fq__item[hidden] { display: none; } .fq__item summary { display: grid; grid-template-columns: minmax(0, 1fr) 5rem; gap: 2.2rem; align-items: center; padding: 2.8rem 3rem; cursor: pointer; list-style: none; } .fq__item summary::-webkit-details-marker { display: none; } .fq__item summary::before, .fq__item summary::after { display: none; } .fq__q { font-size: 2.4rem; font-weight: 700; line-height: 1.35; } .fq__tag { display: block; margin-bottom: .6rem; color: var(--c-blue); font-size: 1.65rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } .fq__ic { position: relative; width: 5rem; height: 5rem; border-radius: 50%; background: var(--c-soft-2); transition: background-color .2s, transform .25s; } .fq__ic::before, .fq__ic::after { content: ""; position: absolute; left: 50%; top: 50%; width: 2rem; height: 3px; margin: -1.5px 0 0 -1rem; border-radius: 2px; background: var(--c-blue); transition: transform .25s, background-color .2s; } .fq__ic::after { transform: rotate(90deg); } .fq__item[open] .fq__ic { background: var(--c-blue); transform: rotate(180deg); } .fq__item[open] .fq__ic::before, .fq__item[open] .fq__ic::after { background: #fff; } .fq__item[open] .fq__ic::after { transform: rotate(0); } .fq__a { padding: 0 3rem 3rem; color: #3B4152; font-size: 2.15rem; line-height: 1.6; } .fq__a p { margin: 0; padding-top: 2rem; border-top: 1px solid #EDF0F5; } .fq__a a { color: var(--c-blue); font-weight: 700; } @media (max-width: 48em) { .fq { padding: 36px 0 20px; scroll-margin-top: 60px; } .fq__grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; gap: 14px; } .fq__head, .fq__list, .fq__ask { grid-column: 1; grid-row: auto; } .fq__ask { position: static; margin-top: 4px; padding: 18px; border-radius: 0 22px 0 22px; } .fq__title { font-size: 24px; } .fq__sub { margin-top: 8px; font-size: 14.5px; } .fq__topics { flex-wrap: nowrap; gap: 6px; margin: 14px -4rem 0; padding: 0 4rem; overflow-x: auto; scrollbar-width: none; } .fq__topics::-webkit-scrollbar { display: none; } .fq__topics button { flex: none; padding: 8px 13px; font-size: 13px; } .fq__list { gap: 8px; } .fq__item { border-radius: 16px; } .fq__item summary { grid-template-columns: minmax(0, 1fr) 30px; gap: 12px; padding: 15px 16px; } .fq__q { font-size: 15px; } .fq__tag { margin-bottom: 3px; font-size: 10.5px; } .fq__ic { width: 30px; height: 30px; } .fq__ic::before, .fq__ic::after { width: 12px; height: 2.4px; margin: -1.2px 0 0 -6px; } .fq__a { padding: 0 16px 16px; font-size: 14px; } .fq__a p { padding-top: 12px; } .fq__ava { width: 48px; height: 48px; } .fq__ava svg { width: 30px; height: 30px; } .fq__ava::after { width: 12px; height: 12px; } .fq__ask-head { gap: 12px; } .fq__ask b { font-size: 18px; } .fq__ask small { font-size: 12.5px; } .fq__ask p { margin-top: 12px; font-size: 14px; } .fq__btns { gap: 8px; margin-top: 16px; } .fq__btns a { height: 48px; font-size: 15px; border-radius: 0 14px 0 14px; } .fq__btns svg { width: 18px; height: 18px; } .fq__phone { margin-top: 12px; font-size: 15px; } } /* === Хлебные крошки (2026-10): на телефоне — одна строка «← Раздел» вместо 3–4 обрезанных строк; components/bitrix/breadcrumb/breadcrumb === */ @media (max-width: 48em) { .page-pagination { margin: 14px 0 4px; } .page-pagination__container > * { display: none !important; } .page-pagination__container > .page-pagination__page--parent { display: inline-flex !important; align-items: center; gap: 8px; max-width: 100%; margin: 0; padding: 7px 14px 7px 10px; border-radius: 999px; background: rgba(255, 255, 255, .7); color: #3B4152; font-size: 13.5px; font-weight: 700; line-height: 1.3; text-transform: none; white-space: normal; overflow: visible; } .page-pagination__page--parent::before { content: ""; flex: none; width: 8px; height: 8px; border-left: 2.4px solid #CD010C; border-bottom: 2.4px solid #CD010C; transform: rotate(45deg); margin-left: 3px; } } @media (max-width: 48em) { .cx__kicker { display: none; } .cx { padding-top: 6px; } } /* === Страница раздела (.sx первый экран, .sl программы, .sa «О направлении», 2026-10): catalog.section/section/template.php, js/course-page.js === */ .sx, .sl, .sa { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-blue-dark: #0A4FA0; --c-soft: #DCE8F7; --c-soft-2: #F2F7FD; color: var(--c-ink); } .sx { padding: 2.4rem 0 5.6rem; } .sx__grid { display: grid; grid-template-columns: minmax(0, 1fr) 60rem; gap: 5.6rem; align-items: center; } .sx__kicker { display: inline-flex; align-items: center; gap: 1.1rem; padding: .8rem 1.7rem; border-radius: 99rem; background: #fff; color: var(--c-blue); font-size: 1.85rem; font-weight: 700; } .sx__kicker::before { content: ""; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: var(--c-blue); } .sx__title { margin: 2rem 0 0; font-size: 6.6rem; line-height: 1.06; font-weight: 700; } .sx__lead { margin: 2rem 0 0; max-width: 92rem; color: #3B4152; font-size: 2.4rem; line-height: 1.55; } .sx__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.4rem; margin: 3.6rem 0 0; padding: 0; list-style: none; } .sx__stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sx__stats--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sx__stats li { margin: 0; padding: 2rem 2.2rem; border-radius: 2.5rem; background: #fff; } .sx__stats li::before { display: none; } .sx__stats b { display: block; font-size: 3.1rem; line-height: 1.15; font-weight: 700; color: var(--c-blue); white-space: nowrap; } .sx__stats span { display: block; margin-top: .6rem; color: var(--c-muted); font-size: 1.8rem; font-weight: 600; line-height: 1.35; } .sx__btns { display: flex; flex-wrap: wrap; gap: 1.7rem; margin-top: 3.4rem; } .sx__btn { display: inline-flex; align-items: center; justify-content: center; gap: 1.7rem; height: 7.8rem; padding: 0 3.6rem; border: 0; border-radius: 0 2.5rem 0 2.5rem; background: var(--c-blue); color: #fff !important; font: inherit; font-size: 2.2rem; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color .2s; } .sx__btn:hover { background: var(--c-blue-dark); } .sx__btn svg { width: 2.8rem; height: 2rem; } .sx__btn--ghost { background: #fff; color: var(--c-blue) !important; } .sx__btn--ghost:hover { background: var(--c-soft-2); } .sx__guarantee { display: flex; gap: 1.4rem; align-items: center; margin: 2.2rem 0 0; color: #3B4152; font-size: 1.95rem; font-weight: 600; } .sx__guarantee svg { flex: none; width: 3.1rem; height: 3.1rem; } .sx__art { display: grid; place-items: center; overflow: hidden; aspect-ratio: 1.1; border-radius: 0 5.6rem 0 5.6rem; background: #fff; } .sx__art img { width: 88%; max-height: 92%; object-fit: contain; } .sl { padding: 1rem 0 0; scroll-margin-top: 3rem; } .sl [hidden] { display: none !important; } .sl__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 2rem 4.2rem; } .sl__title, .sa__title { margin: 0; font-size: 5rem; line-height: 1.12; font-weight: 700; } .sl__title span { color: var(--c-muted); } .sl__tools { display: flex; flex-wrap: wrap; gap: 1.4rem; align-items: center; } .sl__search { position: relative; margin: 0; } .sl__search svg { position: absolute; left: 2.2rem; top: 50%; width: 2.5rem; height: 2.5rem; transform: translateY(-50%); color: var(--c-muted); pointer-events: none; } .sl__search input { width: 46rem; height: 6.7rem; margin: 0; padding: 0 2.2rem 0 6.2rem; border: 2px solid transparent; border-radius: 0 2.2rem 0 2.2rem; background: #fff; color: var(--c-ink); font: inherit; font-size: 2.1rem; outline: none; -webkit-appearance: none; appearance: none; } .sl__search input:focus { border-color: #3185C6; } .sl__chips { display: flex; gap: .8rem; } .sl__chips button { height: 6.7rem; padding: 0 2.2rem; border: 0; border-radius: 99rem; background: #fff; color: #3B4152; font: inherit; font-size: 1.95rem; font-weight: 700; cursor: pointer; } .sl__chips button.is-on { background: var(--c-ink); color: #fff; } .sl__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-top: 3rem; } .sl__card { position: relative; display: grid; grid-template-columns: 11.8rem minmax(0, 1fr); gap: 2.2rem; align-items: center; padding: 2rem 2.2rem 2rem 2rem; border: 0; border-radius: 0 3.6rem 0 3.6rem; background: #fff; color: inherit; font: inherit; text-align: left; text-decoration: none; transition: transform .2s, box-shadow .2s; } .sl__card:hover { transform: translateY(-.4rem); box-shadow: 0 2.2rem 5rem rgba(14, 98, 196, .12); } .sl__img { display: block; width: 11.8rem; height: 10.6rem; overflow: hidden; border-radius: 2.2rem; background: var(--c-soft-2); } .sl__img img { display: block; width: 100%; height: 100%; object-fit: cover; } .sl__body { display: block; min-width: 0; } .sl__badge { display: inline-block; margin-bottom: .7rem; padding: .3rem 1.1rem; border-radius: .8rem; background: #FFF1DA; color: #8A5A12; font-size: 1.55rem; font-weight: 700; } .sl__card b { display: block; font-size: 2.15rem; line-height: 1.3; font-weight: 700; } .sl__meta { display: flex; flex-wrap: wrap; gap: .3rem 1.7rem; margin-top: .8rem; color: var(--c-muted); font-size: 1.8rem; font-weight: 600; } .sl__meta em { color: var(--c-ink); font-style: normal; font-weight: 700; } .sl__meta small { color: var(--c-muted); font-size: 1.6rem; } .sl__card--help { grid-template-columns: minmax(0, 1fr); align-content: center; background: var(--c-blue); color: #fff; cursor: pointer; } .sl__card--help b { font-size: 2.4rem; } .sl__card--help span { display: block; margin-top: .8rem; color: #DCE9FA; font-size: 1.9rem; line-height: 1.45; } .sl__card--help u { display: inline-block; margin-top: 1.4rem; font-size: 1.95rem; font-weight: 700; text-decoration: none; } .sl__more { display: block; height: 7rem; margin: 2.2rem auto 0; padding: 0 4rem; border: 2px solid var(--c-blue); border-radius: 0 2.2rem 0 2.2rem; background: none; color: var(--c-blue); font: inherit; font-size: 2.1rem; font-weight: 700; cursor: pointer; } .sl__empty { margin: 2.8rem 0 0; padding: 2.5rem 2.8rem; border-radius: 2.2rem; background: #fff; color: var(--c-muted); font-size: 2.1rem; } .sl__empty button { padding: 0; border: 0; background: none; color: var(--c-blue); font: inherit; font-weight: 700; cursor: pointer; } .sl__group { display: flex; align-items: center; justify-content: space-between; gap: 2rem 3.4rem; margin-top: 2.5rem; padding: 2.5rem 3rem; border-radius: 0 3.4rem 0 3.4rem; background: var(--c-soft); } .sl__group p { margin: 0; font-size: 2.1rem; line-height: 1.5; } .sl__group .sx__btn { flex: none; height: 6.7rem; } .sa { padding: 7.8rem 0 0; } .sa__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.2rem; align-items: start; margin-top: 3rem; } .sa__grid--1 { grid-template-columns: minmax(0, 1fr); } .sa__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sa__card { padding: 3.4rem; border-radius: 0 3.6rem 0 3.6rem; background: #fff; } .sa__card > svg { width: 6.2rem; height: 6.2rem; padding: 1.4rem; border-radius: 2rem; background: var(--c-soft-2); color: var(--c-blue); } .sa__card h3 { margin: 2rem 0 0; font-size: 2.5rem; font-weight: 700; } .sa__text { margin-top: 1.4rem; color: #3B4152; font-size: 2rem; line-height: 1.55; } .sa__text p { margin: 1.1rem 0 0; } .sa__text > :first-child { margin-top: 0; } .sa__text ul, .sa__text ol { margin: 1.1rem 0 0; padding: 0; list-style: none; } .sa__text li { position: relative; margin: .8rem 0 0; padding: 0 0 0 2.6rem; } .sa__text li::before { content: ""; position: absolute; left: .4rem; top: 1.1rem; display: block; width: .9rem; height: .9rem; margin: 0; border-radius: 50%; background: var(--c-blue); transform: none; } .sa__text a { color: var(--c-blue); font-weight: 700; } .sa__text--clamp { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; } .sa__card.is-open .sa__text--clamp { display: block; } .sa__more { margin-top: 1.1rem; padding: 0; border: 0; background: none; color: var(--c-blue); font: inherit; font-size: 1.95rem; font-weight: 700; cursor: pointer; } @media (max-width: 48em) { .sx { padding: 6px 0 28px; } .sx__grid { grid-template-columns: minmax(0, 1fr); gap: 0; } .sx__art, .sx__kicker { display: none; } .sx__title { margin-top: 4px; font-size: 27px; } .sx__lead { margin-top: 10px; font-size: 15px; } .sx__stats, .sx__stats--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 18px; } .sx__stats--3 li:last-child { grid-column: 1 / -1; } .sx__stats li { padding: 11px 12px; border-radius: 14px; } .sx__stats b { font-size: 18px; white-space: normal; } .sx__stats span { margin-top: 3px; font-size: 12px; } .sx__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 16px; } .sx__btn { height: 50px; padding: 0 12px; gap: 10px; font-size: 14.5px; border-radius: 0 14px 0 14px; } .sx__btn svg { display: none; } .sx__guarantee { gap: 8px; margin-top: 12px; font-size: 13px; } .sx__guarantee svg { width: 20px; height: 20px; } .sl { scroll-margin-top: 10px; } .sl__title, .sa__title { font-size: 24px; } .sl__head { gap: 12px; } .sl__tools { width: 100%; gap: 8px; } .sl__search { flex: 1 1 100%; } .sl__search svg { left: 14px; width: 18px; height: 18px; } .sl__search input { width: 100%; height: 46px; padding-left: 42px; font-size: 15px; border-radius: 0 14px 0 14px; } .sl__chips { gap: 6px; } .sl__chips button { height: 36px; padding: 0 14px; font-size: 13px; } .sl__grid { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 14px; } .sl__card { grid-template-columns: 58px minmax(0, 1fr); gap: 12px; padding: 9px 12px 9px 9px; border-radius: 0 18px 0 18px; } .sl__img { width: 58px; height: 52px; border-radius: 12px; } .sl__badge { margin-bottom: 3px; padding: 1px 7px; font-size: 10px; border-radius: 5px; } .sl__card b { font-size: 14px; } .sl__meta { margin-top: 3px; gap: 2px 10px; font-size: 12px; } .sl__meta small { font-size: 11px; } .sl__card--help { grid-template-columns: minmax(0, 1fr); padding: 16px 18px; } .sl__card--help b { font-size: 16px; } .sl__card--help span { font-size: 13px; } .sl__card--help u { margin-top: 8px; font-size: 13.5px; } .sl__more { width: 100%; height: 48px; margin-top: 12px; font-size: 14.5px; border-radius: 0 14px 0 14px; } .sl__empty { margin-top: 14px; padding: 14px 16px; font-size: 14px; border-radius: 14px; } .sl__group { flex-wrap: wrap; margin-top: 14px; padding: 16px 18px; border-radius: 0 22px 0 22px; } .sl__group p { font-size: 14px; } .sl__group .sx__btn { width: 100%; height: 48px; } .sa { padding-top: 40px; } .sa__grid, .sa__grid--2 { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 14px; } .sa__card { padding: 18px; border-radius: 0 20px 0 20px; } .sa__card > svg { width: 40px; height: 40px; padding: 9px; border-radius: 12px; } .sa__card h3 { margin-top: 12px; font-size: 17px; } .sa__text { margin-top: 8px; font-size: 14px; } .sa__text li { padding-left: 18px; } .sa__text li::before { left: 3px; top: 8px; width: 6px; height: 6px; } .sa__more { font-size: 14px; } } /* === Страницы услуг (СОУТ, оценка рисков, аутсорсинг) в новом виде: .sx--svc + карточка расчёта .sx-oc (стили .cx-oc) === */ .sx { --c-green: #2FA866; } .sx--svc .sx__grid { grid-template-columns: minmax(0, 1fr) 56rem; align-items: start; } .sx-oc { top: 3rem; } @media (max-width: 48em) { .sx--svc .sx__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .sx--svc .sx__stats li:last-child:nth-child(odd) { grid-column: 1 / -1; } } .sx--svc .sx__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sx--svc .sx__stats b { white-space: normal; } /* этапы услуги (.ss) */ .ss { padding: 7rem 0 0; color: #1E2433; scroll-margin-top: 10rem; } .ss__title { margin: 0; font-size: 5rem; line-height: 1.12; font-weight: 700; } .ss__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; margin: 3rem 0 0; padding: 0; list-style: none; counter-reset: none; } .ss__list--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ss__list li { position: relative; margin: 0; padding: 3rem; border-radius: 0 3.6rem 0 3.6rem; background: #fff; } .ss__list li::before { display: none; } .ss__list li:not(:last-child)::after { content: ""; position: absolute; right: -2rem; top: 5.6rem; width: 2rem; height: 2px; background: #C9D9EE; } .ss__num { display: grid; place-items: center; width: 6.2rem; height: 6.2rem; border-radius: 50%; background: #0E62C4; color: #fff; font-size: 2.2rem; font-weight: 700; } .ss__list b { display: block; margin-top: 2rem; font-size: 2.5rem; font-weight: 700; } .ss__text { display: block; margin-top: 1rem; color: #3B4152; font-size: 1.95rem; line-height: 1.5; } @media (max-width: 48em) { .sx--svc .sx__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ss { padding-top: 40px; scroll-margin-top: 60px; } .ss__title { font-size: 24px; } .ss__list, .ss__list--3 { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 14px; } .ss__list li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 4px 12px; padding: 14px 16px; border-radius: 0 18px 0 18px; } .ss__list li:not(:last-child)::after { display: none; } .ss__num { grid-row: span 2; width: 36px; height: 36px; font-size: 13px; } .ss__list b { margin-top: 0; font-size: 15px; align-self: center; } .ss__text { margin-top: 0; font-size: 13px; } } /* === Частные лица (2026-10): «Для организации / Для себя» в карточке курса (.cx[data-mode]), плашка на разделах === */ .cx-oc__who { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; margin: 0 0 2.2rem; padding: .5rem; border-radius: 1.7rem; background: var(--c-soft-2); } .cx-oc__who button { height: 5.2rem; padding: 0 1rem; border: 0; border-radius: 1.3rem; background: none; color: #3B4152; font: inherit; font-size: 1.9rem; font-weight: 700; cursor: pointer; transition: background-color .2s, color .2s, box-shadow .2s; } .cx-oc__who button.is-on { background: #fff; color: var(--c-blue); box-shadow: 0 .4rem 1.4rem rgba(14, 98, 196, .12); } .cx-oc__ticks--self { display: none; } .cx[data-mode="self"] .cx-oc__ticks--org { display: none; } .cx[data-mode="self"] .cx-oc__ticks--self { display: grid; } .cx[data-mode="self"] .cx-oc__calc { display: none; } .sl__group--self { margin-top: 1.4rem; background: #E7F6EE; } .sl__group--self .sx__btn--ghost { color: #1E7A47 !important; } @media (max-width: 48em) { .cx-oc__who { margin-bottom: 14px; padding: 4px; border-radius: 12px; gap: 3px; } .cx-oc__who button { height: 38px; font-size: 13.5px; border-radius: 9px; } .sl__group--self { margin-top: 8px; } } .cx-oc__tiers { margin: 1.1rem 0 0; color: #3B4152; font-size: 1.8rem; line-height: 1.45; } .cx-oc__tiers b { color: #1E2433; white-space: nowrap; } @media (max-width: 48em) { .cx-oc__tiers { margin-top: 6px; font-size: 12.5px; } } .ft__badges a { color: inherit; text-decoration: underline; text-decoration-color: rgba(231, 237, 247, .4); text-underline-offset: 3px; } .ft__badges a:hover { text-decoration-color: currentColor; } /* === Шапка (2026-10): includes/site-header.php, js/site-header.js. --sh-h — высота закреплённой строки (ставит JS) === */ html { scroll-padding-top: calc(var(--sh-h, 0px) + 12px); } html.sh-lock { overflow: hidden; } .sh-top { background: #14284A; color: #C9D5EA; font-size: 1.8rem; font-weight: 600; } .sh-top__in { display: flex; align-items: center; gap: 3rem; height: 5rem; } .sh-top__in > span { display: inline-flex; align-items: center; gap: 1rem; white-space: nowrap; } .sh-top__badge { color: #fff; } .sh-top__badge i { width: 1rem; height: 1rem; border-radius: 50%; background: #45D483; } .sh-top__acc svg { width: 2.1rem; height: 2.1rem; opacity: .8; } .sh-top__nav { display: flex; align-items: center; gap: .4rem; margin-left: auto; } .sh-top__nav > a, .sh-top__drop > a { display: inline-flex; align-items: center; gap: .8rem; padding: .8rem 1.3rem; border-radius: 1rem; color: #C9D5EA; text-decoration: none; white-space: nowrap; transition: color .2s, background-color .2s; } .sh-top__nav > a:hover, .sh-top__drop:hover > a { color: #fff; background: rgba(255, 255, 255, .08); } .sh-top__nav svg { width: 2.1rem; height: 2.1rem; } .sh-top__sdo { margin-left: .6rem; background: rgba(255, 255, 255, .12); color: #fff !important; } .sh-top__drop { position: relative; } .sh-top__drop > a::after { content: ""; width: .8rem; height: .8rem; margin: -.4rem 0 0 .2rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); opacity: .7; } .sh-top__menu { position: absolute; left: 0; top: 100%; z-index: 120; display: none; min-width: 42rem; padding: 1rem; border-radius: 2rem; background: #fff; box-shadow: 0 3rem 6rem rgba(30, 36, 51, .18); } .sh-top__drop:hover .sh-top__menu, .sh-top__drop:focus-within .sh-top__menu { display: grid; } .sh-top__menu a { padding: 1.2rem 1.6rem; border-radius: 1.2rem; color: #1E2433; font-size: 2rem; font-weight: 600; text-decoration: none; } .sh-top__menu a:hover { background: #F2F7FD; color: #0E62C4; } .sh { position: sticky; top: 0; z-index: 100; background: rgba(255, 255, 255, .97); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 1px 0 rgba(30, 36, 51, .06); transition: box-shadow .2s; } .sh.is-scrolled { box-shadow: 0 1.4rem 4rem rgba(30, 36, 51, .08); } .sh__in { display: flex; align-items: center; gap: 2.5rem; height: 10.6rem; transition: height .2s; } .sh.is-scrolled .sh__in { height: 9rem; } .sh__logo { flex: none; display: block; width: 21rem; } .sh__logo img { display: block; width: 100%; height: auto; } .sh__cat { flex: none; display: inline-flex; align-items: center; gap: 1.4rem; height: 6.4rem; padding: 0 2.5rem 0 2rem; border: 0; border-radius: 0 2.2rem 0 2.2rem; background: #0E62C4; color: #fff; font: inherit; font-size: 2.1rem; font-weight: 700; cursor: pointer; transition: background-color .2s; } .sh__cat:hover, .sh__cat[aria-expanded="true"] { background: #0A4FA0; } .sh__cat i, .sh__icon--menu i { position: relative; display: block; width: 2.2rem; height: 1.7rem; border-top: 2.4px solid currentColor; border-bottom: 2.4px solid currentColor; transition: border-color .2s; } .sh__cat i::before, .sh__cat i::after, .sh__icon--menu i::before, .sh__icon--menu i::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2.4px; margin-top: -1.2px; background: currentColor; transition: transform .2s; } .sh__cat[aria-expanded="true"] i, .sh__icon--menu[aria-expanded="true"] i { border-color: transparent; } .sh__cat[aria-expanded="true"] i::before, .sh__icon--menu[aria-expanded="true"] i::before { transform: rotate(45deg); } .sh__cat[aria-expanded="true"] i::after, .sh__icon--menu[aria-expanded="true"] i::after { transform: rotate(-45deg); } .sh__search, .sh-mm__search { position: relative; flex: 1 1 auto; min-width: 0; } .sh__search > svg, .sh-mm__search > svg { position: absolute; left: 2rem; top: 50%; width: 2.4rem; height: 2.4rem; transform: translateY(-50%); color: #6B7183; pointer-events: none; } .sh__search input, .sh-mm__search input { width: 100%; height: 6.2rem; margin: 0; padding: 0 2rem 0 5.6rem; border: 2px solid #E1E6EF; border-radius: 1.7rem; background: #F2F7FD; color: #1E2433; font: inherit; font-size: 2rem; outline: none; -webkit-appearance: none; appearance: none; } .sh__search input:focus, .sh-mm__search input:focus { border-color: #3185C6; background: #fff; } .sh__results { position: absolute; left: 0; right: 0; top: calc(100% + .8rem); z-index: 130; min-width: 56rem; max-height: 60vh; overflow-y: auto; padding: .8rem; border-radius: 2rem; background: #fff; box-shadow: 0 3rem 7rem rgba(30, 36, 51, .2); } .sh__results[hidden] { display: none; } .sh__results a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.7rem; align-items: center; padding: 1.3rem 1.7rem; border-radius: 1.3rem; color: #1E2433; text-decoration: none; } .sh__results a:hover, .sh__results a.is-active { background: #F2F7FD; } .sh__results b { display: block; font-size: 2rem; font-weight: 600; line-height: 1.3; } .sh__results i { display: block; color: #6B7183; font-size: 1.7rem; font-style: normal; } .sh__results em { color: #0E62C4; font-size: 1.9rem; font-style: normal; font-weight: 700; white-space: nowrap; } .sh__results a.sh__results-all { display: block; margin-top: .4rem; color: #0E62C4; font-size: 1.9rem; font-weight: 700; } .sh__results-empty { padding: 1.6rem 1.8rem; color: #6B7183; font-size: 1.9rem; } .sh__results-empty button { padding: 0; border: 0; background: none; color: #0E62C4; font: inherit; font-weight: 700; cursor: pointer; } .sh__contact { flex: none; display: flex; align-items: center; gap: 2rem; } .sh__phone { display: block; color: #1E2433; text-align: right; text-decoration: none; line-height: 1.2; } .sh__phone b { display: block; font-size: 2.4rem; font-weight: 700; white-space: nowrap; } .sh__phone small { display: block; margin-top: .3rem; color: #6B7183; font-size: 1.6rem; font-weight: 600; white-space: nowrap; } .sh__phone small i { display: inline-block; width: 1rem; height: 1rem; margin-right: .7rem; border-radius: 50%; background: #2FA866; vertical-align: .1rem; } .sh__call { flex: none; height: 6.2rem; padding: 0 2.4rem; border: 2px solid #0E62C4; border-radius: 0 2rem 0 2rem; background: none; color: #0E62C4; font: inherit; font-size: 2rem; font-weight: 700; white-space: nowrap; cursor: pointer; transition: background-color .2s, color .2s; } .sh__call:hover { background: #0E62C4; color: #fff; } .sh__icon { display: none; } .sh-mega { position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100vh - var(--sh-h, 80px)); overflow-y: auto; padding: 3rem 0 3.6rem; background: #fff; box-shadow: 0 4rem 8rem rgba(30, 36, 51, .16); } .sh-mega[hidden] { display: none; } .sh-mega__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem 4rem; } .sh-mega__h { margin: 0 0 1.1rem; color: #6B7183; font-size: 1.65rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .sh-mega ul { margin: 0 0 2.8rem; padding: 0; list-style: none; } .sh-mega li { margin: 0; padding: 0; } .sh-mega li::before { display: none; } .sh-mega li a { display: flex; justify-content: space-between; align-items: baseline; gap: 1.4rem; margin: 0 -1.1rem; padding: .9rem 1.1rem; border-radius: 1.1rem; color: #1E2433; font-size: 2rem; font-weight: 600; line-height: 1.3; text-decoration: none; } .sh-mega li a:hover { background: #F2F7FD; color: #0E62C4; } .sh-mega li a span { color: #6B7183; font-size: 1.7rem; font-weight: 700; } .sh-mega__foot { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 1.7rem; margin-top: .6rem; } .sh-mega__kit, .sh-mega__all { display: flex; flex-direction: column; justify-content: center; gap: .4rem; padding: 2rem 2.4rem; border: 0; border-radius: 0 3rem 0 3rem; background: #F2F7FD; color: #1E2433; font: inherit; text-align: left; text-decoration: none; cursor: pointer; } .sh-mega__all { font-size: 2.1rem; font-weight: 700; } .sh-mega__all span { color: #6B7183; font-size: 1.8rem; font-weight: 600; } .sh-mega__kit { background: #0E62C4; color: #fff; } .sh-mega__kit small { align-self: flex-start; padding: .3rem 1.1rem; border-radius: 99rem; background: rgba(255, 255, 255, .18); font-size: 1.55rem; font-weight: 700; } .sh-mega__kit b { font-size: 2.2rem; line-height: 1.3; } .sh-mega__kit span { color: #DCE9FA; font-size: 1.9rem; } .sh-mega__kit s { opacity: .7; } .sh-mm { display: none; } /* липкие блоки страниц — под закреплённой шапкой */ .cx-tabs, .ci__tabs { top: var(--sh-h, 0px); } .cx-oc { top: calc(var(--sh-h, 0px) + 3rem); } .fq__ask { top: calc(var(--sh-h, 0px) + 3rem); } @media (max-width: 48em) { .sh-top { display: none; } .sh__in { gap: 8px; height: 60px; } .sh.is-scrolled .sh__in { height: 56px; } .sh__logo { width: 118px; margin-right: auto; } .sh__cat, .sh__search, .sh__contact { display: none; } .sh__icon { display: grid; place-items: center; flex: none; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 12px; background: #F2F7FD; color: #1E2433; cursor: pointer; } .sh__icon svg { width: 20px; height: 20px; } .sh__icon--call { background: #0E62C4; color: #fff; } .sh__icon--menu i { width: 18px; height: 14px; } .sh-mega { display: none !important; } .sh-mm { position: absolute; left: 0; right: 0; top: 100%; display: block; height: calc(100vh - 56px); height: calc(100dvh - 56px); overflow-y: auto; padding: 14px 16px 40px; background: #fff; } .sh-mm[hidden] { display: none; } .sh-mm__search > svg { left: 14px; width: 18px; height: 18px; } .sh-mm__search input { height: 48px; padding-left: 42px; border-radius: 12px; font-size: 16px; } .sh-mm .sh__results { position: static; min-width: 0; max-height: none; margin-top: 6px; padding: 4px; border-radius: 12px; box-shadow: 0 0 0 1px #E1E6EF; } .sh-mm .sh__results a { gap: 10px; padding: 10px 12px; border-radius: 10px; } .sh-mm .sh__results b { font-size: 14px; } .sh-mm .sh__results i { font-size: 12px; } .sh-mm .sh__results em { font-size: 13px; } .sh-mm .sh__results a.sh__results-all, .sh-mm .sh__results-empty { font-size: 14px; } .sh-mm__grp { border-bottom: 1px solid #EDF0F5; } .sh-mm__grp summary { display: flex; justify-content: space-between; align-items: center; padding: 15px 2px; color: #1E2433; font-size: 16px; font-weight: 700; cursor: pointer; list-style: none; } .sh-mm__grp summary::-webkit-details-marker { display: none; } .sh-mm__grp summary::after { content: ""; width: 8px; height: 8px; margin-right: 4px; border-right: 2.4px solid #6B7183; border-bottom: 2.4px solid #6B7183; transform: rotate(45deg); transition: transform .2s; } .sh-mm__grp[open] summary::after { transform: rotate(-135deg); } .sh-mm__grp ul { margin: 0 0 10px; padding: 0; list-style: none; } .sh-mm__grp li { margin: 0; padding: 0; } .sh-mm__grp li::before { display: none; } .sh-mm__grp li a { display: flex; justify-content: space-between; gap: 10px; padding: 9px 2px 9px 12px; color: #3B4152; font-size: 15px; font-weight: 600; text-decoration: none; } .sh-mm__grp li a span { color: #6B7183; font-size: 13px; } .sh-mm__all { display: block; margin-top: 12px; padding: 14px 16px; border-radius: 12px; background: #F2F7FD; color: #0E62C4; font-size: 15px; font-weight: 700; text-decoration: none; } .sh-mm__links { margin: 8px 0 0; padding: 0; list-style: none; } .sh-mm__links li { margin: 0; padding: 0; } .sh-mm__links li::before { display: none; } .sh-mm__links a { display: block; padding: 13px 2px; border-bottom: 1px solid #EDF0F5; color: #1E2433; font-size: 16px; font-weight: 600; text-decoration: none; } .sh-mm__contact { margin-top: 16px; padding: 16px; border-radius: 0 20px 0 20px; background: #F2F7FD; } .sh-mm__phone { display: block; color: #1E2433; font-size: 21px; font-weight: 700; text-decoration: none; } .sh-mm__contact small { display: block; margin-top: 3px; color: #6B7183; font-size: 13px; font-weight: 600; } .sh-mm__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; } .sh-mm__btns button, .sh-mm__btns a { display: flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border: 0; border-radius: 0 14px 0 14px; background: #0E62C4; color: #fff; font: inherit; font-size: 14.5px; font-weight: 700; text-decoration: none; cursor: pointer; } .sh-mm__btns a.sh-mm__tg { background: #27A6E5; } .sh-mm__btns svg { width: 18px; height: 18px; } .sh-mm__sdo { display: flex; align-items: center; gap: 10px; margin-top: 12px; padding: 13px 16px; border: 1.5px solid #E1E6EF; border-radius: 14px; color: #1E2433; font-size: 15px; font-weight: 700; text-decoration: none; } .sh-mm__sdo svg { width: 20px; height: 20px; } .cx-oc { top: auto; } } html.sh-lock .messengers, html.sh-lock .tg-bar, html.sh-lock .cx-bar, html.sh-lock .cookie-note { display: none !important; } .sh__phone small small, .sh__phone b small { display: inline !important; margin: 0 !important; } /* === Всплывающие окна (2026-10): поверх закреплённой шапки, крупная кнопка закрытия; на телефоне — шторка снизу. js/modal-ux.js === */ .modal-sent { z-index: 300; } html.ms-lock, html.ms-lock body { overflow: hidden; } html.ms-lock .messengers, html.ms-lock .tg-bar, html.ms-lock .cx-bar { display: none !important; } .modal-sent__bg { background-color: rgba(20, 40, 74, .55); } .modal-sent__close { display: grid; place-items: center; width: 6.2rem; height: 6.2rem; padding: 0; border: 0; border-radius: 50%; background: #F2F7FD; cursor: pointer; z-index: 3; } .modal-sent__close:before, .modal-sent__close:after { position: absolute; width: 2.6rem; height: 2.5px; margin: 0; border-radius: 2px; background-color: #1E2433; } .modal-sent__close:hover { background: #DCE8F7; } @keyframes msUp { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } } @media (max-width: 48em) { .modal-sent { align-items: flex-end; height: 100%; height: 100dvh; } .modal-sent__content, .modal-sent--callback:not(#modal-sent) .modal-sent__content { width: 100%; max-width: 100%; min-height: 0; max-height: calc(100dvh - 56px); max-height: calc(100vh - 56px); justify-content: flex-start; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 30px 20px calc(20px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; background: #fff; animation: msUp .22s ease-out; transition: transform .2s; } .modal-sent__content::before { content: ""; position: absolute; left: 50%; top: 9px; width: 40px; height: 5px; margin-left: -20px; border-radius: 3px; background: #D5DCE7; } .modal-sent__close, .modal-sent--callback:not(#modal-sent) .modal-sent__close { position: absolute; right: 12px; top: 14px; width: 40px; height: 40px; } .modal-sent__close:before, .modal-sent__close:after { width: 18px; } .modal-sent--callback .feedback, .modal-sent--callback .feedback .container { margin: 0; padding: 0; } .modal-sent--callback .feedback__content-block { margin: 0; padding: 6px 0 0; border-radius: 0; background: #fff; box-shadow: none; } .modal-sent--callback .notice { display: none; } } .modal-sent .feedback__checkbox-check { border: 2px solid #C7CBDA; box-sizing: border-box; } .modal-sent .tg-after { margin: 2rem auto 0; padding: 1.6rem 2.4rem; max-width: 100rem; border-radius: 1.8rem; background: #fff; } @media (max-width: 48em) { .modal-sent .tg-after { margin: 14px 0 0; padding: 12px 14px; border-radius: 12px; background: #F2F7FD; text-align: left; } } /* === Окно заявки, новый вид (2026-10): .modal-sent--callback.cbx (разметку дополняет js/modal-ux.js), экран «Спасибо» === */ .modal-sent--callback.cbx .modal-sent__content { display: block; width: 860px; max-width: 94vw; min-height: 0; max-height: 92vh; overflow-y: auto; padding: 0; border-radius: 0 34px 0 34px; background: #fff; box-shadow: 0 40px 90px rgba(10, 20, 40, .35); text-align: left; } .modal-sent--callback.cbx .modal-sent__close { right: 16px; top: 16px; width: 42px; height: 42px; } .modal-sent--callback.cbx .modal-sent__close:before, .modal-sent--callback.cbx .modal-sent__close:after { width: 18px; } .cbx .feedback, .cbx .feedback .container { width: auto; margin: 0; padding: 0; background: none; } .cbx .feedback__content-block { display: grid; grid-template-columns: 330px minmax(0, 1fr); width: auto; min-height: 0; margin: 0; padding: 0; border-radius: 0; background: #fff; box-shadow: none; } .cbx .feedback__content-block::before, .cbx .feedback__content-block::after { display: none; } .cbx-side { padding: 32px 28px; background: #0E62C4; color: #fff; } .cbx-side img { display: block; width: 132px; padding: 8px 10px; border-radius: 10px; background: #fff; } .cbx-side__h { margin: 26px 0 0; color: #fff; font-size: 19px; font-weight: 800; } .cbx-steps { margin: 16px 0 0; padding: 0; list-style: none; counter-reset: cbx; } .cbx-steps li { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; margin: 0; padding: 0 0 16px; color: #DCE9FA; font-size: 14px; line-height: 1.45; counter-increment: cbx; } .cbx-steps li::before { content: counter(cbx); position: static; display: grid; place-items: center; width: 32px; height: 32px; margin: 0; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #fff; font-weight: 800; transform: none; } .cbx-steps li:not(:last-child)::after { content: ""; position: absolute; left: 15px; top: 36px; bottom: 4px; width: 2px; background: rgba(255, 255, 255, .2); } .cbx-steps b { display: block; color: #fff; font-size: 15px; } .cbx-side__trust { margin: 6px 0 0; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .1); color: #fff; font-size: 13px; font-weight: 600; } .cbx .feedback__form-block { width: auto; max-width: none; margin: 0; padding: 32px 34px 26px; } .cbx .feedback__heading { margin: 0; padding: 0 50px 0 0; } .cbx .feedback__heading-wrapper { display: block; margin: 0; } .cbx .feedback__logo { display: none; } .cbx .feedback__title { margin: 0; color: #1E2433; font-size: 26px; line-height: 1.15; font-weight: 800; text-align: left; } .cbx .feedback__title .course-order__name { display: none; } .cbx-chip { margin-top: 12px; padding: 12px 14px; border-radius: 14px; background: #F2F7FD; } .cbx-chip[hidden] { display: none; } .cbx-chip b { display: block; color: #1E2433; font-size: 15px; line-height: 1.35; } .cbx-chip span { display: block; margin-top: 3px; color: #0E62C4; font-size: 13.5px; font-weight: 700; line-height: 1.4; } .cbx-chip span:empty { display: none; } .cbx .feedback__form { display: block; width: auto; margin: 0; } .cbx .feedback__label--phone, .cbx .feedback__label--name { display: block; width: auto; margin: 16px 0 0; padding: 0; border: 0; } .cbx .feedback__label--phone > svg, .cbx .feedback__label--name > svg { display: none; } .cbx .feedback__label--phone:before, .cbx .feedback__label--name:before { position: static; display: block; margin: 0 0 6px; color: #3B4152; font-size: 13.5px; font-weight: 700; line-height: 1.3; transform: none; } .cbx .feedback__label--phone:before { content: "Телефон"; } .cbx .feedback__label--name:before { content: "Как к вам обращаться"; } .cbx .feedback__input { width: 100%; height: 54px; margin: 0; padding: 0 16px; border: 2px solid #E1E6EF; border-radius: 14px; background: #fff; color: #1E2433; font-size: 17px; font-weight: 600; outline: none; transition: border-color .2s, box-shadow .2s; } .cbx .feedback__input:focus { border-color: #0E62C4; box-shadow: 0 0 0 4px rgba(14, 98, 196, .12); } .cbx .feedback__input.is-ok { border-color: #2FA866; } .cbx .feedback__input::placeholder { color: #A3AAB8; font-weight: 500; } .cbx .feedback__footer { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: auto; margin: 16px 0 0; padding: 0; } .cbx .feedback__label--checkbox { order: 1; display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; align-items: start; width: auto; margin: 0; padding: 0; color: #3B4152; font-size: 13px; line-height: 1.45; text-align: left; cursor: pointer; } .cbx .feedback__checkbox-check { display: grid; place-items: center; width: 24px; height: 24px; margin: 0; border: 2px solid #C7CBDA; border-radius: 7px; background: #fff; transition: background-color .15s, border-color .15s; } .cbx .feedback__checkbox-check svg { width: 14px; height: 14px; } .cbx .feedback__checkbox-check svg path { stroke: #fff; } .cbx .feedback__checkbox:checked + .feedback__checkbox-check { border-color: #0E62C4; background: #0E62C4; } .cbx .feedback__label--checkbox a { color: #1E2433; } .cbx .feedback__btn { order: 2; display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; height: 58px; margin: 18px 0 0; padding: 0; border: 0; border-radius: 0 18px 0 18px; background: #0E62C4; color: #fff; font-size: 17px; font-weight: 800; cursor: pointer; } .cbx .feedback__btn:hover { background: #0A4FA0; } .cbx .feedback__btn svg { width: 22px; height: 14px; } .cbx .feedback__btn svg path { stroke: #fff; } .cbx-when { display: flex; gap: 8px; align-items: center; margin: 10px 0 0; color: #6B7183; font-size: 13px; font-weight: 600; } .cbx-when i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #2FA866; } .cbx-or { display: flex; align-items: center; gap: 12px; margin: 16px 0 10px; color: #6B7183; font-size: 12.5px; font-weight: 700; } .cbx-or::before, .cbx-or::after { content: ""; flex: 1; height: 1px; background: #E1E6EF; } .cbx-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .cbx-alt a { display: flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: 12px; background: #F2F7FD; color: #1E2433; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; } .cbx-alt a.cbx-alt__tg { background: #E6F5FD; color: #1478B0; } .cbx-alt svg { width: 18px; height: 18px; } .cbx .tg-after { display: none; } /* «Спасибо» */ #modal-sent .modal-sent__content, #modal-demo-sent .modal-sent__content { width: 560px; max-width: 94vw; min-height: 0; padding: 46px 40px 36px; border-radius: 0 34px 0 34px; } .modal-sent__ok { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 16px; border-radius: 50%; background: #E7F6EE; color: #2FA866; } .modal-sent__ok svg { width: 34px; height: 34px; } #modal-sent .modal-sent__title, #modal-demo-sent .modal-sent__title { margin: 0; color: #1E2433; font-size: 26px; font-weight: 800; } #modal-sent .modal-sent__desc, #modal-demo-sent .modal-sent__desc { max-width: 26em; margin: 10px auto 0; color: #3B4152; font-size: 15px; line-height: 1.55; } #modal-sent .modal-sent__btn, #modal-demo-sent .modal-sent__btn { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; max-width: 300px; height: 56px; margin: 20px auto 0; border: 0; border-radius: 0 18px 0 18px; background: #0E62C4; color: #fff; font-size: 16px; font-weight: 800; } #modal-sent .modal-sent__btn svg path, #modal-demo-sent .modal-sent__btn svg path { stroke: #fff; } @media (max-width: 48em) { .modal-sent--callback.cbx .modal-sent__content { width: 100%; max-width: 100%; max-height: calc(100vh - 56px); max-height: calc(100dvh - 56px); padding: 0 0 calc(10px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; } .cbx .feedback__content-block { display: block; } .cbx-side { display: none; } .cbx .feedback__form-block { padding: 30px 18px 18px; } .cbx .feedback__title { font-size: 22px; } .modal-sent--callback.cbx .modal-sent__close { right: 12px; top: 14px; width: 40px; height: 40px; } #modal-sent .modal-sent__content, #modal-demo-sent .modal-sent__content { width: 100%; max-width: 100%; padding: 40px 20px calc(24px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; } } .cbx .feedback__label--phone, .cbx .feedback__label--name { height: auto; min-height: 0; margin-bottom: 0; border-bottom: 0; } .cbx .feedback__label--phone .feedback__input, .cbx .feedback__label--name .feedback__input { position: static; } /* === Раздел «Сведения об образовательной организации» (2026-10): оглавление .svh (/sveden/index.php), подразделы .svd (includes/sveden.php), js/sveden.js === */ .svh, .svd, .fzp { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-blue-d: #0A4FA0; --c-soft-2: #F2F7FD; --c-line: #E1E6EF; color: var(--c-ink); } .svh { padding: 2.4rem 0 8rem; } .svh__hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 4.4rem; align-items: start; padding: 5rem 5.2rem; border-radius: 0 5rem 0 5rem; background: linear-gradient(120deg, #0E62C4, #0A4FA0); color: #fff; } .svh__title { margin: 0; font-size: 5rem; line-height: 1.12; font-weight: 700; } .svh__lead { margin: 1.8rem 0 0; max-width: 34em; color: #DCE9FA; font-size: 2.2rem; line-height: 1.5; } .svh__acts { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-top: 3.2rem; } .svh__btn { display: inline-flex; align-items: center; gap: 1.1rem; height: 6.6rem; padding: 0 2.6rem; border: 0; border-radius: 0 2rem 0 2rem; background: #fff; color: var(--c-ink); font: inherit; font-size: 2.05rem; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color .2s; } .svh__btn:hover { background: #EAF2FC; } .svh__btn--ghost { background: rgba(255, 255, 255, .14); color: #fff; } .svh__btn--ghost:hover { background: rgba(255, 255, 255, .22); } .svh__btn svg { width: 2.6rem; height: 2.6rem; } .svh__facts { display: grid; gap: 1.4rem; margin: 0; } .svh__facts div { padding: 1.9rem 2.3rem; border-radius: 2rem; background: rgba(255, 255, 255, .1); } .svh__facts dt { color: #BFD6F5; font-size: 1.8rem; font-weight: 600; } .svh__facts dd { margin: .3rem 0 0; font-size: 2.05rem; font-weight: 600; line-height: 1.4; } .svh__h2 { margin: 6rem 0 2.4rem; font-size: 3.7rem; line-height: 1.2; font-weight: 700; } .svh__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; } .svh__card { position: relative; display: grid; grid-template-columns: 6.3rem minmax(0, 1fr); gap: 2rem; padding: 2.9rem 2.6rem; border: 1px solid var(--c-line); border-radius: 0 3.2rem 0 3.2rem; background: #fff; color: var(--c-ink); text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s; } .svh__card:hover { border-color: #B9CFEC; box-shadow: 0 1.7rem 4.3rem rgba(14, 98, 196, .1); transform: translateY(-.3rem); } .svh__ico { display: grid; place-items: center; width: 6.3rem; height: 6.3rem; border-radius: 1.7rem; background: var(--c-soft-2); color: var(--c-blue); } .svh__ico svg { width: 3.1rem; height: 3.1rem; } .svh__card b { display: block; padding-right: 3rem; font-size: 2.2rem; line-height: 1.3; } .svh__card b + span { display: block; margin-top: .7rem; color: var(--c-muted); font-size: 1.95rem; line-height: 1.45; } .svh__n { position: absolute; right: 2.3rem; top: 2rem; color: #C3CBDA; font-size: 1.7rem; font-style: normal; font-weight: 700; } .svh__also { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; } .svh__also a { display: flex; gap: 1.7rem; align-items: center; padding: 2.3rem 2.6rem; border-radius: 2.3rem; background: var(--c-soft-2); color: var(--c-ink); font-size: 2.1rem; font-weight: 700; text-decoration: none; } .svh__also a:hover { background: #E6EFFC; } .svh__also i { margin-left: auto; color: var(--c-blue); font-style: normal; } /* подраздел: меню слева + содержимое страницы /o-nas/… в карточке */ .svd { padding: 2.4rem 0 8rem; } .svd__in { display: grid; grid-template-columns: 40rem minmax(0, 1fr); gap: 4rem; align-items: start; } .svd__nav { position: sticky; top: calc(var(--sh-h, 0px) + 2rem); padding: 1.4rem; border: 1px solid var(--c-line); border-radius: 0 3.2rem 0 3.2rem; background: #fff; } .svd__sel { display: none; } .svd__list a, .svd__bvi { display: block; padding: 1.3rem 1.7rem; border-radius: 1.4rem; color: var(--c-ink); font-size: 1.95rem; font-weight: 600; line-height: 1.35; text-decoration: none; } .svd__list a:hover { background: var(--c-soft-2); } .svd__list a.is-on { background: var(--c-blue); color: #fff; } .svd__list .svd__home { margin-bottom: .6rem; color: var(--c-muted); font-size: 1.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; } .svd__bvi { display: flex; align-items: center; gap: 1rem; width: 100%; margin-top: .8rem; padding-top: 1.7rem; border: 0; border-top: 1px solid var(--c-line); border-radius: 0; background: none; color: var(--c-blue); font: inherit; font-size: 1.9rem; font-weight: 700; text-align: left; cursor: pointer; } .svd__bvi svg { width: 2.5rem; height: 2.5rem; } .svd__doc { padding: 4.3rem 4.6rem; border: 1px solid var(--c-line); border-radius: 0 4rem 0 4rem; background: #fff; text-align: left; } .svd__doc > * + * { margin-top: 4rem; } .svd__doc section, .svd__doc .about-content, .svd__doc .team, .svd__doc .documents { margin: 0; padding: 0; text-align: left; } .svd__doc .container { width: auto; margin: 0; padding: 0; } .svd__doc h1, .svd__doc .about-content__title, .svd__doc .team__title, .svd__doc .documents__title { margin: 0 0 3rem; font-size: 4.3rem; line-height: 1.15; font-weight: 700; text-align: left; } .svd__doc h2, .svd__doc h3, .svd__doc h4, .svd__doc .about-content__sub-title { margin: 4.6rem 0 1.6rem; font-size: 2.9rem; line-height: 1.25; font-weight: 700; text-align: left; } .svd__doc h1 + h2, .svd__doc h1 + .about-content__sub-title { margin-top: 0; } .svd__doc h4 { font-size: 2.4rem; margin-top: 3rem; } .svd__doc .about-content__text { margin: 0; font-size: 2.15rem; line-height: 1.6; text-align: left; } .svd__doc .about-content__text + .about-content__text { margin-top: 1.6rem; } .svd__doc .about-content__list > li { width: auto; margin: 0 0 .6rem 3rem; } .svd__doc .about-content--limited > article { display: block; -webkit-line-clamp: unset; overflow: visible; } .svd__doc .about-content__next { display: none; } .svd__doc img { max-width: 100%; height: auto; border-radius: 2rem; } .svd__doc a { color: var(--c-blue); } /* «название — значение»: абзацы, начинающиеся с жирной подписи */ .svd__doc .about-content__text:has(> .about-content__text--bold:first-child) { display: flow-root; margin: 0; padding: 1.8rem 0 1.8rem 44rem; border-bottom: 1px solid var(--c-line); font-weight: 600; } .svd__doc .about-content__text:has(> .about-content__text--bold:first-child) + .about-content__text:has(> .about-content__text--bold:first-child) { margin-top: 0; } .svd__doc h1 + .about-content__text:has(> .about-content__text--bold:first-child), .svd__doc h4 + .about-content__text:has(> .about-content__text--bold:first-child), .svd__doc .about-content__title + .about-content__text:has(> .about-content__text--bold:first-child) { border-top: 1px solid var(--c-line); } .svd__doc .about-content__text > .about-content__text--bold:first-child { float: left; width: 41rem; margin-left: -44rem; color: var(--c-muted); font-size: 2rem; font-weight: 500; } .svd__doc .about-content__text--gray { color: var(--c-muted); font-weight: 500; } /* ссылки на файлы и кнопки «программа.pdf» — строкой файла */ .svd__doc .about-content__text--link, .svd__doc .about-content__btn, .svd-file { position: relative; display: grid; grid-template-columns: 5.9rem minmax(0, 1fr) auto; gap: 2rem; align-items: center; width: auto; height: auto; margin: 1.1rem 0 0; padding: 1.7rem 2rem; border: 1px solid var(--c-line); border-radius: 2rem; background: #fff; color: var(--c-ink); font-size: 2.05rem; font-weight: 600; line-height: 1.35; text-decoration: none; white-space: normal; } .svd__doc .about-content__text--link::before, .svd__doc .about-content__btn::before { content: "PDF"; display: grid; place-items: center; width: 5.9rem; height: 6.7rem; border-radius: 1.1rem; background: #FDECEC; color: #C93838; font-size: 1.55rem; font-weight: 700; } .svd__doc .about-content__text--link::after, .svd__doc .about-content__btn::after, .svd-file em { content: "Открыть"; color: var(--c-blue); font-size: 1.95rem; font-style: normal; font-weight: 700; white-space: nowrap; } .svd__doc .about-content__text--link[href*="docs.google.com/document"]::before { content: "DOC"; background: #E6EFFC; color: var(--c-blue); } .svd__doc .about-content__btn > svg { display: none; } .svd__doc .about-content__text--link:hover, .svd__doc .about-content__btn:hover, .svd-file:hover { border-color: #B9CFEC; background: var(--c-soft-2); } .svd__doc .about-content__text:has(> .about-content__text--link) { padding: 0; border: 0; } .svd-files { display: grid; gap: 1.1rem; } .svd-file { margin: 0; } .svd-file__ext { display: grid; place-items: center; width: 5.9rem; height: 6.7rem; border-radius: 1.1rem; background: #FDECEC; color: #C93838; font-size: 1.55rem; font-style: normal; font-weight: 700; } .svd-file__ext--png, .svd-file__ext--jpg { background: #E7F6EE; color: #23864F; } .svd-file__ext--doc, .svd-file__ext--docx { background: #E6EFFC; color: var(--c-blue); } .svd-file b { display: block; font-weight: 600; } .svd-file small { display: block; margin-top: .3rem; color: var(--c-muted); font-size: 1.75rem; font-weight: 500; } /* руководство и преподаватели */ .svd__doc .team__cards { display: grid; gap: 2rem; } .svd__doc .team__item { display: flex; gap: 3rem; width: auto; margin: 0; padding: 3rem; border-radius: 0 3rem 0 3rem; background: var(--c-soft-2); } .svd__doc .team__text-block { width: auto; padding: 0; } .svd__doc .team__speciality { color: var(--c-blue); font-size: 1.8rem; font-weight: 700; } .svd__doc .team__item-title { margin: .8rem 0 1.4rem; font-size: 2.6rem; font-weight: 700; } .svd__doc .team__item-text { font-size: 2.05rem; line-height: 1.6; } .svd__pager { display: flex; gap: 2rem; margin-top: 2.6rem; } .svd__pager a { flex: 1; padding: 2rem 2.6rem; border: 1px solid var(--c-line); border-radius: 2.3rem; background: #fff; color: var(--c-ink); font-size: 2rem; font-weight: 700; text-decoration: none; } .svd__pager a:hover { border-color: #B9CFEC; } .svd__pager a + a { text-align: right; } .svd__pager small { display: block; color: var(--c-muted); font-size: 1.7rem; font-weight: 600; } /* кнопка «Версия для слабовидящих» в шапке и подвале */ .sh-top__bvi { display: inline-flex; align-items: center; justify-content: center; width: 4.6rem; height: 4.6rem; padding: 0; border: 0; border-radius: 1rem; background: none; color: #C9D5EA; cursor: pointer; } .sh-top__bvi:hover { color: #fff; background: rgba(255, 255, 255, .08); } .sh-top__bvi svg { width: 2.6rem; height: 2.6rem; } .ft__bvi { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: .3em; cursor: pointer; } @media (max-width: 48em) { .svh, .svd { padding: 12px 0 48px; } .svh__hero { grid-template-columns: 1fr; gap: 20px; padding: 24px 20px; border-radius: 0 24px 0 24px; } .svh__title { font-size: 26px; } .svh__lead { font-size: 15px; } .svh__acts { gap: 8px; margin-top: 18px; } .svh__btn { flex: 1 1 auto; justify-content: center; height: 46px; padding: 0 14px; border-radius: 0 14px 0 14px; font-size: 14.5px; } .svh__btn svg { width: 18px; height: 18px; } .svh__facts div { padding: 12px 14px; border-radius: 14px; } .svh__facts dt { font-size: 12.5px; } .svh__facts dd { font-size: 14px; } .svh__h2 { margin: 30px 0 14px; font-size: 21px; } .svh__cards, .svh__also { grid-template-columns: 1fr; gap: 10px; } .svh__card { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 16px; border-radius: 0 20px 0 20px; } .svh__ico { width: 44px; height: 44px; border-radius: 12px; } .svh__ico svg { width: 22px; height: 22px; } .svh__card b { padding-right: 22px; font-size: 15.5px; } .svh__card b + span { margin-top: 4px; font-size: 13.5px; } .svh__n { right: 14px; top: 13px; font-size: 12px; } .svh__also a { padding: 16px 18px; border-radius: 16px; font-size: 15px; } .svd__in { grid-template-columns: 1fr; gap: 12px; } .svd__nav { position: relative; top: auto; padding: 0; border: 0; background: none; } .svd__sel { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 12px 16px; border: 1px solid var(--c-line); border-radius: 14px; background: #fff; color: var(--c-ink); font: inherit; font-size: 14.5px; font-weight: 700; text-align: left; cursor: pointer; } .svd__sel small { display: block; color: var(--c-muted); font-size: 11.5px; font-weight: 600; } .svd__sel svg { flex: none; width: 16px; height: 16px; transition: transform .2s; } .svd__nav.is-open .svd__sel svg { transform: rotate(180deg); } .svd__list { display: none; margin-top: 6px; padding: 6px; border: 1px solid var(--c-line); border-radius: 14px; background: #fff; } .svd__nav.is-open .svd__list { display: block; } .svd__list a, .svd__bvi { padding: 10px 12px; border-radius: 10px; font-size: 14px; } .svd__list .svd__home { font-size: 12px; } .svd__bvi svg { width: 18px; height: 18px; } .svd__doc { padding: 22px 18px; border-radius: 0 22px 0 22px; } .svd__doc > * + * { margin-top: 24px; } .svd__doc h1, .svd__doc .about-content__title, .svd__doc .team__title, .svd__doc .documents__title { margin-bottom: 16px; font-size: 23px; line-height: 1.2; } .svd__doc h2, .svd__doc h3, .svd__doc h4, .svd__doc .about-content__sub-title { margin: 26px 0 10px; font-size: 18px; line-height: 1.3; } .svd__doc h4 { font-size: 16px; margin-top: 18px; } .svd__doc .about-content__text { font-size: 15px; line-height: 1.55; } .svd__doc .about-content__text + .about-content__text { margin-top: 12px; } .svd__doc .about-content__list > li { margin-left: 20px; } .svd__doc img { border-radius: 14px; } .svd__doc .about-content__text:has(> .about-content__text--bold:first-child) { padding: 11px 0; } .svd__doc .about-content__text > .about-content__text--bold:first-child { float: none; display: block; width: auto; margin: 0 0 3px; font-size: 12.5px; } .svd__doc .about-content__text--link, .svd__doc .about-content__btn, .svd-file { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; margin-top: 8px; padding: 12px; border-radius: 14px; font-size: 14px; } .svd__doc .about-content__text--link::before, .svd__doc .about-content__btn::before, .svd-file__ext { width: 36px; height: 42px; border-radius: 8px; font-size: 10px; } .svd__doc .about-content__text--link::after, .svd__doc .about-content__btn::after, .svd-file em { grid-column: 2; font-size: 13.5px; } .svd-files { gap: 8px; } .svd-file { margin: 0; } .svd-file small { font-size: 12px; } .svd__doc .team__item { flex-direction: column; gap: 14px; padding: 18px; border-radius: 0 20px 0 20px; } .svd__doc .team__speciality { font-size: 12.5px; } .svd__doc .team__item-title { margin: 6px 0 10px; font-size: 17px; } .svd__doc .team__item-text { font-size: 14.5px; } .svd__pager { flex-direction: column; gap: 8px; margin-top: 12px; } .svd__pager a { padding: 13px 16px; border-radius: 14px; font-size: 14px; } .svd__pager a + a { text-align: left; } .svd__pager small { font-size: 12px; } .ft__bvi { font-size: inherit; } } /* === Формы заявок (/o-nas/formy-zayavok/, 2026-10): файлы — Google Диск, переключатель и цель Метрики — js/sveden.js === */ .fzp { padding: 2.4rem 0 8rem; } .fzp__head { display: grid; grid-template-columns: minmax(0, 1fr) 54rem; gap: 3.4rem; align-items: stretch; } .fzp__intro { padding: 4.3rem 4.6rem; border: 1px solid var(--c-line); border-radius: 0 4rem 0 4rem; background: #fff; } .fzp__title { margin: 0; font-size: 4.6rem; line-height: 1.15; font-weight: 700; } .fzp__intro > p { margin: 1.4rem 0 0; color: #3B4152; font-size: 2.15rem; line-height: 1.5; } .fzp__how { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem; margin: 2.9rem 0 0; padding: 0; list-style: none; counter-reset: fzh; } .fzp__how li { padding: 2rem; border-radius: 2rem; background: var(--c-soft-2); font-size: 1.95rem; font-weight: 600; line-height: 1.4; counter-increment: fzh; } .fzp__how li::before { content: counter(fzh); display: grid; place-items: center; width: 3.7rem; height: 3.7rem; margin-bottom: 1.1rem; border-radius: 50%; background: var(--c-blue); color: #fff; font-size: 1.85rem; font-weight: 700; } .fzp__how a { color: var(--c-blue); } .fzp__easy { display: flex; flex-direction: column; padding: 4rem; border-radius: 0 4rem 0 4rem; background: var(--c-blue); color: #fff; } .fzp__easy b { font-size: 2.9rem; line-height: 1.25; } .fzp__easy p { margin: 1.1rem 0 2.6rem; color: #DCE9FA; font-size: 2rem; line-height: 1.5; } .fzp__call { margin-top: auto; height: 6.6rem; border: 0; border-radius: 0 2rem 0 2rem; background: #fff; color: var(--c-ink); font: inherit; font-size: 2.1rem; font-weight: 700; cursor: pointer; } .fzp__call:hover { background: #EAF2FC; } .fzp__bar { display: flex; flex-wrap: wrap; gap: 1.7rem; align-items: center; justify-content: space-between; margin: 5rem 0 2rem; } .fzp__h2 { margin: 0; font-size: 3.4rem; line-height: 1.2; font-weight: 700; } .fzp__who { display: inline-flex; gap: .6rem; padding: .6rem; border: 1px solid var(--c-line); border-radius: 2rem; background: #fff; } .fzp__who button { padding: 1.3rem 2.3rem; border: 0; border-radius: 1.4rem; background: none; color: var(--c-muted); font: inherit; font-size: 2rem; font-weight: 700; cursor: pointer; } .fzp__who button[aria-pressed="true"] { background: var(--c-ink); color: #fff; } .fzp__list, .fzp__letters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.7rem; } .fzp__list[data-mode="org"] [data-only="self"], .fzp__list[data-mode="self"] [data-only="org"] { display: none; } .fz { display: grid; grid-template-columns: 6.9rem minmax(0, 1fr); gap: 2rem; padding: 2.6rem; border: 1px solid var(--c-line); border-radius: 0 3.2rem 0 3.2rem; background: #fff; } .fz--wide { grid-column: 1 / -1; border-color: transparent; background: var(--c-soft-2); } .fz--wide .fz__ico { background: #fff; } .fz__ico { display: grid; place-items: center; width: 6.9rem; height: 6.9rem; border-radius: 1.7rem; background: var(--c-soft-2); color: var(--c-blue); } .fz__ico svg { width: 3.4rem; height: 3.4rem; } .fz__t { display: block; font-size: 2.3rem; line-height: 1.3; } .fz__d { display: block; margin-top: .4rem; color: var(--c-muted); font-size: 1.85rem; line-height: 1.45; } .fz__acts { display: flex; flex-wrap: wrap; gap: 1.1rem; margin-top: 1.7rem; } .fz__dl { display: inline-flex; align-items: center; gap: 1rem; height: 5.4rem; padding: 0 2rem; border-radius: 1.4rem; background: var(--c-blue); color: #fff; font-size: 1.95rem; font-weight: 700; text-decoration: none; transition: background-color .2s; } .fz__dl:hover { background: var(--c-blue-d); color: #fff; } .fz__dl svg { width: 2.3rem; height: 2.3rem; } .fz__dl small { opacity: .7; font-size: 1.6rem; } .fz__dl--alt { background: var(--c-soft-2); color: var(--c-ink); } .fz__dl--alt:hover { background: #E6EFFC; color: var(--c-ink); } .fzp__partners { display: flex; flex-wrap: wrap; gap: 1.1rem 1.4rem; align-items: center; margin-top: 2rem; padding: 2rem 2.6rem; border-radius: 2rem; background: #FFF7E6; color: #6A4A00; font-size: 1.95rem; font-weight: 600; } .fzp__partners .fz__dl { height: 4.6rem; background: #fff; } .fzp__plink { margin-left: auto; color: #6A4A00; font-weight: 700; } .fzp__empty { margin-top: 4rem; padding: 2.6rem; border-radius: 2rem; background: var(--c-soft-2); font-size: 2.1rem; } .fzp__empty button { padding: 0; border: 0; background: none; color: var(--c-blue); font: inherit; text-decoration: underline; cursor: pointer; } @media (max-width: 48em) { .fzp { padding: 12px 0 48px; } .fzp__head { grid-template-columns: 1fr; gap: 12px; } .fzp__intro { padding: 22px 18px; border-radius: 0 22px 0 22px; } .fzp__title { font-size: 25px; } .fzp__intro > p { font-size: 15px; } .fzp__how { grid-template-columns: 1fr; gap: 8px; margin-top: 16px; } .fzp__how li { display: grid; grid-template-columns: 26px 1fr; gap: 10px; align-items: center; padding: 12px; border-radius: 12px; font-size: 14px; } .fzp__how li::before { width: 26px; height: 26px; margin: 0; font-size: 13px; } .fzp__easy { padding: 22px 18px; border-radius: 0 22px 0 22px; } .fzp__easy b { font-size: 19px; } .fzp__easy p { margin: 6px 0 16px; font-size: 14px; } .fzp__call { height: 48px; border-radius: 0 14px 0 14px; font-size: 15px; } .fzp__bar { margin: 30px 0 12px; gap: 12px; } .fzp__h2 { font-size: 21px; } .fzp__who { display: flex; width: 100%; padding: 4px; border-radius: 14px; } .fzp__who button { flex: 1; padding: 9px 8px; border-radius: 10px; font-size: 14px; } .fzp__list, .fzp__letters { grid-template-columns: 1fr; gap: 10px; } .fz { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 16px; border-radius: 0 20px 0 20px; } .fz__ico { width: 44px; height: 44px; border-radius: 12px; } .fz__ico svg { width: 22px; height: 22px; } .fz__t { font-size: 15.5px; } .fz__d { font-size: 13px; } .fz__acts { gap: 8px; margin-top: 12px; } .fz__dl { height: 40px; padding: 0 14px; border-radius: 10px; font-size: 13.5px; } .fz__dl svg { width: 16px; height: 16px; } .fz__dl small { font-size: 11.5px; } .fzp__partners { gap: 8px; padding: 14px 16px; border-radius: 14px; font-size: 13.5px; } .fzp__partners .fz__dl { height: 38px; } .fzp__plink { margin-left: 0; } } /* === Версия для слабовидящих (2026-10): класс bvi на , панель настроек .bvi-bar — js/sveden.js === */ html.bvi body { zoom: 1.15; } html.bvi.bvi-s2 body { zoom: 1.3; } html.bvi.bvi-s3 body { zoom: 1.5; } html.bvi.bvi-s1 body { zoom: 1; } .bvi-bar { position: relative; z-index: 400; display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; padding: 10px 16px; background: #000; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.2; } .bvi-bar__t { margin-left: 8px; color: #ddd; font-weight: 600; } .bvi-bar button { min-width: 44px; height: 38px; padding: 0 12px; border: 2px solid #fff; border-radius: 8px; background: #000; color: #fff; font: inherit; cursor: pointer; } .bvi-bar button[aria-pressed="true"] { background: #fff; color: #000; } .bvi-bar .bvi-bar__off { margin-left: auto; background: #FFE14D; border-color: #FFE14D; color: #000; } html.bvi-bw body, html.bvi-bw body *:not(.bvi-bar):not(.bvi-bar *) { background-color: #fff !important; background-image: none !important; color: #000 !important; border-color: #000 !important; box-shadow: none !important; text-shadow: none !important; } html.bvi-bw body a:not(.bvi-bar *) { text-decoration: underline !important; } html.bvi-bw img, html.bvi-bw svg:not(.bvi-bar *) { filter: grayscale(1) contrast(1.2); } html.bvi-noimg img, html.bvi-noimg picture, html.bvi-noimg video { visibility: hidden !important; } /* «Сведения»: подзаголовки страниц с классом about-content__title (Образование) — размером подзаголовка, не заголовка */ .svd__doc h2.about-content__title, .svd__doc h3.about-content__title { margin: 4.6rem 0 1.6rem; font-size: 2.9rem; line-height: 1.25; } .svd__doc h4.about-content__title { margin: 3.4rem 0 1.4rem; font-size: 2.4rem; line-height: 1.3; } .svd__doc h1 + h2.about-content__title, .svd__doc h2.about-content__title + h3.about-content__title { margin-top: 1rem; } .fzp__call { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0 2rem; text-align: center; } @media (max-width: 48em) { .svd__doc h2.about-content__title, .svd__doc h3.about-content__title { margin: 24px 0 10px; font-size: 18px; } .svd__doc h4.about-content__title { margin: 18px 0 8px; font-size: 16px; } } /* === Партнёрская программа (/o-nas/partnerskaya-programma/, 2026-10): агенты приводят клиентов за вознаграждение; форма — includes/feedback-partners.php === */ .pp { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-soft-2: #F2F7FD; --c-line: #E1E6EF; padding: 2.4rem 0 6rem; color: var(--c-ink); } .pp__hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 4.4rem; align-items: center; padding: 5.4rem 5.2rem; border-radius: 0 5rem 0 5rem; background: linear-gradient(120deg, #0E62C4, #0A4FA0); color: #fff; } .pp__kicker { display: inline-block; padding: .8rem 1.6rem; border-radius: 99rem; background: rgba(255, 255, 255, .14); font-size: 1.8rem; font-weight: 700; } .pp__title { margin: 2rem 0 0; font-size: 4.9rem; line-height: 1.12; font-weight: 700; } .pp__lead { margin: 1.8rem 0 0; max-width: 36em; color: #DCE9FA; font-size: 2.25rem; line-height: 1.5; } .pp__acts { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-top: 3.4rem; } .pp__btn { display: inline-flex; align-items: center; justify-content: center; height: 6.9rem; padding: 0 3.4rem; border-radius: 0 2rem 0 2rem; background: #fff; color: var(--c-ink); font-size: 2.15rem; font-weight: 700; text-decoration: none; transition: background-color .2s; } .pp__btn:hover { background: #EAF2FC; color: var(--c-ink); } .pp__btn--ghost { background: rgba(255, 255, 255, .14); color: #fff; } .pp__btn--ghost:hover { background: rgba(255, 255, 255, .22); color: #fff; } .pp__facts { display: grid; gap: 1.4rem; margin: 0; padding: 0; list-style: none; } .pp__facts li { display: grid; grid-template-columns: 5.7rem minmax(0, 1fr); gap: 1.7rem; align-items: center; padding: 2rem 2.3rem; border-radius: 2.3rem; background: rgba(255, 255, 255, .1); } .pp__facts i { display: grid; place-items: center; width: 5.7rem; height: 5.7rem; border-radius: 1.6rem; background: rgba(255, 255, 255, .16); } .pp__facts svg { width: 2.8rem; height: 2.8rem; } .pp__facts b { display: block; font-size: 2.15rem; } .pp__facts span { color: #CFE0F7; font-size: 1.85rem; line-height: 1.4; } .pp__h2 { margin: 7rem 0 2.6rem; font-size: 3.9rem; line-height: 1.2; font-weight: 700; } .pp__who { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; } .pp__card { display: flex; flex-direction: column; gap: 1.1rem; padding: 3rem 2.6rem; border: 1px solid var(--c-line); border-radius: 0 3.2rem 0 3.2rem; background: #fff; } .pp__card b { margin-top: .6rem; font-size: 2.3rem; line-height: 1.3; } .pp__card span { color: var(--c-muted); font-size: 1.95rem; line-height: 1.5; } .pp__ico { display: grid; place-items: center; flex: none; width: 6.3rem; height: 6.3rem; border-radius: 1.7rem; background: var(--c-soft-2); color: var(--c-blue); } .pp__ico svg { width: 3.1rem; height: 3.1rem; } .pp__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; margin: 0; padding: 0; list-style: none; counter-reset: pps; } .pp__steps li { position: relative; padding: 3rem 2.6rem; border-radius: 0 3.2rem 0 3.2rem; background: #fff; border: 1px solid var(--c-line); counter-increment: pps; } .pp__steps li::before { content: counter(pps, decimal-leading-zero); display: block; margin-bottom: 1.7rem; color: var(--c-blue); font-size: 3.7rem; font-weight: 700; line-height: 1; } .pp__steps b { display: block; font-size: 2.3rem; line-height: 1.3; } .pp__steps span { display: block; margin-top: 1rem; color: var(--c-muted); font-size: 1.95rem; line-height: 1.5; } .pp__split { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 3.4rem; align-items: start; } .pp__sell { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; } .pp__item { display: grid; grid-template-columns: 6.3rem minmax(0, 1fr); gap: 1.7rem; align-items: center; padding: 2rem; border: 1px solid var(--c-line); border-radius: 2.3rem; background: #fff; color: var(--c-ink); text-decoration: none; transition: border-color .15s, box-shadow .15s; } .pp__item:hover { border-color: #B9CFEC; box-shadow: 0 1.4rem 3.4rem rgba(14, 98, 196, .1); color: var(--c-ink); } .pp__item b { display: block; font-size: 2.1rem; line-height: 1.3; } .pp__item b + span { display: block; margin-top: .4rem; color: var(--c-muted); font-size: 1.8rem; line-height: 1.4; } .pp__why { padding: 0 4rem 4rem; border-radius: 0 3.2rem 0 3.2rem; background: var(--c-soft-2); } .pp__why .pp__h2 { padding-top: 4rem; margin-top: 7rem; } .pp__why ul { display: grid; gap: 1.4rem; margin: 0; padding: 0; list-style: none; } .pp__why li { position: relative; padding-left: 4.3rem; font-size: 2.1rem; font-weight: 600; line-height: 1.45; } .pp__why li::before { content: ""; position: absolute; left: 0; top: .2rem; width: 2.9rem; height: 2.9rem; border-radius: 50%; background: #2FA866 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 1.7rem no-repeat; } .pp__why p { margin: 2.6rem 0 0; padding: 2rem 2.3rem; border-radius: 2rem; background: #fff; color: #3B4152; font-size: 1.95rem; line-height: 1.5; } .pp__faq { display: grid; gap: 1.1rem; max-width: 120rem; } .pp__faq details { border: 1px solid var(--c-line); border-radius: 2.3rem; background: #fff; } .pp__faq summary { position: relative; padding: 2.6rem 8rem 2.6rem 3rem; font-size: 2.3rem; font-weight: 700; line-height: 1.35; list-style: none; cursor: pointer; } .pp__faq summary::-webkit-details-marker { display: none; } .pp__faq summary::after { content: "+"; position: absolute; right: 3rem; top: 50%; display: grid; place-items: center; width: 4.3rem; height: 4.3rem; margin-top: -2.15rem; border-radius: 50%; background: var(--c-soft-2); color: var(--c-blue); font-size: 2.9rem; font-weight: 500; line-height: 1; } .pp__faq details[open] summary::after { content: "−"; } .pp__faq p { margin: -1rem 0 0; padding: 0 3rem 2.6rem; color: #3B4152; font-size: 2.05rem; line-height: 1.6; } #feedback-partners { scroll-margin-top: calc(var(--sh-h, 0px) + 2rem); } @media (max-width: 48em) { .pp { padding: 12px 0 36px; } .pp__hero { grid-template-columns: 1fr; gap: 20px; padding: 24px 20px; border-radius: 0 24px 0 24px; } .pp__kicker { padding: 5px 11px; font-size: 12.5px; } .pp__title { margin-top: 12px; font-size: 25px; line-height: 1.15; } .pp__lead { font-size: 15px; } .pp__acts { gap: 8px; margin-top: 20px; } .pp__btn { flex: 1 1 auto; height: 48px; padding: 0 18px; border-radius: 0 14px 0 14px; font-size: 15px; } .pp__facts { gap: 8px; } .pp__facts li { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 12px 14px; border-radius: 14px; } .pp__facts i { width: 40px; height: 40px; border-radius: 11px; } .pp__facts svg { width: 20px; height: 20px; } .pp__facts b { font-size: 14.5px; } .pp__facts span { font-size: 12.5px; } .pp__h2 { margin: 34px 0 14px; font-size: 21px; } .pp__who, .pp__steps, .pp__sell, .pp__split { grid-template-columns: 1fr; gap: 10px; } .pp__card { gap: 6px; padding: 16px; border-radius: 0 20px 0 20px; } .pp__card b { margin-top: 4px; font-size: 16px; } .pp__card span { font-size: 13.5px; } .pp__ico { width: 44px; height: 44px; border-radius: 12px; } .pp__ico svg { width: 22px; height: 22px; } .pp__steps li { padding: 16px; border-radius: 0 20px 0 20px; } .pp__steps li::before { margin-bottom: 8px; font-size: 24px; } .pp__steps b { font-size: 16px; } .pp__steps span { margin-top: 4px; font-size: 13.5px; } .pp__item { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 13px; border-radius: 16px; } .pp__item b { font-size: 15px; } .pp__item b + span { font-size: 12.5px; } .pp__why { padding: 0 18px 18px; border-radius: 0 20px 0 20px; } .pp__why .pp__h2 { margin-top: 24px; padding-top: 20px; } .pp__why ul { gap: 10px; } .pp__why li { padding-left: 30px; font-size: 14.5px; } .pp__why li::before { width: 20px; height: 20px; background-size: 12px; } .pp__why p { margin-top: 16px; padding: 13px 15px; border-radius: 14px; font-size: 13.5px; } .pp__faq { gap: 8px; } .pp__faq details { border-radius: 16px; } .pp__faq summary { padding: 16px 52px 16px 16px; font-size: 15px; } .pp__faq summary::after { right: 14px; width: 28px; height: 28px; margin-top: -14px; font-size: 19px; } .pp__faq p { margin-top: -4px; padding: 0 16px 16px; font-size: 14px; } } /* партнёрская программа: «Что можно предлагать» и «Почему клиентам удобно» начинаются на одной линии */ .pp__split { margin-top: 7rem; } .pp__split .pp__h2 { margin-top: 0; } .pp__why .pp__h2 { margin-top: 0; padding-top: 4rem; } @media (max-width: 48em) { .pp__split { margin-top: 34px; gap: 24px; } .pp__why .pp__h2 { padding-top: 20px; } } .pp__who { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 48em) { .pp__who { grid-template-columns: 1fr; } } /* === Форма «Стать партнёром» (2026-10): includes/feedback-partners.php + news.detail/feedback-partners/template.php; в стиле окна заявки (.cbx) === */ .ppf { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-line: #E1E6EF; padding: 2rem 0 9rem; color: var(--c-ink); scroll-margin-top: calc(var(--sh-h, 0px) + 2rem); } .ppf__card { display: grid; grid-template-columns: 50rem minmax(0, 1fr); overflow: hidden; border-radius: 0 5rem 0 5rem; background: #fff; box-shadow: 0 2.9rem 7rem rgba(20, 40, 74, .1); } .ppf__side { padding: 5rem 4.3rem; background: linear-gradient(160deg, #0E62C4, #0A4FA0); color: #fff; } .ppf__kicker { display: inline-block; padding: .7rem 1.4rem; border-radius: 99rem; background: rgba(255, 255, 255, .14); font-size: 1.7rem; font-weight: 700; } .ppf__h { margin-top: 3rem; font-size: 2.9rem; font-weight: 700; } .ppf__steps { margin: 2.6rem 0 0; padding: 0; list-style: none; counter-reset: ppf; } .ppf__steps li { position: relative; display: block; padding: 0 0 2.9rem 6.6rem; color: #DCE9FA; font-size: 1.95rem; line-height: 1.5; counter-increment: ppf; } .ppf__steps li::before { content: counter(ppf); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 4.6rem; height: 4.6rem; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #fff; font-size: 2rem; font-weight: 700; } .ppf__steps li:not(:last-child)::after { content: ""; position: absolute; left: 2.2rem; top: 5.3rem; bottom: .6rem; width: 2px; background: rgba(255, 255, 255, .2); } .ppf__steps b { display: block; margin-bottom: .3rem; color: #fff; font-size: 2.15rem; } .ppf__main { padding: 5rem 5.4rem 4.6rem; } .ppf__title { font-size: 3.9rem; line-height: 1.15; font-weight: 700; } .ppf__sub { margin: 1rem 0 0; color: var(--c-muted); font-size: 2.05rem; line-height: 1.5; } .ppf .ppf__form { display: grid; grid-template-columns: 1fr 1fr; gap: 2.3rem 2rem; width: auto; margin: 3.4rem 0 0; padding: 0; } .ppf .ppf__field { display: block; width: auto; height: auto; margin: 0; padding: 0; border: 0; } .ppf .ppf__field--wide, .ppf .ppf__agree, .ppf .ppf__btn, .ppf .form-inline-error { grid-column: 1 / -1; } .ppf .ppf__field > span { display: block; margin-bottom: .9rem; color: #3B4152; font-size: 1.9rem; font-weight: 700; } .ppf .ppf__field i { color: var(--c-muted); font-style: normal; font-weight: 500; } .ppf .ppf__field .feedback__input { display: block; width: 100%; height: 7.7rem; margin: 0; padding: 0 2.3rem; border: 2px solid var(--c-line); border-radius: 2rem; background: #fff; color: var(--c-ink); font: inherit; font-size: 2.3rem; font-weight: 600; outline: none; box-shadow: none; transition: border-color .2s, box-shadow .2s; } .ppf .ppf__field .feedback__input:focus { border-color: var(--c-blue); box-shadow: 0 0 0 .6rem rgba(14, 98, 196, .12); } .ppf .ppf__field .feedback__input::placeholder { color: #A3AAB8; font-weight: 500; } .ppf .ppf__agree { position: relative; display: grid; grid-template-columns: 3.4rem minmax(0, 1fr); gap: 1.4rem; align-items: start; width: auto; height: auto; margin: 0; color: #3B4152; font-size: 1.8rem; line-height: 1.45; cursor: pointer; } .ppf .ppf__agree input { position: absolute; width: 1px; height: 1px; opacity: 0; } .ppf .ppf__agree > i { display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border: 2px solid #C7CBDA; border-radius: 1rem; background: #fff; color: #fff; transition: background-color .15s, border-color .15s; } .ppf .ppf__agree > i svg { width: 1.9rem; height: 1.5rem; opacity: 0; } .ppf .ppf__agree input:checked + i { border-color: var(--c-blue); background: var(--c-blue); } .ppf .ppf__agree input:checked + i svg { opacity: 1; } .ppf .ppf__agree input:focus-visible + i { box-shadow: 0 0 0 .6rem rgba(14, 98, 196, .2); } .ppf .ppf__agree a { color: var(--c-ink); text-decoration: underline; } .ppf .ppf__btn { display: flex; align-items: center; justify-content: center; gap: 1.7rem; width: 100%; height: 8.3rem; margin: 0; padding: 0; border: 0; border-radius: 0 2.6rem 0 2.6rem; background: var(--c-blue); color: #fff; font: inherit; font-size: 2.4rem; font-weight: 700; cursor: pointer; transition: background-color .2s; } .ppf .ppf__btn:hover { background: #0A4FA0; } .ppf .ppf__btn svg { width: 3.1rem; height: 2rem; margin: 0; } .ppf .ppf__btn svg path { stroke: #fff; } @media (max-width: 48em) { .ppf { padding: 4px 0 40px; } .ppf__card { grid-template-columns: 1fr; border-radius: 0 22px 0 22px; } .ppf__side { padding: 22px 18px 6px; } .ppf__kicker { padding: 4px 10px; font-size: 12px; } .ppf__h { margin-top: 14px; font-size: 18px; } .ppf__steps { margin-top: 14px; } .ppf__steps li { padding: 0 0 16px 44px; font-size: 13.5px; } .ppf__steps li::before { width: 30px; height: 30px; font-size: 14px; } .ppf__steps li:not(:last-child)::after { left: 14px; top: 34px; bottom: 2px; } .ppf__steps b { font-size: 15px; } .ppf__main { padding: 22px 18px 24px; } .ppf__title { font-size: 23px; } .ppf__sub { font-size: 14px; } .ppf .ppf__form { grid-template-columns: 1fr; gap: 14px; margin-top: 18px; } .ppf .ppf__field > span { margin-bottom: 6px; font-size: 13.5px; } .ppf .ppf__field .feedback__input { height: 52px; padding: 0 14px; border-radius: 14px; font-size: 16px; } .ppf .ppf__agree { grid-template-columns: 24px minmax(0, 1fr); gap: 10px; font-size: 12.5px; } .ppf .ppf__agree > i { width: 24px; height: 24px; border-radius: 7px; } .ppf .ppf__agree > i svg { width: 13px; height: 10px; } .ppf .ppf__btn { height: 56px; border-radius: 0 18px 0 18px; font-size: 16px; } .ppf .ppf__btn svg { width: 22px; height: 14px; } } #feedback-partners .ppf__btn { width: 100%; } /* перекрывает старое #feedback__form .feedback__btn { width: auto } */ /* === О нас (/o-nas/, 2026-10): данные — инфоблоки 7, 8, 20, 21, 37 (см. o-nas/index.php) === */ .ab { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-soft-2: #F2F7FD; --c-line: #E1E6EF; padding: 2.4rem 0 3rem; color: var(--c-ink); } .ab__hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 4rem; align-items: center; padding: 4.6rem 5.2rem; border-radius: 0 5rem 0 5rem; background: #fff; box-shadow: 0 2.9rem 7rem rgba(20, 40, 74, .07); } .ab__kicker { display: inline-block; padding: .8rem 1.6rem; border-radius: 99rem; background: #E6EFFC; color: var(--c-blue); font-size: 1.8rem; font-weight: 700; } .ab__kicker--soft { background: var(--c-soft-2); } .ab__title { margin: 2rem 0 0; font-size: 5.1rem; line-height: 1.1; font-weight: 700; } .ab__lead { margin: 2rem 0 0; color: #3B4152; font-size: 2.25rem; line-height: 1.55; } .ab__acts { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-top: 3.4rem; } .ab__btn { display: inline-flex; align-items: center; justify-content: center; height: 6.9rem; padding: 0 3.4rem; border: 0; border-radius: 0 2rem 0 2rem; background: var(--c-blue); color: #fff; font: inherit; font-size: 2.15rem; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color .2s; } .ab__btn:hover { background: #0A4FA0; color: #fff; } .ab__btn--ghost { background: var(--c-soft-2); color: var(--c-ink); } .ab__btn--ghost:hover { background: #E6EFFC; color: var(--c-ink); } .ab__pic { display: grid; place-items: center; border-radius: 4rem; background: linear-gradient(160deg, #EAF2FC, #F7FAFE); } .ab__pic img { display: block; width: 100%; max-width: 64rem; height: auto; } .ab__trust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.7rem; margin-top: 2.6rem; } .ab__trust > a, .ab__trust > div { display: grid; grid-template-columns: 5.7rem minmax(0, 1fr); gap: 1.6rem; align-items: center; padding: 2.2rem; border: 1px solid var(--c-line); border-radius: 2.6rem; background: #fff; color: var(--c-ink); text-decoration: none; } .ab__trust > a:hover { border-color: #B9CFEC; color: var(--c-ink); } .ab__trust i { display: grid; place-items: center; width: 5.7rem; height: 5.7rem; border-radius: 1.6rem; background: #E7F6EE; color: #23864F; } .ab__trust svg { width: 2.8rem; height: 2.8rem; } .ab__trust b { display: block; font-size: 2.05rem; } .ab__trust span { color: var(--c-muted); font-size: 1.75rem; line-height: 1.4; } .ab__h2 { margin: 7rem 0 2.6rem; font-size: 3.9rem; line-height: 1.2; font-weight: 700; } .ab__nums { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.7rem; } .ab__nums div { padding: 3rem 2.3rem; border-radius: 0 3rem 0 3rem; background: var(--c-blue); color: #fff; } .ab__nums div:nth-child(even) { background: #0A4FA0; } .ab__nums b { display: block; font-size: 4.9rem; line-height: 1; font-weight: 700; } .ab__nums span { display: block; margin-top: 1.1rem; color: #DCE9FA; font-size: 1.85rem; line-height: 1.4; } .ab__how { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; } .ab__card { display: flex; flex-direction: column; gap: 1.1rem; padding: 3rem 2.6rem; border: 1px solid var(--c-line); border-radius: 0 3.2rem 0 3.2rem; background: #fff; } .ab__card b { margin-top: .6rem; font-size: 2.3rem; line-height: 1.3; } .ab__card span { color: var(--c-muted); font-size: 1.95rem; line-height: 1.5; } .ab__ico { display: grid; place-items: center; width: 6.3rem; height: 6.3rem; border-radius: 1.7rem; background: var(--c-soft-2); color: var(--c-blue); } .ab__ico svg { width: 3.1rem; height: 3.1rem; } .ab__rate { display: flex; flex-wrap: wrap; gap: 1.4rem 3.4rem; align-items: center; margin-top: 2rem; padding: 2.9rem 3.4rem; border-radius: 2.9rem; background: var(--c-soft-2); } .ab__rate > b { font-size: 6rem; line-height: 1; font-weight: 700; color: var(--c-blue); } .ab__rate small { font-size: 2.3rem; color: var(--c-muted); } .ab__rate > span { flex: 1 1 50rem; color: #3B4152; font-size: 2.05rem; line-height: 1.5; } .ab__rate > span a { color: var(--c-blue); font-weight: 700; } .ab__rate-btn { display: inline-flex; align-items: center; height: 6rem; padding: 0 2.9rem; border-radius: 0 1.7rem 0 1.7rem; background: #fff; color: var(--c-ink); font-size: 2rem; font-weight: 700; text-decoration: none; } .ab__rate-btn:hover { color: var(--c-blue); } .ab__dirs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem; } .ab__dirs a { display: flex; align-items: center; gap: 1.4rem; padding: 2.3rem 2.6rem; border: 1px solid var(--c-line); border-radius: 2.3rem; background: #fff; color: var(--c-ink); font-size: 2.15rem; font-weight: 700; text-decoration: none; transition: border-color .15s, box-shadow .15s; } .ab__dirs a:hover { border-color: #B9CFEC; box-shadow: 0 1.4rem 3.4rem rgba(14, 98, 196, .1); color: var(--c-ink); } .ab__dirs i { margin-left: auto; color: var(--c-blue); font-style: normal; } .ab__dirs .ab__dirs-all { border-color: transparent; background: var(--c-blue); color: #fff; } .ab__dirs .ab__dirs-all:hover { color: #fff; } .ab__dirs .ab__dirs-all i { color: #fff; } .ab__split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2.6rem; margin-top: 7rem; } .ab__boss, .ab__links { padding: 4rem; border: 1px solid var(--c-line); border-radius: 0 3.6rem 0 3.6rem; background: #fff; } .ab__motto { margin: 2.6rem 0 0; font-size: 3.1rem; line-height: 1.3; font-weight: 700; } .ab__boss-who { display: flex; gap: 1.7rem; align-items: center; margin-top: 2.9rem; } .ab__boss-who img { width: 9rem; height: 9rem; border-radius: 50%; object-fit: cover; } .ab__boss-who b { display: block; font-size: 2.2rem; } .ab__boss-who span { color: var(--c-muted); font-size: 1.9rem; } .ab__more { display: inline-block; margin-top: 2.9rem; color: var(--c-blue); font-size: 2rem; font-weight: 700; text-decoration: none; } .ab__links { display: flex; flex-direction: column; } .ab__links .ab__kicker { align-self: flex-start; margin-bottom: 1.4rem; } .ab__links a { display: flex; align-items: center; gap: 1.4rem; padding: 1.8rem 0; border-bottom: 1px solid var(--c-line); color: var(--c-ink); font-size: 2.1rem; font-weight: 600; text-decoration: none; } .ab__links a:last-child { border-bottom: 0; } .ab__links a:hover { color: var(--c-blue); } .ab__links i { margin-left: auto; color: var(--c-blue); font-style: normal; } @media (max-width: 48em) { .ab { padding: 12px 0 8px; } .ab__hero { grid-template-columns: 1fr; gap: 18px; padding: 22px 18px; border-radius: 0 24px 0 24px; } .ab__kicker { padding: 5px 11px; font-size: 12.5px; } .ab__title { margin-top: 12px; font-size: 26px; } .ab__lead { margin-top: 12px; font-size: 15px; } .ab__acts { gap: 8px; margin-top: 18px; } .ab__btn { flex: 1 1 auto; height: 48px; padding: 0 16px; border-radius: 0 14px 0 14px; font-size: 14.5px; } .ab__pic { border-radius: 20px; } .ab__trust { grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; } .ab__trust > a, .ab__trust > div { grid-template-columns: 1fr; gap: 8px; padding: 13px; border-radius: 16px; } .ab__trust i { width: 36px; height: 36px; border-radius: 10px; } .ab__trust svg { width: 19px; height: 19px; } .ab__trust b { font-size: 14px; } .ab__trust span { font-size: 12px; } .ab__h2 { margin: 34px 0 14px; font-size: 21px; } .ab__nums { grid-template-columns: 1fr 1fr; gap: 8px; } .ab__nums div { padding: 16px 14px; border-radius: 0 18px 0 18px; } .ab__nums b { font-size: 28px; } .ab__nums span { margin-top: 6px; font-size: 12.5px; } .ab__how, .ab__dirs, .ab__split { grid-template-columns: 1fr; gap: 10px; } .ab__card { gap: 6px; padding: 16px; border-radius: 0 20px 0 20px; } .ab__card b { margin-top: 4px; font-size: 16px; } .ab__card span { font-size: 13.5px; } .ab__ico { width: 44px; height: 44px; border-radius: 12px; } .ab__ico svg { width: 22px; height: 22px; } .ab__rate { gap: 10px 16px; margin-top: 10px; padding: 18px; border-radius: 18px; } .ab__rate > b { font-size: 38px; } .ab__rate small { font-size: 15px; } .ab__rate > span { flex-basis: 100%; font-size: 13.5px; } .ab__rate-btn { height: 44px; padding: 0 18px; border-radius: 0 12px 0 12px; font-size: 14px; } .ab__dirs a { padding: 15px 16px; border-radius: 16px; font-size: 15px; } .ab__split { margin-top: 34px; } .ab__boss, .ab__links { padding: 20px 18px; border-radius: 0 22px 0 22px; } .ab__motto { margin-top: 14px; font-size: 19px; } .ab__boss-who { gap: 12px; margin-top: 16px; } .ab__boss-who img { width: 52px; height: 52px; } .ab__boss-who b { font-size: 15px; } .ab__boss-who span { font-size: 13px; } .ab__more { margin-top: 16px; font-size: 14px; } .ab__links .ab__kicker { margin-bottom: 6px; } .ab__links a { padding: 13px 0; font-size: 15px; } } /* === Наверх (2026-10): компактная кнопка внизу слева, кольцо — прогресс прокрутки; header.php .totop, js/site-header.js. Старая .up-btn убрана === */ .up-btn { display: none !important; } .totop { position: fixed; left: 24px; bottom: 24px; z-index: 890; display: flex; align-items: center; width: 56px; height: 56px; padding: 0; overflow: hidden; border: 0; border-radius: 28px; background: #fff; color: #1E2433; box-shadow: 0 8px 24px rgba(20, 40, 74, .16); font: inherit; cursor: pointer; opacity: 0; transform: translateY(16px) scale(.9); pointer-events: none; transition: opacity .25s, transform .25s, width .25s ease, background-color .2s, color .2s; } .totop.is-on { opacity: 1; transform: none; pointer-events: auto; } .totop__ring { position: absolute; left: 0; top: 0; width: 56px; height: 56px; transform: rotate(-90deg); } .totop__ring circle { fill: none; stroke: #E1E6EF; stroke-width: 3; } .totop__ring .totop__bar { stroke: #0E62C4; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset .1s linear; } .totop__arrow { position: absolute; left: 16px; top: 16px; width: 24px; height: 24px; transition: transform .25s; } .totop__label { padding-left: 58px; padding-right: 20px; font-size: 15px; font-weight: 700; white-space: nowrap; opacity: 0; transition: opacity .2s; } .totop:hover, .totop:focus-visible { width: 140px; background: #0E62C4; color: #fff; outline: none; } .totop:hover .totop__label, .totop:focus-visible .totop__label { opacity: 1; } .totop:hover .totop__arrow { transform: translateY(-2px); } .totop:hover .totop__ring circle { stroke: rgba(255, 255, 255, .25); } .totop:hover .totop__ring .totop__bar { stroke: #fff; } body:has(#cookie-note:not([hidden])) .totop, html.sh-lock .totop, html.ms-lock .totop { opacity: 0; pointer-events: none; } @media (max-width: 48em) { .totop { display: none; } } @media (prefers-reduced-motion: reduce) { .totop, .totop__arrow, .totop__ring .totop__bar { transition: none; } } /* === Вакансии (/o-nas/vakansii/, 2026-10): карточки вакансий и форма отклика с резюме (js/vacancy.js → ajax/vacancy.php) === */ .vc { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-soft-2: #F2F7FD; --c-line: #E1E6EF; padding: 2.4rem 0 8rem; color: var(--c-ink); } .vc__hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 4rem; align-items: center; padding: 5rem 5.2rem; border-radius: 0 5rem 0 5rem; background: linear-gradient(120deg, #0E62C4, #0A4FA0); color: #fff; } .vc__kicker { display: inline-block; padding: .8rem 1.6rem; border-radius: 99rem; background: rgba(255, 255, 255, .14); font-size: 1.8rem; font-weight: 700; } .vc__title { margin: 2rem 0 0; font-size: 5.6rem; line-height: 1.1; font-weight: 700; } .vc__lead { margin: 1.8rem 0 0; color: #DCE9FA; font-size: 2.25rem; line-height: 1.5; } .vc__jump { display: grid; gap: 1.1rem; } .vc__jump > span { color: #BFD6F5; font-size: 1.8rem; font-weight: 700; } .vc__jump a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem 1.4rem; align-items: center; padding: 1.9rem 2.3rem; border-radius: 2rem; background: rgba(255, 255, 255, .1); color: #fff; text-decoration: none; transition: background-color .2s; } .vc__jump a:hover { background: rgba(255, 255, 255, .2); color: #fff; } .vc__jump b { font-size: 2.15rem; } .vc__jump small { grid-column: 1; color: #CFE0F7; font-size: 1.75rem; } .vc__jump i { grid-column: 2; grid-row: 1 / span 2; font-style: normal; font-size: 2.4rem; } .vc__item { margin-top: 2.6rem; padding: 4.3rem 4.6rem; border: 1px solid var(--c-line); border-radius: 0 4rem 0 4rem; background: #fff; scroll-margin-top: calc(var(--sh-h, 0px) + 2rem); } .vc__head { display: grid; grid-template-columns: minmax(0, 1fr) 38rem; gap: 4rem; align-items: start; } .vc__name { margin: 0; font-size: 3.9rem; line-height: 1.2; font-weight: 700; } .vc__tags { display: flex; flex-wrap: wrap; gap: .9rem; margin: 1.6rem 0 0; padding: 0; list-style: none; } .vc__tags li { padding: .8rem 1.6rem; border-radius: 99rem; background: var(--c-soft-2); color: #3B4152; font-size: 1.8rem; font-weight: 700; } .vc__text { margin: 2rem 0 0; color: #3B4152; font-size: 2.15rem; line-height: 1.55; } .vc__side { display: grid; gap: 1.7rem; padding: 2.6rem; border-radius: 2.6rem; background: var(--c-soft-2); } .vc__money { font-size: 2.6rem; line-height: 1.3; } .vc__btn { display: flex; align-items: center; justify-content: center; height: 6.6rem; border-radius: 0 2rem 0 2rem; background: var(--c-blue); color: #fff; font-size: 2.15rem; font-weight: 700; text-decoration: none; transition: background-color .2s; } .vc__btn:hover { background: #0A4FA0; color: #fff; } .vc__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3.4rem; margin-top: 3.4rem; padding-top: 3.4rem; border-top: 1px solid var(--c-line); } .vc__col h3 { margin: 0 0 1.6rem; font-size: 2.3rem; font-weight: 700; } .vc__col ul { display: grid; gap: 1.1rem; margin: 0; padding: 0; list-style: none; } .vc__col li { position: relative; padding-left: 2.6rem; color: #3B4152; font-size: 1.95rem; line-height: 1.5; } .vc__col li::before { content: ""; position: absolute; left: .3rem; top: 1rem; width: .9rem; height: .9rem; border-radius: 50%; background: var(--c-blue); } .vc__form-card { display: grid; grid-template-columns: 46rem minmax(0, 1fr); margin-top: 5rem; overflow: hidden; border-radius: 0 5rem 0 5rem; background: #fff; box-shadow: 0 2.9rem 7rem rgba(20, 40, 74, .1); scroll-margin-top: calc(var(--sh-h, 0px) + 2rem); } .vc__form-side { padding: 5rem 4.3rem; background: linear-gradient(160deg, #0E62C4, #0A4FA0); color: #DCE9FA; } .vc__form-h { color: #fff; font-size: 2.9rem; font-weight: 700; } .vc__form-side ol { margin: 2.6rem 0 0; padding: 0; list-style: none; counter-reset: vcs; } .vc__form-side li { position: relative; padding: 0 0 2.6rem 6.3rem; font-size: 1.95rem; line-height: 1.45; counter-increment: vcs; } .vc__form-side li::before { content: counter(vcs); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 4.4rem; height: 4.4rem; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #fff; font-weight: 700; } .vc__form-side li b { display: block; color: #fff; font-size: 2.1rem; } .vc__form-side p { margin: 1rem 0 0; padding-top: 2.3rem; border-top: 1px solid rgba(255, 255, 255, .2); font-size: 1.85rem; line-height: 1.5; } .vc__form-side a { color: #fff; font-weight: 700; } .vc__form, .vc__done { padding: 5rem 5.4rem 4.6rem; } .vc__form { display: grid; grid-template-columns: 1fr 1fr; gap: 2.3rem 2rem; align-content: start; } .vc__form[hidden], .vc__done[hidden] { display: none; } .vc__form-title { grid-column: 1 / -1; font-size: 3.6rem; line-height: 1.2; font-weight: 700; } .vc__f--wide { grid-column: 1 / -1; } .vc__f > span { display: block; margin-bottom: .9rem; color: #3B4152; font-size: 1.9rem; font-weight: 700; } .vc__f i { color: var(--c-muted); font-style: normal; font-weight: 500; } .vc__f input, .vc__f select, .vc__f textarea { display: block; width: 100%; height: 7.4rem; margin: 0; padding: 0 2.3rem; border: 2px solid var(--c-line); border-radius: 2rem; background: #fff; color: var(--c-ink); font: inherit; font-size: 2.2rem; font-weight: 600; outline: none; transition: border-color .2s, box-shadow .2s; -webkit-appearance: none; appearance: none; } .vc__f select { padding-right: 6rem; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E2433' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 2.3rem center / 2.4rem no-repeat; cursor: pointer; } .vc__f textarea { height: auto; min-height: 12rem; padding: 1.7rem 2.3rem; resize: vertical; line-height: 1.5; } .vc__f input:focus, .vc__f select:focus, .vc__f textarea:focus { border-color: var(--c-blue); box-shadow: 0 0 0 .6rem rgba(14, 98, 196, .12); } .vc__f input::placeholder, .vc__f textarea::placeholder { color: #A3AAB8; font-weight: 500; } .vc__file { position: relative; display: grid; grid-template-columns: 6.3rem minmax(0, 1fr); gap: 1.7rem; align-items: center; padding: 2rem 2.3rem; border: 2px dashed #B9CFEC; border-radius: 2rem; background: var(--c-soft-2); cursor: pointer; transition: border-color .2s, background-color .2s; } .vc__file:hover, .vc__file:focus-within { border-color: var(--c-blue); } .vc__file.is-set { border-style: solid; border-color: #2FA866; background: #EEF9F3; } .vc__file input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .vc__file-ico { display: grid; place-items: center; width: 6.3rem; height: 6.3rem; border-radius: 1.7rem; background: #fff; color: var(--c-blue); } .vc__file-ico svg { width: 3rem; height: 3rem; } .vc__file-text b { display: block; overflow: hidden; font-size: 2.1rem; text-overflow: ellipsis; white-space: nowrap; } .vc__file-text small { color: var(--c-muted); font-size: 1.75rem; } .vc__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; } .vc__agree { position: relative; display: grid; grid-template-columns: 3.4rem minmax(0, 1fr); gap: 1.4rem; align-items: start; color: #3B4152; font-size: 1.8rem; line-height: 1.45; cursor: pointer; } .vc__agree input { position: absolute; width: 1px; height: 1px; opacity: 0; } .vc__agree > i { display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border: 2px solid #C7CBDA; border-radius: 1rem; background: #fff; color: #fff; } .vc__agree > i svg { width: 1.9rem; height: 1.5rem; opacity: 0; } .vc__agree input:checked + i { border-color: var(--c-blue); background: var(--c-blue); } .vc__agree input:checked + i svg { opacity: 1; } .vc__agree input:focus-visible + i { box-shadow: 0 0 0 .6rem rgba(14, 98, 196, .2); } .vc__agree a { color: var(--c-ink); text-decoration: underline; } .vc__err { margin: 0; padding: 1.6rem 2rem; border-radius: 1.6rem; background: #FDECEC; color: #B42318; font-size: 1.95rem; font-weight: 600; } .vc__send { height: 8.3rem; border: 0; border-radius: 0 2.6rem 0 2.6rem; background: var(--c-blue); color: #fff; font: inherit; font-size: 2.4rem; font-weight: 700; cursor: pointer; transition: background-color .2s; } .vc__send:hover { background: #0A4FA0; } .vc__send:disabled { opacity: .6; cursor: progress; } .vc__done { align-self: center; text-align: center; } .vc__done-ok { display: grid; place-items: center; width: 10rem; height: 10rem; margin: 0 auto 2.6rem; border-radius: 50%; background: #E7F6EE; color: #2FA866; } .vc__done-ok svg { width: 4.6rem; height: 4.6rem; } .vc__done p { margin: 1.4rem auto 0; max-width: 32em; color: #3B4152; font-size: 2.1rem; line-height: 1.5; } @media (max-width: 48em) { .vc { padding: 12px 0 40px; } .vc__hero { grid-template-columns: 1fr; gap: 18px; padding: 24px 20px; border-radius: 0 24px 0 24px; } .vc__kicker { padding: 5px 11px; font-size: 12.5px; } .vc__title { margin-top: 12px; font-size: 28px; } .vc__lead { margin-top: 10px; font-size: 15px; } .vc__jump { gap: 8px; } .vc__jump > span { font-size: 12.5px; } .vc__jump a { padding: 13px 15px; border-radius: 14px; } .vc__jump b { font-size: 15px; } .vc__jump small { font-size: 12.5px; } .vc__item { margin-top: 14px; padding: 22px 18px; border-radius: 0 22px 0 22px; } .vc__head, .vc__cols { grid-template-columns: 1fr; gap: 18px; } .vc__name { font-size: 22px; } .vc__tags { gap: 6px; margin-top: 10px; } .vc__tags li { padding: 5px 11px; font-size: 12.5px; } .vc__text { margin-top: 12px; font-size: 15px; } .vc__side { gap: 12px; padding: 16px; border-radius: 16px; } .vc__money { font-size: 17px; } .vc__btn { height: 48px; border-radius: 0 14px 0 14px; font-size: 15px; } .vc__cols { margin-top: 20px; padding-top: 20px; } .vc__col h3 { margin-bottom: 10px; font-size: 16px; } .vc__col ul { gap: 8px; } .vc__col li { padding-left: 18px; font-size: 14px; } .vc__col li::before { left: 2px; top: 8px; width: 6px; height: 6px; } .vc__form-card { grid-template-columns: 1fr; margin-top: 28px; border-radius: 0 22px 0 22px; } .vc__form-side { padding: 22px 18px 8px; } .vc__form-h { font-size: 18px; } .vc__form-side ol { margin-top: 14px; } .vc__form-side li { padding: 0 0 14px 42px; font-size: 13.5px; } .vc__form-side li::before { width: 30px; height: 30px; font-size: 14px; } .vc__form-side li b { font-size: 15px; } .vc__form-side p { padding: 14px 0; font-size: 13px; } .vc__form, .vc__done { padding: 22px 18px 24px; } .vc__form { grid-template-columns: 1fr; gap: 14px; } .vc__form-title { font-size: 22px; } .vc__f > span { margin-bottom: 6px; font-size: 13.5px; } .vc__f input, .vc__f select, .vc__f textarea { height: 52px; padding: 0 14px; border-radius: 14px; font-size: 16px; } .vc__f select { padding-right: 40px; background-position: right 14px center; background-size: 18px; } .vc__f textarea { min-height: 96px; padding: 12px 14px; } .vc__file { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 13px 14px; border-radius: 14px; } .vc__file-ico { width: 40px; height: 40px; border-radius: 11px; } .vc__file-ico svg { width: 20px; height: 20px; } .vc__file-text b { font-size: 14.5px; } .vc__file-text small { font-size: 12px; } .vc__agree { grid-template-columns: 24px minmax(0, 1fr); gap: 10px; font-size: 12.5px; } .vc__agree > i { width: 24px; height: 24px; border-radius: 7px; } .vc__agree > i svg { width: 13px; height: 10px; } .vc__err { padding: 11px 14px; border-radius: 12px; font-size: 13.5px; } .vc__send { height: 56px; border-radius: 0 18px 0 18px; font-size: 16px; } .vc__done-ok { width: 64px; height: 64px; margin-bottom: 16px; } .vc__done-ok svg { width: 30px; height: 30px; } .vc__done p { font-size: 14.5px; } } .vc .vc__send { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0; padding: 0 2rem; text-align: center; } /* перекрывает общий стиль кнопок отправки */ /* === Портал обучения (2026-10): includes/dist-learning.php — макет экрана портала + возможности; на страницах разделов === */ .pl { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-soft-2: #F2F7FD; --c-line: #E1E6EF; padding: 4rem 0; color: var(--c-ink); } .pl__card { display: grid; grid-template-columns: 46rem minmax(0, 1fr); gap: 6rem; align-items: center; padding: 5.4rem 6rem; border-radius: 0 5rem 0 5rem; background: #fff; } .pl__phone { justify-self: center; width: 38rem; padding: 1.6rem; border-radius: 6rem; background: #1E2433; box-shadow: 0 4rem 8rem rgba(20, 40, 74, .2); } .pl__screen { display: grid; gap: 1.4rem; padding: 2.6rem 2rem 3rem; border-radius: 4.6rem; background: var(--c-soft-2); } .pl__bar { display: flex; align-items: center; justify-content: space-between; padding: 0 .6rem; color: var(--c-blue); font-size: 1.7rem; font-weight: 700; } .pl__bar i { width: 3.4rem; height: 3.4rem; border-radius: 50%; background: #CFE0F7; } .pl__hi { padding: 0 .6rem; font-size: 2.6rem; font-weight: 700; line-height: 1.2; } .pl__hi small { display: block; margin-top: .4rem; color: var(--c-muted); font-size: 1.6rem; font-weight: 600; } .pl__course { display: grid; gap: 1rem; padding: 2rem; border-radius: 2.4rem; background: #fff; box-shadow: 0 1rem 2.6rem rgba(20, 40, 74, .08); } .pl__tag { justify-self: start; padding: .5rem 1.2rem; border-radius: 99rem; background: #E7F6EE; color: #23864F; font-size: 1.4rem; font-weight: 700; } .pl__course b { font-size: 2rem; line-height: 1.3; } .pl__progress { height: 1.1rem; border-radius: 99rem; background: #E6EFFC; overflow: hidden; } .pl__progress i { display: block; height: 100%; border-radius: inherit; background: var(--c-blue); } .pl__course small { color: var(--c-muted); font-size: 1.5rem; font-weight: 600; } .pl__go { display: grid; place-items: center; height: 5rem; margin-top: .4rem; border-radius: 0 1.6rem 0 1.6rem; background: var(--c-blue); color: #fff; font-size: 1.7rem; font-weight: 700; } .pl__row { display: grid; grid-template-columns: 4.6rem minmax(0, 1fr); gap: 1.2rem; align-items: center; padding: 1.4rem 1.6rem; border-radius: 2rem; background: #fff; font-size: 1.7rem; font-weight: 700; line-height: 1.3; } .pl__row i { display: grid; place-items: center; width: 4.6rem; height: 4.6rem; border-radius: 1.4rem; background: #E6EFFC; color: var(--c-blue); font-style: normal; font-size: 2.2rem; } .pl__row i svg { width: 2.4rem; height: 2.4rem; } .pl__row--ok i { background: #E7F6EE; color: #23864F; } .pl__row small { display: block; margin-top: .2rem; color: var(--c-muted); font-size: 1.45rem; font-weight: 600; } .pl__eyebrow { margin: 0; color: var(--c-blue); font-size: 1.9rem; font-weight: 700; } .pl__title { margin: 1.2rem 0 0; font-size: 4.3rem; line-height: 1.15; font-weight: 700; } .pl__lead { margin: 1.6rem 0 0; max-width: 40em; color: #3B4152; font-size: 2.15rem; line-height: 1.55; } .pl__list { display: grid; grid-template-columns: 1fr 1fr; gap: 2.4rem 3rem; margin: 3.4rem 0 0; padding: 0; list-style: none; } .pl__list li { display: grid; grid-template-columns: 5.4rem minmax(0, 1fr); gap: 1.6rem; align-items: start; margin: 0; padding: 0; } .pl__list li::before { display: none; } .pl__ico { display: grid; place-items: center; width: 5.4rem; height: 5.4rem; border-radius: 1.6rem; background: var(--c-soft-2); color: var(--c-blue); } .pl__ico svg { width: 2.7rem; height: 2.7rem; } .pl__list b { display: block; font-size: 2.15rem; line-height: 1.3; } .pl__list span { display: block; margin-top: .4rem; color: var(--c-muted); font-size: 1.85rem; line-height: 1.45; } @media (max-width: 48em) { .pl { padding: 20px 0; } .pl__card { grid-template-columns: 1fr; gap: 24px; padding: 24px 18px; border-radius: 0 24px 0 24px; } .pl__phone { order: 2; width: 250px; padding: 10px; border-radius: 38px; } .pl__screen { gap: 9px; padding: 16px 12px 18px; border-radius: 29px; } .pl__bar { font-size: 11px; } .pl__bar i { width: 22px; height: 22px; } .pl__hi { font-size: 17px; } .pl__hi small { font-size: 11px; } .pl__course { gap: 7px; padding: 13px; border-radius: 16px; } .pl__tag { padding: 3px 8px; font-size: 10px; } .pl__course b { font-size: 13.5px; } .pl__progress { height: 7px; } .pl__course small { font-size: 10.5px; } .pl__go { height: 34px; border-radius: 0 11px 0 11px; font-size: 12px; } .pl__row { grid-template-columns: 30px minmax(0, 1fr); gap: 8px; padding: 9px 10px; border-radius: 13px; font-size: 12px; } .pl__row i { width: 30px; height: 30px; border-radius: 9px; font-size: 15px; } .pl__row i svg { width: 16px; height: 16px; } .pl__row small { font-size: 10px; } .pl__eyebrow { font-size: 13px; } .pl__title { margin-top: 8px; font-size: 22px; } .pl__lead { margin-top: 10px; font-size: 14.5px; } .pl__list { grid-template-columns: 1fr; gap: 14px; margin-top: 20px; } .pl__list li { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; } .pl__ico { width: 40px; height: 40px; border-radius: 11px; } .pl__ico svg { width: 20px; height: 20px; } .pl__list b { font-size: 15px; } .pl__list span { margin-top: 2px; font-size: 13px; } } .pl .pl__list .pl__ico { display: grid; margin-top: 0; color: var(--c-blue); } /* подпись .pl__list span не должна задевать иконку */ /* === Выбор программы в карточке курса (2026-10-15): маникюрша, педикюрша — первичное 120 ч / повышение разряда 40 ч, точная цена === */ .cx-oc__tier { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 0 0 2.2rem; } .cx-oc__tier button { display: grid; gap: .3rem; padding: 1.3rem 1.4rem; border: .2rem solid var(--c-line, #E1E6EF); border-radius: 1.6rem; background: #fff; color: #1E2433; font: inherit; text-align: left; cursor: pointer; transition: border-color .2s, background-color .2s; } .cx-oc__tier button b { font-size: 1.8rem; line-height: 1.25; } .cx-oc__tier button span { color: #6B7183; font-size: 1.6rem; font-weight: 600; } .cx-oc__tier button.is-on { border-color: var(--c-blue, #0E62C4); background: #F2F7FD; } .cx-oc__tier button.is-on span { color: var(--c-blue, #0E62C4); } @media (max-width: 48em) { .cx-oc__tier { gap: 6px; margin-bottom: 14px; } .cx-oc__tier button { padding: 9px 10px; border-width: 2px; border-radius: 11px; } .cx-oc__tier button b { font-size: 13px; } .cx-oc__tier button span { font-size: 12px; } } /* Раздел каталога без блока «О программе» (.sa): отступ между списком программ и «Документами по итогам обучения» (2026-10-15) */ .sl + .dc { padding-top: 7.8rem; } @media (max-width: 48em) { .sl + .dc { padding-top: 40px; } } /* === Аренда курсов и тренажёров (/arenda-kursov/, 2026-10-15): тарифы, каталог интерактивных курсов с фильтром, переработка под клиента === */ .ak { --c-ink: #1E2433; --c-muted: #6B7183; --c-blue: #0E62C4; --c-soft-2: #F2F7FD; --c-line: #E1E6EF; padding: 2.4rem 0 6rem; color: var(--c-ink); } .ak__hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 4.4rem; align-items: center; padding: 5.4rem 5.2rem; border-radius: 0 5rem 0 5rem; background: linear-gradient(120deg, #0E62C4, #0A4FA0); color: #fff; } .ak__kicker { display: inline-block; padding: .8rem 1.6rem; border-radius: 99rem; background: rgba(255, 255, 255, .14); font-size: 1.8rem; font-weight: 700; } .ak__kicker--soft { background: #E6EFFC; color: var(--c-blue); } .ak__title { margin: 2rem 0 0; font-size: 4.9rem; line-height: 1.12; font-weight: 700; } .ak__lead { margin: 1.8rem 0 0; max-width: 36em; color: #DCE9FA; font-size: 2.25rem; line-height: 1.5; } .ak__acts { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-top: 3.4rem; } .ak__btn { display: inline-flex; align-items: center; justify-content: center; height: 6.9rem; padding: 0 3.4rem; border-radius: 0 2rem 0 2rem; background: #fff; color: var(--c-ink); font-size: 2.15rem; font-weight: 700; text-decoration: none; transition: background-color .2s; } .ak__btn:hover { background: #EAF2FC; color: var(--c-ink); } .ak__btn--ghost { background: rgba(255, 255, 255, .14); color: #fff; } .ak__btn--ghost:hover { background: rgba(255, 255, 255, .22); color: #fff; } .ak__btn--blue { margin-top: 3rem; background: var(--c-blue); color: #fff; } .ak__btn--blue:hover { background: #0A4FA0; color: #fff; } .ak__facts { display: grid; gap: 1.4rem; margin: 0; padding: 0; list-style: none; } .ak__facts li { display: grid; grid-template-columns: 5.7rem minmax(0, 1fr); gap: 1.7rem; align-items: center; margin: 0; padding: 2rem 2.3rem; border-radius: 2.3rem; background: rgba(255, 255, 255, .1); } .ak__facts li::before { display: none; } .ak__facts i { display: grid; place-items: center; width: 5.7rem; height: 5.7rem; border-radius: 1.6rem; background: rgba(255, 255, 255, .16); } .ak__facts svg { width: 2.8rem; height: 2.8rem; } .ak__facts b { display: block; font-size: 2.15rem; } .ak__facts span { color: #CFE0F7; font-size: 1.85rem; line-height: 1.4; } .ak__h2 { margin: 7rem 0 2.6rem; font-size: 3.9rem; line-height: 1.2; font-weight: 700; } .ak__ico { display: grid; place-items: center; flex: none; width: 6.3rem; height: 6.3rem; border-radius: 1.7rem; background: var(--c-soft-2); color: var(--c-blue); font-style: normal; } .ak__ico svg { width: 3.1rem; height: 3.1rem; } /* тарифы */ .ak__plans { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } .ak__plan { display: flex; flex-direction: column; gap: 1.4rem; padding: 3.6rem 3.4rem; border: 1px solid var(--c-line); border-radius: 0 3.6rem 0 3.6rem; background: #fff; } .ak__plan--accent { border-color: #B9CFEC; background: linear-gradient(160deg, #fff, #F2F7FD); } .ak__plan-t { margin-top: .6rem; font-size: 3rem; line-height: 1.2; } .ak__plan p { flex: 1; margin: 0; color: #3B4152; font-size: 2rem; line-height: 1.55; } .ak__price { margin-top: .6rem; color: var(--c-blue); font-size: 3.6rem; font-weight: 700; line-height: 1.1; } .ak__price small { display: block; margin-top: .5rem; color: var(--c-muted); font-size: 1.8rem; font-weight: 600; } .ak__plan-btn { display: inline-flex; align-self: flex-start; align-items: center; height: 6rem; margin-top: 1rem; padding: 0 3rem; border-radius: 0 1.8rem 0 1.8rem; background: var(--c-blue); color: #fff; font-size: 2rem; font-weight: 700; text-decoration: none; transition: background-color .2s; } .ak__plan-btn:hover { background: #0A4FA0; color: #fff; } .ak__where { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 2rem; } .ak__where > div { display: grid; grid-template-columns: 6.3rem minmax(0, 1fr); gap: 2rem; align-items: center; padding: 2.4rem 2.8rem; border-radius: 2.6rem; background: var(--c-soft-2); } .ak__where .ak__ico { background: #fff; } .ak__where b { display: block; font-size: 2.2rem; } .ak__where span span, .ak__where span { color: #3B4152; font-size: 1.9rem; line-height: 1.5; } .ak__where b { color: var(--c-ink); } /* каталог */ .ak__bar { scroll-margin-top: calc(var(--sh-h, 0px) + 2rem); } .ak__chips { display: flex; flex-wrap: wrap; gap: 1rem; margin: -.6rem 0 2.6rem; } .ak__chips button { height: 5.2rem; padding: 0 2.2rem; border: 1px solid var(--c-line); border-radius: 99rem; background: #fff; color: #3B4152; font: inherit; font-size: 1.85rem; font-weight: 700; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; } .ak__chips button:hover { border-color: #B9CFEC; } .ak__chips button.is-on { border-color: var(--c-blue); background: var(--c-blue); color: #fff; } .ak__cat { display: grid; gap: 2rem; } .ak__grp { padding: 3rem 3.4rem 1.4rem; border: 1px solid var(--c-line); border-radius: 0 3.2rem 0 3.2rem; background: #fff; } .ak__grp[hidden] { display: none; } .ak__grp-t { margin: 0 0 1rem; font-size: 2.6rem; line-height: 1.3; font-weight: 700; } .ak__grp ul { margin: 0; padding: 0; list-style: none; } .ak__grp li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2.4rem; align-items: center; margin: 0; padding: 1.7rem 0; border-top: 1px solid var(--c-line); } .ak__grp li:first-child { border-top: 0; } .ak__grp li::before { display: none; } .ak__name { color: var(--c-ink); font-size: 2rem; font-weight: 600; line-height: 1.4; text-decoration: none; } .ak__name:hover { color: var(--c-blue); } .ak__row-acts, .ak__card-acts { display: flex; flex-wrap: wrap; gap: 1rem; } .ak__demo, .ak__rent { display: inline-flex; align-items: center; gap: .8rem; height: 4.8rem; padding: 0 2rem; border-radius: 0 1.4rem 0 1.4rem; font-size: 1.8rem; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background-color .2s, color .2s; } .ak__demo { background: var(--c-soft-2); color: var(--c-blue); } .ak__demo:hover { background: #E6EFFC; color: var(--c-blue); } .ak__demo svg { width: 1.6rem; height: 1.6rem; fill: currentColor; stroke: none; } .ak__rent { border: 1px solid var(--c-blue); color: var(--c-blue); } .ak__rent:hover { background: var(--c-blue); color: #fff; } /* тренажёры, кому подходит */ .ak__tr { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } .ak__who { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; } .ak__card { display: flex; flex-direction: column; gap: 1.1rem; padding: 3rem 2.6rem; border: 1px solid var(--c-line); border-radius: 0 3.2rem 0 3.2rem; background: #fff; } .ak__card b { margin-top: .6rem; font-size: 2.3rem; line-height: 1.3; } .ak__card > span { flex: 1; color: var(--c-muted); font-size: 1.95rem; line-height: 1.5; } .ak__card-acts { margin-top: 1rem; } /* под клиента */ .ak__custom { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 5rem; align-items: center; margin-top: 7rem; padding: 5rem 5.2rem; border-radius: 0 5rem 0 5rem; background: var(--c-soft-2); } .ak__custom .ak__h2 { margin: 2rem 0 0; } .ak__custom p { margin: 1.8rem 0 0; color: #3B4152; font-size: 2.1rem; line-height: 1.55; } .ak__custom ul { display: grid; gap: 1.4rem; margin: 0; padding: 0; list-style: none; } .ak__custom li { display: grid; grid-template-columns: 6.3rem minmax(0, 1fr); gap: 2rem; align-items: center; margin: 0; padding: 2.2rem 2.4rem; border-radius: 2.4rem; background: #fff; } .ak__custom li::before { display: none; } .ak__custom li b { display: block; font-size: 2.15rem; } .ak__custom li span { color: var(--c-muted); font-size: 1.85rem; line-height: 1.45; } .ak__custom li .ak__ico { background: var(--c-soft-2); } /* шаги, примечание, вопросы */ .ak__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; margin: 0; padding: 0; list-style: none; counter-reset: aks; } .ak__steps li { position: relative; margin: 0; padding: 3rem 2.6rem; border: 1px solid var(--c-line); border-radius: 0 3.2rem 0 3.2rem; background: #fff; counter-increment: aks; } .ak__steps li::before { content: counter(aks, decimal-leading-zero); position: static; display: block; width: auto; height: auto; margin-bottom: 1.7rem; background: none; color: var(--c-blue); font-size: 3.7rem; font-weight: 700; line-height: 1; } .ak__steps b { display: block; font-size: 2.3rem; line-height: 1.3; } .ak__steps span { display: block; margin-top: 1rem; color: var(--c-muted); font-size: 1.95rem; line-height: 1.5; } .ak__note { margin: 2rem 0 0; padding: 2.2rem 2.6rem; border-radius: 2.2rem; background: #FFF6E5; color: #5A4A2A; font-size: 1.95rem; line-height: 1.55; } .ak__note a { color: var(--c-blue); font-weight: 700; } .ak__faq { display: grid; gap: 1.1rem; max-width: 120rem; } .ak__faq details { border: 1px solid var(--c-line); border-radius: 2.3rem; background: #fff; } .ak__faq summary { position: relative; padding: 2.6rem 8rem 2.6rem 3rem; font-size: 2.3rem; font-weight: 700; line-height: 1.35; list-style: none; cursor: pointer; } .ak__faq summary::-webkit-details-marker { display: none; } .ak__faq summary::after { content: "+"; position: absolute; right: 3rem; top: 50%; display: grid; place-items: center; width: 4.3rem; height: 4.3rem; margin-top: -2.15rem; border-radius: 50%; background: var(--c-soft-2); color: var(--c-blue); font-size: 2.9rem; font-weight: 500; line-height: 1; } .ak__faq details[open] summary::after { content: "−"; } .ak__faq p { margin: -1rem 0 0; padding: 0 3rem 2.6rem; color: #3B4152; font-size: 2.05rem; line-height: 1.6; } @media (max-width: 48em) { .ak { padding: 12px 0 36px; } .ak__hero { grid-template-columns: 1fr; gap: 20px; padding: 24px 20px; border-radius: 0 24px 0 24px; } .ak__kicker { padding: 5px 11px; font-size: 12.5px; } .ak__title { margin-top: 12px; font-size: 25px; line-height: 1.15; } .ak__lead { font-size: 15px; } .ak__acts { gap: 8px; margin-top: 20px; } .ak__btn { flex: 1 1 auto; height: 48px; padding: 0 18px; border-radius: 0 14px 0 14px; font-size: 15px; } .ak__btn--blue { margin-top: 18px; width: 100%; } .ak__facts { gap: 8px; } .ak__facts li { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 12px 14px; border-radius: 14px; } .ak__facts i { width: 40px; height: 40px; border-radius: 11px; } .ak__facts svg { width: 20px; height: 20px; } .ak__facts b { font-size: 14.5px; } .ak__facts span { font-size: 12.5px; } .ak__h2 { margin: 34px 0 14px; font-size: 21px; } .ak__ico { width: 44px; height: 44px; border-radius: 12px; } .ak__ico svg { width: 22px; height: 22px; } .ak__plans, .ak__where, .ak__tr, .ak__who, .ak__steps, .ak__custom { grid-template-columns: 1fr; gap: 10px; } .ak__plan { gap: 8px; padding: 18px 16px; border-radius: 0 20px 0 20px; } .ak__plan-t { font-size: 19px; } .ak__plan p { font-size: 14px; } .ak__price { font-size: 24px; } .ak__price small { font-size: 12.5px; } .ak__plan-btn { align-self: stretch; justify-content: center; height: 46px; border-radius: 0 13px 0 13px; font-size: 15px; } .ak__where { margin-top: 10px; } .ak__where > div { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 14px; border-radius: 16px; } .ak__where b { font-size: 15px; } .ak__where span { font-size: 13px; } .ak__chips { flex-wrap: nowrap; gap: 6px; margin: -4px -16px 14px; padding: 0 16px 4px; overflow-x: auto; scrollbar-width: none; } .ak__chips::-webkit-scrollbar { display: none; } .ak__chips button { flex: none; height: 36px; padding: 0 14px; font-size: 13px; } .ak__cat { gap: 10px; } .ak__grp { padding: 16px 16px 6px; border-radius: 0 20px 0 20px; } .ak__grp-t { margin-bottom: 4px; font-size: 17px; } .ak__grp li { grid-template-columns: 1fr; gap: 8px; padding: 12px 0; } .ak__name { font-size: 14.5px; } .ak__row-acts, .ak__card-acts { gap: 6px; } .ak__demo, .ak__rent { height: 36px; padding: 0 14px; gap: 6px; border-radius: 0 10px 0 10px; font-size: 13px; } .ak__demo svg { width: 11px; height: 11px; } .ak__card { gap: 6px; padding: 16px; border-radius: 0 20px 0 20px; } .ak__card b { margin-top: 4px; font-size: 16px; } .ak__card > span { font-size: 13.5px; } .ak__card-acts { margin-top: 6px; } .ak__custom { gap: 18px; margin-top: 34px; padding: 22px 18px; border-radius: 0 24px 0 24px; } .ak__custom .ak__h2 { margin-top: 12px; } .ak__custom p { margin-top: 10px; font-size: 14.5px; } .ak__custom ul { gap: 8px; } .ak__custom li { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 13px; border-radius: 16px; } .ak__custom li b { font-size: 14.5px; } .ak__custom li span { font-size: 12.5px; } .ak__steps li { padding: 16px; border-radius: 0 20px 0 20px; } .ak__steps li::before { margin-bottom: 8px; font-size: 24px; } .ak__steps b { font-size: 16px; } .ak__steps span { margin-top: 4px; font-size: 13.5px; } .ak__note { margin-top: 10px; padding: 13px 15px; border-radius: 14px; font-size: 13.5px; } .ak__faq { gap: 8px; } .ak__faq details { border-radius: 16px; } .ak__faq summary { padding: 16px 52px 16px 16px; font-size: 15px; } .ak__faq summary::after { right: 14px; width: 28px; height: 28px; margin-top: -14px; font-size: 19px; } .ak__faq p { margin-top: -4px; padding: 0 16px 16px; font-size: 14px; } } /* === Электронный инструктаж (/elektronnyy-instruktazh/, 2026-10-15): на классах .ak + готовые курсы инструктажей === */ .ei__ready { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } .ei__course { display: grid; grid-template-rows: auto 1fr; overflow: hidden; border: 1px solid var(--c-line); border-radius: 0 3.6rem 0 3.6rem; background: #fff; } .ei__img { display: block; aspect-ratio: 16 / 10; background: var(--c-soft-2); } .ei__img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; } .ei__body { display: flex; flex-direction: column; padding: 3rem 3.2rem 3.4rem; } .ei__t { margin: 0; font-size: 2.8rem; line-height: 1.25; font-weight: 700; } .ei__t a { color: var(--c-ink); text-decoration: none; } .ei__t a:hover { color: var(--c-blue); } .ei__sub { margin: 1.6rem 0 .8rem; color: var(--c-muted); font-size: 1.8rem; font-weight: 700; } .ei__list { flex: 1; display: grid; gap: .7rem; margin: 0 0 2.4rem; padding: 0; list-style: none; } .ei__list li { position: relative; margin: 0; padding-left: 2.8rem; color: #3B4152; font-size: 1.95rem; line-height: 1.45; } .ei__list li::before { content: ""; position: absolute; left: .3rem; top: .9rem; width: 1rem; height: 1rem; border-radius: 50%; background: var(--c-blue); } .ei__more { display: inline-flex; align-items: center; height: 4.8rem; padding: 0 1rem; color: var(--c-blue); font-size: 1.8rem; font-weight: 700; text-decoration: none; } .ei__custom li span { color: var(--c-muted); font-size: 1.85rem; line-height: 1.45; } @media (max-width: 48em) { .ei__ready { grid-template-columns: 1fr; gap: 10px; } .ei__course { border-radius: 0 22px 0 22px; } .ei__body { padding: 16px 16px 18px; } .ei__t { font-size: 18px; } .ei__sub { margin: 10px 0 6px; font-size: 13px; } .ei__list { gap: 5px; margin-bottom: 14px; } .ei__list li { padding-left: 18px; font-size: 14px; } .ei__list li::before { left: 2px; top: 7px; width: 6px; height: 6px; } .ei__more { height: 36px; padding: 0 6px; font-size: 13px; } .ei__custom li span { font-size: 12.5px; } } .ak__note--blue { margin-top: 2rem; background: #EAF2FC; color: #1E2433; } /* === Электронный курс по пожарной безопасности (/elektronnyy-kurs-pozharnaya-bezopasnost/, 2026-10-15): на классах .ak/.ei + список программ === */ .fk__list { display: grid; gap: 1.4rem; } .fk__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3rem; align-items: center; padding: 2.6rem 3rem; border: 1px solid var(--c-line); border-radius: 0 3rem 0 3rem; background: #fff; } .fk__main { display: grid; gap: .8rem; } .fk__kind { color: var(--c-blue); font-size: 1.7rem; font-weight: 700; } .fk__name { color: var(--c-ink); font-size: 2.3rem; font-weight: 700; line-height: 1.3; text-decoration: none; } .fk__name:hover { color: var(--c-blue); } .fk__meta { display: flex; flex-wrap: wrap; gap: .6rem 1.8rem; color: var(--c-muted); font-size: 1.8rem; font-weight: 600; } .fk__side { display: grid; justify-items: end; gap: 1.2rem; } .fk__price { font-size: 2.8rem; line-height: 1.1; white-space: nowrap; } .fk__price small { color: var(--c-muted); font-size: 1.6rem; font-weight: 600; } .fk__acts { margin-top: 3rem; } .fk__acts .ak__btn--blue { margin-top: 0; } .fk__btn-line { border: 1px solid var(--c-blue); background: #fff; color: var(--c-blue); } .fk__btn-line:hover { background: #EAF2FC; color: var(--c-blue); } @media (max-width: 48em) { .fk__list { gap: 10px; } .fk__item { grid-template-columns: 1fr; gap: 12px; padding: 16px; border-radius: 0 20px 0 20px; } .fk__main { gap: 5px; } .fk__kind { font-size: 12px; } .fk__name { font-size: 16px; } .fk__meta { gap: 4px 12px; font-size: 13px; } .fk__side { justify-items: start; gap: 10px; } .fk__price { font-size: 20px; } .fk__price small { font-size: 12px; } .fk__acts { margin-top: 18px; } .fk__acts .ak__btn { width: 100%; } } /* Вводный инструктаж по ГО и ЧС (/vvodnyy-instruktazh-po-go-i-chs/, 2026-10-15): на классах .ak/.ei/.fk */ .go__lead { margin: -1rem 0 2.6rem; max-width: 60em; color: #3B4152; font-size: 2.05rem; line-height: 1.55; } @media (max-width: 48em) { .go__lead { margin: -4px 0 14px; font-size: 14.5px; } } /* End */ /* Start:/bitrix/templates/razvitie/css/widget-messengers.css?17188913885234*/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700); :root { --sd_limebot-widget_messengers-icon_bg: #4c8bf7; --sd_limebot-widget_messengers-icon_color: #fff; --sd_limebot-widget_messengers-icon_bottom_offset: 90px; } #sd_MessengersWidget { display: flex; justify-content: center; align-items: center; flex-direction: column-reverse; border-radius: 5px; position: fixed; bottom: 90px; right: 90px; z-index: 999; } @media screen and (max-width: 900px) { #sd_MessengersWidget { right: 10px; } } .sd-widget-messengers__button { width: 70px; height: 70px; } .sd-widget-messengers__button.main:not(.open) { -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } .sd-widget-messengers__button.main.open .sd-pulsar-circle { display: none; } .sd-widget-messengers__button svg.share { width: 30px; height: 30px; top: calc(50% - 30px / 2); left: calc(50% - 30px / 2); } .sd-widget-messengers__button svg.share path { fill: var(--sd_limebot-widget_messengers-icon_color); } @media screen and (max-width: 600px) { .sd-widget-messengers__button.mobile { display: block !important; } } @media screen and (min-width: 601px) { .sd-widget-messengers__button.mobile { display: none !important; } } @media screen and (max-width: 600px) { .sd-widget-messengers__button.desktop { display: none !important; } } @media screen and (min-width: 601px) { .sd-widget-messengers__button.desktop { display: block !important; } } .sd-widget-messengers-dialog-card__modal { border-radius: 15px; padding: 50px; } .sd-widget-messengers-dialog-card__modal-title { font-size: 2rem; font-weight: 600; text-align: center; margin-bottom: 30px; } .sd-widget-messengers-dialog-card__item { display: flex; flex-direction: column; align-items: center; padding: 20px; border-radius: 15px; border: 3px solid #f5f5f5; } .sd-widget-messengers-dialog-card__item--telegram { border-color: #0088cc; } .sd-widget-messengers-dialog-card__item--whatsapp { border-color: #6cc751; } .sd-widget-messengers-dialog-card__item--viber { border-color: #8f5db7; } .sd-widget-messengers-dialog-card__title { color: #222; margin-bottom: 15px; font-size: 1.2rem; font-weight: 500; } .sd-widget-messengers-dialog-card__button { cursor: pointer; background-color: #f5f5f5; padding: 7px 15px; font-size: 0.9rem; font-weight: 500; border-radius: 7px; margin-bottom: 20px; transition: 0.2s ease-in-out; } .sd-widget-messengers-dialog-card__button--telegram { color: #fff; background-color: #0088cc; } .sd-widget-messengers-dialog-card__button--whatsapp { color: #fff; background-color: #6cc751; } .sd-widget-messengers-dialog-card__button--viber { color: #fff; background-color: #8f5db7; } .sd-widget-messengers-dialog-card__qr-code { padding: 10px; } .sd-icon__close { top: 2.1rem !important; left: 2.1rem !important; } .sd-pulsar-circle { width: 100%; height: 100%; border-radius: 50%; } .sd-pulsar-circle:hover { -webkit-animation: none; animation: none; } .shareButton.main { background-color: var(--sd_limebot-widget_messengers-icon_bg); border-radius: 100px; } .shareButton svg { display: block; fill: #444; width: 100%; height: 100%; opacity: 1; transition: all 150ms; transform: scale(1); } .shareButton.open { width: 60px; height: 60px; } .shareButton.open svg { display: block; fill: #444; width: 100%; height: 100%; opacity: 1; transition: all 150ms; transform: scale(1); } #sd_MessengersWidget .shareButton.main .share, #sd_MessengersWidget .shareButton.main .close { position: absolute; transition: all 150ms; } #sd_MessengersWidget .shareButton.main .share, #sd_MessengersWidget .shareButton.main.open .close { transform: rotate(0) scale(1); opacity: 1; } #sd_MessengersWidget .shareButton.main .close, #sd_MessengersWidget .shareButton.main.open .share, #sd_MessengersWidget .shareButton.main .check { opacity: 0; transform: rotate(90deg) scale(0); } .shareButton, .shareButton.open { border: none; outline: none; margin: 1rem; box-sizing: content-box; transition: all 200ms; position: relative; opacity: 1; transform: scale(1); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .shareButton:hover, .shareButton.open:hover { transform: scale(1.1) translateY(-3px); } .fb, .shareButton.open.ig { transition-delay: 100ms; } .tw, .shareButton.open.tw { transition-delay: 50ms; } .ig, .shareButton.open.fb { transition-delay: 0ms; } .fb, .tw, .ig { width: 0; height: 0; overflow: hidden; padding: 0; margin: 0; opacity: 0; transform: scale(0); } .fb svg, .tw svg, .ig svg { width: 0; height: 0; opacity: 0; transform: scale(0); } @-webkit-keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } /* End */ /* Start:/bitrix/templates/razvitie/components/bitrix/breadcrumb/breadcrumb/style.min.css?1666388965467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/bitrix/templates/razvitie/components/bitrix/news.detail/callback/style.css?1685815158155*/ div.news-detail { word-wrap: break-word; } div.news-detail img.detail_picture { float:left; margin:0 8px 6px 1px; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/razvitie/components/bitrix/news.detail/callback-demo/style.css?1698921119155*/ div.news-detail { word-wrap: break-word; } div.news-detail img.detail_picture { float:left; margin:0 8px 6px 1px; } .news-date-time { color:#486DAA; } /* End */ /* /bitrix/templates/razvitie/font/stylesheet.css?16663889654981 */ /* /bitrix/templates/razvitie/css/select2.min.css?168607458816264 */ /* /bitrix/templates/razvitie/css/swiper-bundle.min.css?166638896515563 */ /* /bitrix/templates/razvitie/libs/fancybox/fancybox.css?179190145215598 */ /* /bitrix/templates/razvitie/css/style.css?1696308581203061 */ /* /bitrix/templates/razvitie/css/custom.css?1792070843275282 */ /* /bitrix/templates/razvitie/css/widget-messengers.css?17188913885234 */ /* /bitrix/templates/razvitie/components/bitrix/breadcrumb/breadcrumb/style.min.css?1666388965467 */ /* /bitrix/templates/razvitie/components/bitrix/news.detail/callback/style.css?1685815158155 */ /* /bitrix/templates/razvitie/components/bitrix/news.detail/callback-demo/style.css?1698921119155 */