/* Start:/local/templates/.default/assets/css/jquery.fancybox.min.css?172830407712795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/components/forumedia/sity/templates/.default/style.css?17564816182105*/ .regions .region-ico { fill: white; height: auto; width: 15px; margin-right: 5px; } .regions { display:flex; align-items:center; cursor:pointer; } .regions-center { text-transform: none; font-weight: bold; cursor: pointer; width:100%; white-space: nowrap; /* Запрещаем перенос строк */ overflow: hidden; /* Обрезаем все, что не помещается в область */ text-overflow: ellipsis; color:white; font-size: 14px; } .region-right { display:flex; align-items:center; justify-content:center; padding-left: 5px; } .regions .region-arrow { fill: white; height: 5px; width: 20px; } .regions{ max-width:140px; } .regions-form { width:300px; position:absolute; padding: 30px; left:calc(50% - 150px); top:30%; background:white; } .regions-close { position:absolute; height:18px; width:18px; right:5px; top:5px; cursor:pointer; } .regions-input input{ width: 100%; padding: 10px; margin: 10px auto } .regions-body{ display:flex; flex-wrap:wrap; flex-direction:column; } .regions-body-items a{ font-size: 20px; color:#3399FF; text-decoration: underline; transition: 0.5s; } .regions-body-items a:hover{ font-size: 20px; text-decoration: none; color:crimson; } .regions-body-items.current a{ color:crimson; text-decoration: none; } .regions-body-items{ width:90%; padding:5px 4px 5px 0; font-size: 15px; } .background-fill{ height:100%; width:100%; position:fixed; background:rgba(0,0,0,0.6); z-index:1000; } .mobile-toggle-menu .regions{ width:100%; margin-bottom:20px; } @media (max-width: 610px){ .regions-form { width:450px; left:calc(50% - 225px); top:5%; } .regions-body-items{width:90%;} .regions-body{ max-height:270px; height:auto; } } @media (max-width: 460px){ .regions-form { width:300px; left:calc(50% - 150px); top:5%; } .regions-body-items{width:90%;} .regions-body{ max-height:420px; height:auto; } } @media (max-width: 700px){ .regions-center{ width: 0; font-size: 10px; } .region-right{ width: 0; } } /* End */ /* Start:/local/components/forumedia/cookie.agree/templates/.default/style.css?17490311213068*/ :root { --cookie-color-primary: rgba(27, 44, 82, 1); --cookie-color-text: rgba(255, 255, 255, 1); --cookie-color-btn: rgba(52, 153, 254, 1); --cookie-color-btn-hover: rgba(46, 133, 219, 1); } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } .alert-primary { color: var(--cookie-color-text); background-color: var(--cookie-color-primary); border-color: var(--cookie-color-text); } .cookie-warning { box-sizing: border-box; position: fixed; bottom: -100%; left: 40px; width: 100%; max-width: 800px; padding: 2rem; z-index: 9999999999; box-shadow: 0px 8px 9px 0px rgba(34, 60, 80, 0.2); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 16px; margin: 0; transition: bottom 1s ease; } .cookie-warning * { box-sizing: border-box; } .cookie-warning.active { bottom: 40px; } .cookie-warning .cookie-warning__agree-text { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-start; gap: 16px; } .cookie-warning .logo { flex: 0 0 auto; width: 32px; height: 32px; } .cookie-warning p { font-size: 15px; font-weight: 400; line-height: 1.32; color: var(--cookie-color-text); margin: 0; flex: 1 1 auto; } .cookie-warning p a { color: var(--cookie-color-text); text-decoration: underline; transition: color .15s ease-in-out; } .cookie-warning p a:hover { color: var(--cookie-color-btn-hover); text-decoration: underline; } .cookie-warning .cookie-warning__agree-btn { flex: 0 0 auto; } .cookie-warning .btn { display: inline-block; width: auto; height: auto; font-size: 16px; font-weight: 700; line-height: 1.32; color: var(--cookie-color-primary); text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .625rem 1.5rem; margin: 0; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .cookie-warning .btn:not(:disabled):not(.disabled) { cursor: pointer; } .cookie-warning .btn.btn-primary { color: var(--cookie-color-text); background-color: var(--cookie-color-btn); border-color: var(--cookie-color-btn); } .cookie-warning .btn.btn-primary:hover { color: var(--cookie-color-text); background-color: var(--cookie-color-btn-hover); border-color: var(--cookie-color-btn-hover); } .cookie-warning .btn.btn-outline { color: var(--cookie-color-btn); background-color: var(--cookie-color-primary); border-color: var(--cookie-color-btn); } .cookie-warning .btn.btn-outline:hover { color: var(--cookie-color-primary); background-color: var(--cookie-color-btn); border-color: var(--cookie-color-btn); } @media (max-width: 992px) { .cookie-warning { max-width: none; left: 0%; flex-wrap: wrap; } .cookie-warning.active { bottom: 0%; } } /* End */ /* Start:/local/templates/default/../.default/assets/css/fonts.min.css?17283699397346*/ @font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Black.eot);src:local("Qanelas Black"),local("Qanelas-Black"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Black.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Black.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Thin.eot);src:local("Qanelas Thin"),local("Qanelas-Thin"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Thin.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Thin.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Thin.ttf) format("truetype");font-weight:100;font-style:normal;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-UltraLightItalic.eot);src:local("Qanelas UltraLight Italic"),local("Qanelas-UltraLightItalic"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-UltraLightItalic.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-UltraLightItalic.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-UltraLightItalic.ttf) format("truetype");font-weight:200;font-style:italic;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-SemiBold.eot);src:local("Qanelas SemiBold"),local("Qanelas-SemiBold"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-SemiBold.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-SemiBold.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-SemiBoldItalic.eot);src:local("Qanelas SemiBold Italic"),local("Qanelas-SemiBoldItalic"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-SemiBoldItalic.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-SemiBoldItalic.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ExtraBold.eot);src:local("Qanelas ExtraBold"),local("Qanelas-ExtraBold"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ExtraBold.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Bold.eot);src:local("Qanelas Bold"),local("Qanelas-Bold"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Bold.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Bold.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ThinItalic.eot);src:local("Qanelas Thin Italic"),local("Qanelas-ThinItalic"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ThinItalic.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ThinItalic.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ThinItalic.ttf) format("truetype");font-weight:100;font-style:italic;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-HeavyItalic.eot);src:local("Qanelas Heavy Italic"),local("Qanelas-HeavyItalic"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-HeavyItalic.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-HeavyItalic.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-HeavyItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-UltraLight.eot);src:local("Qanelas UltraLight"),local("Qanelas-UltraLight"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-UltraLight.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-UltraLight.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-UltraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Light.eot);src:local("Qanelas Light"),local("Qanelas-Light"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Light.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Light.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Heavy.eot);src:local("Qanelas Heavy"),local("Qanelas-Heavy"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Heavy.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Heavy.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Heavy.ttf) format("truetype");font-weight:900;font-style:normal;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-MediumItalic.eot);src:local("Qanelas Medium Italic"),local("Qanelas-MediumItalic"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-MediumItalic.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-MediumItalic.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ExtraBoldItalic.eot);src:local("Qanelas ExtraBold Italic"),local("Qanelas-ExtraBoldItalic"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ExtraBoldItalic.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-style:italic;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-RegularItalic.eot);src:local("Qanelas Regular Italic"),local("Qanelas-RegularItalic"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-RegularItalic.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-RegularItalic.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-RegularItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-BoldItalic.eot);src:local("Qanelas Bold Italic"),local("Qanelas-BoldItalic"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-BoldItalic.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-LightItalic.eot);src:local("Qanelas Light Italic"),local("Qanelas-LightItalic"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-LightItalic.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-LightItalic.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-BlackItalic.eot);src:local("Qanelas Black Italic"),local("Qanelas-BlackItalic"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-BlackItalic.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-BlackItalic.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Regular.eot);src:local("Qanelas Regular"),local("Qanelas-Regular"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Regular.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Regular.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:Qanelas;src:url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Medium.eot);src:local("Qanelas Medium"),local("Qanelas-Medium"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Medium.eot?#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Medium.woff2) format("woff2"),url(/local/templates/default/../.default/assets/css/../fonts/Qanelas-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:fallback} /* End */ /* Start:/local/templates/default/../.default/assets/css/lightcase.min.css?17229522098660*/ @font-face{font-family:lightcase;src:url(/local/templates/default/../.default/assets/css/../fonts/lightcase.eot?55356177);src:url(/local/templates/default/../.default/assets/css/../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),url(/local/templates/default/../.default/assets/css/../fonts/lightcase.woff?55356177) format("woff"),url(/local/templates/default/../.default/assets/css/../fonts/lightcase.ttf?55356177) format("truetype"),url(/local/templates/default/../.default/assets/css/../fonts/lightcase.svg?55356177#lightcase) format("svg");font-weight:400;font-style:normal}[class*=lightcase-icon-]:before{font-family:lightcase,sans-serif;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}.lightcase-icon-play:before{content:'\e800'}.lightcase-icon-pause:before{content:'\e801'}.lightcase-icon-close:before{content:'\e802'}.lightcase-icon-prev:before{content:'\e803'}.lightcase-icon-next:before{content:'\e804'}.lightcase-icon-spin:before{content:'\e805'}@-webkit-keyframes lightcase-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes lightcase-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}#lightcase-case{display:none;position:fixed;z-index:2002;top:50%;left:50%;font-family:arial,sans-serif;font-size:13px;line-height:1.5;text-align:left;text-shadow:0 0 10px rgba(0,0,0,.5)}html[data-lc-type=ajax] #lightcase-content,html[data-lc-type=error] #lightcase-content,html[data-lc-type=inline] #lightcase-content{-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,html[data-lc-type=error] #lightcase-content .lightcase-contentInner,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner{-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html[data-lc-type=image] #lightcase-content .lightcase-contentInner{position:relative;overflow:hidden!important}#lightcase-case p.lightcase-error{margin:0;font-size:17px;text-align:center;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#aaa}.lightcase-open body{overflow:hidden}.lightcase-isMobileDevice .lightcase-open body{max-width:100%;max-height:100%}#lightcase-info{position:absolute;padding-top:15px}#lightcase-info #lightcase-caption,#lightcase-info #lightcase-title{margin:0;padding:0;line-height:1.5;font-weight:400;-o-text-overflow:ellipsis;text-overflow:ellipsis}#lightcase-info #lightcase-title{font-size:17px;color:#aaa}#lightcase-info #lightcase-caption{clear:both;font-size:13px;color:#aaa}#lightcase-info #lightcase-sequenceInfo{font-size:11px;color:#aaa}#lightcase-loading{position:fixed;z-index:9999;width:1.123em;height:auto;font-size:38px;line-height:1;text-align:center;text-shadow:none;position:fixed;z-index:2001;top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;opacity:1;font-size:32px;text-shadow:0 0 15px #fff;-moz-transform-origin:50% 53%;-webkit-animation:lightcase-spin .5s infinite linear;animation:lightcase-spin .5s infinite linear}#lightcase-loading,#lightcase-loading:focus{text-decoration:none;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-transition:color,opacity,ease-in-out .25s;-o-transition:color,opacity,ease-in-out .25s;transition:color,opacity,ease-in-out .25s}#lightcase-loading>span{display:inline-block;text-indent:-9999px}a[class*=lightcase-icon-]{position:fixed;z-index:9999;width:1.123em;height:auto;font-size:38px;line-height:1;text-align:center;text-shadow:none;outline:0;cursor:pointer}a[class*=lightcase-icon-],a[class*=lightcase-icon-]:focus{text-decoration:none;color:rgba(255,255,255,.6);-webkit-tap-highlight-color:transparent;-webkit-transition:color,opacity,ease-in-out .25s;-o-transition:color,opacity,ease-in-out .25s;transition:color,opacity,ease-in-out .25s}a[class*=lightcase-icon-]>span{display:inline-block;text-indent:-9999px}a[class*=lightcase-icon-]:hover{color:#fff;text-shadow:0 0 15px #fff}.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover{color:#aaa;text-shadow:none}a[class*=lightcase-icon-].lightcase-icon-close{position:fixed;top:15px;right:15px;bottom:auto;margin:0;opacity:0;outline:0}a[class*=lightcase-icon-].lightcase-icon-prev{left:15px}a[class*=lightcase-icon-].lightcase-icon-next{right:15px}a[class*=lightcase-icon-].lightcase-icon-pause,a[class*=lightcase-icon-].lightcase-icon-play{left:50%;margin-left:-.5em}#lightcase-overlay{display:none;width:100%;min-height:100%;position:fixed;z-index:2000;top:-9999px;bottom:-9999px;left:0;background:#000}@media screen and (min-width:641px){html:not([data-lc-type=error]) #lightcase-content{position:relative;z-index:1;text-shadow:none;background-color:#fff;-webkit-box-shadow:0 0 30px rgba(0,0,0,.5);-o-box-shadow:0 0 30px rgba(0,0,0,.5);box-shadow:0 0 30px rgba(0,0,0,.5);-webkit-backface-visibility:hidden}html[data-lc-type=image] #lightcase-content,html[data-lc-type=video] #lightcase-content{background-color:#333}html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{padding:30px;overflow:auto;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#lightcase-content h1,#lightcase-content h2,#lightcase-content h3,#lightcase-content h4,#lightcase-content h5,#lightcase-content h6,#lightcase-content p{color:#333}#lightcase-case p.lightcase-error{padding:0}a[class*=lightcase-icon-].lightcase-icon-pause,a[class*=lightcase-icon-].lightcase-icon-play{opacity:0}a[class*=lightcase-icon-]{bottom:50%;margin-bottom:-.5em}#lightcase-case:hover~a[class*=lightcase-icon-],a[class*=lightcase-icon-]:hover{opacity:1}}@media screen and (max-width:640px){html[data-lc-type=ajax] #lightcase-case,html[data-lc-type=inline] #lightcase-case{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;padding:55px 0 70px 0;width:100%!important;height:100%!important;overflow:auto!important}html[data-lc-type=ajax] #lightcase-content,html[data-lc-type=error] #lightcase-content,html[data-lc-type=inline] #lightcase-content{position:relative!important;top:auto!important;left:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:none!important;background:0 0!important}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,html[data-lc-type=error] #lightcase-content .lightcase-contentInner,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner{padding:15px}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*,html[data-lc-type=error] #lightcase-content .lightcase-contentInner,html[data-lc-type=error] #lightcase-content .lightcase-contentInner>*,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>*{width:100%!important;max-width:none!important}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>:not(iframe),html[data-lc-type=error] #lightcase-content .lightcase-contentInner>:not(iframe),html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>:not(iframe){height:auto!important;max-height:none!important}html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe{overflow:auto;-webkit-overflow-scrolling:touch}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{position:relative!important;top:auto!important;left:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:none!important;background:0 0!important}#lightcase-content h1,#lightcase-content h2,#lightcase-content h3,#lightcase-content h4,#lightcase-content h5,#lightcase-content h6,#lightcase-content p{color:#aaa}#lightcase-case p.lightcase-error{padding:30px 0}#lightcase-info #lightcase-title{position:fixed;top:10px;left:0;max-width:87.5%;padding:5px 15px;background:#000}.lightcase-fullScreenMode #lightcase-info{padding-left:15px;padding-right:15px}html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info{position:static}a[class*=lightcase-icon-]{bottom:15px;font-size:24px}#lightcase-overlay{opacity:1!important}}@media screen and (max-width:640px) and (min-width:641px){html[data-lc-type=image] #lightcase-content .lightcase-contentInner,html[data-lc-type=video] #lightcase-content .lightcase-contentInner{line-height:.75}} /* End */ /* Start:/local/templates/default/../.default/assets/css/style.css?1775484182118439*/ @charset "UTF-8"; .lazysmart { opacity:0 } .grecaptcha-badge { right:-260px !important; } .svg-wrapper { display:flex; flex-direction:column; justify-content:center; align-items:center; } .tehnical { background:#a10000; z-index:2; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:0; overflow:hidden; } .tehnical.open { height:auto; } .tehnical .big-container { position:relative; padding:10px 50px; color:#fff; text-align:center; font-size:14px; font-weight:500; height:auto !important; display:block !important; } .tehnical .close_teh { position:absolute; top:50%; right:20px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-size:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#fff; text-decoration:none; font-weight:normal; width:26px; height:26px; border:1px solid #fff; border-radius:50%; } html, body { height:100%; margin:0; padding:0; } body { background:#F6F9FC; color:#5D6C82; font-family:'Qanelas', sans-serif; font-weight:normal; font-style:normal; font-size:18px; line-height:24px; overflow-x:hidden; width:100%; } body.no-scroll { overflow-y:hidden; } h1, h2, h3, h4, h5, h6 { font-weight:500; color:#000; margin:15px 0; } h1 { font-weight:bold; font-size:60px; line-height:65px; margin:50px 0; } h2 { font-size:40px; font-weight:600; line-height:50px; margin:65px 0 40px; } h2 span { font-weight:normal; } h2.big { font-size:60px; font-weight:600; line-height:50px; margin:0; } h2.big span { display:block; font-size:45px; line-height:40px; } h2.about-h2 { margin:0; font-weight:600; font-size:60px; line-height:50px; } h2.about-h2 span { font-weight:300; font-size:50px; line-height:55px; } h3 { font-weight:600; font-size:30px; line-height:37px; margin:50px 0 30px; } .h3 { font-weight:600; font-size:30px; line-height:37px; margin:50px 0 30px; color:#000; } p { margin:15px 0; } p.big { font-size:26px; line-height:32px; margin:-20px 0 30px; color:#000; max-width:600px; } span.big { color:#000; font-size:60px; font-weight:600; line-height:50px; margin:0; } span.big span { display:block; font-size:45px; font-weight:normal; line-height:40px; } img { border:none; max-width:100%; height:auto; } img[align=left] { margin-right:20px; } img[align=right] { margin-left:20px; } textarea, input, select, radio, button { font-family:'Qanelas', sans-serif; font-size:14px; } button { cursor:pointer; } b, strong { font-weight:bold; } a { color:#5D6C82; } a:hover { text-decoration:none; } * { -webkit-box-sizing:border-box; box-sizing:border-box; outline:none; } table { border-collapse:collapse; } table p { margin:0; } table td, table th { padding:5px 10px; } table { min-width:calc(100% - 2px); text-align:center; font-weight:500; font-size:14px; line-height:17px; color:#000; } table p { margin:0; } table td, table th { border:1px solid #DFE7EF; } table tbody tr:nth-child(even) { background-color:rgba(219, 227, 237, 0.25); } [class*="ymaps-2"][class*="-ground-pane"] { filter:grayscale(100%) brightness(105%); -webkit-filter:grayscale(100%) brightness(105%); } .big-container { width:100%; max-width:1540px; padding:0 20px; margin:0 auto; } .container { width:100%; max-width:1380px; padding:0 20px; margin:0 auto; } .more a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:20px; line-height:26px; color:#fff; text-decoration:none; } .more a img { margin-left:10px; } .more-button { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; } .more-button a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:600; font-size:16px; line-height:24px; background:#fff; color:#000; text-decoration:none; border-radius:6px; height:45px; padding:0 30px; } .more-button a img { margin-left:10px; width:18px; } .slider-scrollbar { margin-top:40px; height:10px; border-radius:5px; background:#E4EDF7; max-width:750px; overflow-x:hidden; } .slider-scrollbar .swiper-scrollbar-drag { background:#3399FF; height:10px; border-radius:5px; } .mt50 { margin-top:50px; } .mb50 { margin-bottom:50px; } .mt100 { margin-top:100px; } .mb100 { margin-bottom:100px; } .mb150 { margin-bottom:150px; } .slider-dots { display:none; text-align:center; margin-top:20px; } .slider-dots span { display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#DAE5EF; margin:0 8px; } .slider-dots span.swiper-pagination-bullet-active { background-color:#3399FF; } .list.bg { background-color:#fff; padding:50px; } .list a { text-decoration:none; } .list .title { font-weight:600; font-size:20px; line-height:24px; color:#000; margin-bottom:10px; } .list ul { margin:0 0 0 -6px; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .list ul li { -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; padding-right:10px; margin-top:5px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .list ul li a { font-weight:500; font-size:18px; line-height:22px; color:#3399FF; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:6px 15px 6px 6px; border-radius:17px; } .list ul li a img { margin-right:10px; } .list ul li a:hover { background-color:#D8EBFF; } .links { margin:-25px 0 50px 0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap:wrap; flex-wrap:wrap; } .links li a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:600; font-size:18px; line-height:26px; color:#000; } .links li a img { margin-right:20px; } .links li+li { margin-left:50px; } .links a { text-decoration:none; } .categories-list { margin:-10px 0 40px; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .categories-list li { margin-right:10px; margin-top:10px; } .categories-list li a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:10px 30px; text-decoration:none; border-radius:20px; background-color:#d3dff7; font-size:18px; line-height:20px; color:#000; transition:0.3s; } .categories-list li a:hover { background:#1A3B7A; color:#fff; transition:0.3s; } .categories-list li.active a { background-color:#D8EBFF; } /* Верхний текст в разделах */ .top-catalog-text__container { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; gap:10px; margin-bottom:20px; } .top-catalog-text__container img { width:100%; height:100%; object-fit:cover; object-position:center; } .top-catalog-text__container .top-catalog-text__text { width:100%; } @media screen and (max-width:992px) { .top-catalog-text__container { flex-wrap:wrap; } } .block-filter br { display:none; } .filters-block { background-color:#fff; padding:40px 60px 60px; -webkit-box-shadow:0 28px 40px rgba(1, 55, 109, 0.03); box-shadow:0 28px 40px rgba(1, 55, 109, 0.03); } .filters-block .title { font-weight:600; font-size:24px; line-height:34px; color:#000; padding-bottom:10px; border-bottom:1px solid #E0E7F1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .filters-block .title span { cursor:pointer; font-size:14px; color:#e91212; border:1px solid #e91212; border-radius:5px; line-height:26px; padding:0 15px; margin-bottom:5px; } .filters-block .filters { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-30px; } .filters-block .filters .filter { -webkit-box-flex:0; -ms-flex:0 0 calc(100% / 6 - 30px); flex:0 0 calc(100% / 6 - 30px); margin-top:30px; margin-left:30px; } .filters-block .filters .filter .label { font-weight:500; font-size:16px; line-height:19px; margin-bottom:15px; } .filters-block .filters .filter .select { position:relative; } .filters-block .filters .filter .select .selected { background:#fff; border:1px solid #D8EBFF; -webkit-box-shadow:0 1px 2px rgba(214, 223, 235, 0.5); box-shadow:0 1px 2px rgba(214, 223, 235, 0.5); border-radius:5px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; position:relative; color:#000; text-decoration:none; height:44px; padding:0 40px 0 20px; font-weight:500; font-size:16px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .filters-block .filters .filter .select .selected:after { content:''; height:6px; width:12px; background:url(/local/templates/default/../.default/assets/css/../images/select.svg) no-repeat center/contain; position:absolute; top:50%; right:17px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .filters-block .filters .filter .select ul { margin:-1px 0 0 0; padding:0; list-style:none; position:absolute; left:0; top:80%; opacity:0; height:0; overflow:hidden; background:#fff; border:1px solid #D8EBFF; -webkit-box-shadow:0 1px 2px rgba(214, 223, 235, 0.5); box-shadow:0 1px 2px rgba(214, 223, 235, 0.5); border-radius:0 0 5px 5px; width:100%; -webkit-transition:top 0.3s, opacity 0.3s, height 0s; -o-transition:top 0.3s, opacity 0.3s, height 0s; transition:top 0.3s, opacity 0.3s, height 0s; z-index:2; } .filters-block .filters .filter .select ul li+li { margin-top:5px; } .filters-block .filters .filter .select ul label { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; line-height:18px; width:100%; padding:3px 13px; font-weight:500; font-size:15px; text-decoration:none; color:#000; } .filters-block .filters .filter .select ul label.disabled { opacity:0.5; } .filters-block .filters .filter .select ul label:hover { background-color:rgba(140, 198, 255, 0.3); } .filters-block .filters .filter .select ul label input { margin:2px 10px 0 0; -webkit-box-flex:0; -ms-flex:0 0 15px; flex:0 0 15px; height:15px; width:15px; position:relative; } .filters-block .filters .filter .select ul label input:before { content:''; width:calc(100% + 4px); height:calc(100% + 4px); position:absolute; top:-3px; left:-1px; background:#fff; border:1px solid #D8EBFF; -webkit-box-shadow:0 1px 2px rgba(214, 223, 235, 0.5); box-shadow:0 1px 2px rgba(214, 223, 235, 0.5); border-radius:3px; z-index:1; -webkit-box-sizing:border-box; box-sizing:border-box; } .filters-block .filters .filter .select ul label input:checked:before { background:#fff; border:7px solid #3399FF; } .filters-block .filters .filter .select ul label span { opacity:0.5; } .filters-block .filters .filter .select.open .selected { border-radius:5px 5px 0 0; } .filters-block .filters .filter .select.open .selected:after { -webkit-transform:translateY(-50%) rotate(-180deg); -ms-transform:translateY(-50%) rotate(-180deg); transform:translateY(-50%) rotate(-180deg); } .filters-block .filters .filter .select.open ul { display:block; top:100%; opacity:1; height:auto; max-height:220px; padding:10px 0; overflow-y:scroll; } .filters-block .filters .filter .select.open ul::-webkit-scrollbar { width:10px; } .filters-block .filters .filter .select.open ul::-webkit-scrollbar-thumb { background-color:#3399ff; border:2px solid #fff; border-radius:5px; } .filters-block .set_filter_mobile { border:none; background:#1D335D; color:#fff; cursor:pointer; font-weight:400; font-size:16px; border-radius:5px; line-height:40px; padding:0 25px; margin-top:30px; display:none; } .load-more { margin-top:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .load-more a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:46px; border-radius:23px; font-weight:normal; font-size:18px; color:rgba(93, 108, 130, 0.7); border:1px solid #C0CDDB; padding:0 30px; -webkit-box-flex:0; -ms-flex:0 0 175px; flex:0 0 175px; text-decoration:none; } .back-to-category { margin-top:-30px; } .back-to-category a { text-decoration:none; color:#3399FF; font-weight:500; font-size:18px; line-height:22px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .back-to-category a img { margin-right:10px; } .pagination ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .pagination ul li { margin:0 5px; } .pagination ul li a, .pagination ul li span { display:-webkit-box; display:-ms-flexbox; display:flex; width:54px; height:54px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-decoration:none; font-size:18px; line-height:20px; border-radius:50%; } .pagination ul li a { border:1px solid #E5E5E5; } .pagination ul li a:hover { border:1px solid #fff; background-color:#fff; } .pagination ul li span { border:1px solid #D8EBFF; background-color:#D8EBFF; } .sidebar-content { display:-webkit-box; display:-ms-flexbox; display:flex; } .sidebar-content .sidebar { -webkit-box-flex:0; -ms-flex:0 0 320px; flex:0 0 320px; } .sidebar-content .sidebar ul { margin:0; padding:0; list-style:none; } .sidebar-content .sidebar ul li+li { margin-top:10px; } .sidebar-content .sidebar ul li a { display:-webkit-box; display:-ms-flexbox; display:flex; padding:20px 35px; position:relative; text-decoration:none; background-color:#fff; border-left:3px solid #fff; color:#000; } .sidebar-content .sidebar ul li a:after { content:''; width:6px; height:13px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:20px; background:url(/local/templates/default/../.default/assets/css/../images/arrow-link.svg) no-repeat center/contain; } .sidebar-content .sidebar ul li.active a { background-color:#D8EBFF; border-left:3px solid #3399FF; } .sidebar-content .sidebar ul li.active a:after { display:none; } .sidebar-content .content { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 420px); flex:0 0 calc(100% - 420px); margin-left:100px; } .sidebar-content .content h2 { margin-top:0; } .big-with-image img { float:right; } .big-with-image p.big { min-height:32px; } .tags .title { color:#000; font-weight:600; font-size:18px; } .tags ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:15px; max-height:50px; overflow:hidden; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .tags ul.open { max-height:300px; } .tags ul li { margin-right:10px; margin-top:10px; } .tags ul li a { padding:0 30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:40px; text-decoration:none; border-radius:20px; background-color:#fff; color:#000; font-size:16px; } .tags ul li a.active { background-color:#D8EBFF; pointer-events:none; } .tags .tags-more { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .tags .tags-more a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-decoration:none; color:#3399FF; font-size:16px; font-weight:500; } .tags .tags-more a img { margin-right:10px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .tags .tags-more a.open img { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); } .page-title { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .page-title .title { -webkit-box-flex:1; -ms-flex:1 0 850px; flex:1 0 850px; } .page-title .title h1 { margin-top:0; } .page-title .years { font-weight:300; font-size:150px; line-height:1; color:#A4B0C1; } .page-title .years span { font-weight:bold; font-size:150px; color:#000; display:block; margin-top:-20px; margin-left:140px; } .page-title .year { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 1015px); flex:0 0 calc(100% - 1015px); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .page-title .year .count { color:#000; font-weight:500; font-size:30px; line-height:36px; } .page-title .year .count div { font-weight:bold; font-size:150px; line-height:1; margin-bottom:-10px; position:relative; } .page-title .year .count div span { font-size:50px; line-height:62px; margin-left:5px; } .page-title .year .count div i { position:absolute; top:-35px; right:30px; color:#3399FF; font-size:100px; font-weight:500; font-style:normal; } .big-image { position:relative; text-align:center; } .big-image:after { content:''; width:100%; height:400px; position:absolute; top:0; left:0; background:-webkit-gradient(linear, left bottom, left top, from(rgba(246, 249, 252, 0)), to(#f6f9fc)); background:-o-linear-gradient(bottom, rgba(246, 249, 252, 0) 0%, #f6f9fc 100%); background:linear-gradient(0deg, rgba(246, 249, 252, 0) 0%, #f6f9fc 100%); } .big-image img { vertical-align:top; } .big-video { padding-bottom:56.25%; position:relative; } .big-video iframe { position:absolute; width:100%; height:100%; left:0; top:0; } .openfilters { display:none; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background-color:#fff; padding:0 23px; text-decoration:none; font-weight:500; font-size:18px; line-height:22px; color:#000; height:64px; } .openfilters>div { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .openfilters>div:first-child img { margin-right:20px; } .openfilters>div:last-child img { margin-left:20px; } .openfilters span { color:#3399FF; } /* Шапка */ .header { display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background:#1D335D; } .header video { display:none; } .header.index { margin-bottom:210px; height:100vh; min-height:800px; position:relative; background:rgba(29, 51, 93, 0.85); } .header.index video { display:block; width:100%; height:100%; position:absolute; top:0; left:0; -o-object-fit:cover; object-fit:cover; z-index:-1; } .header .openmenu img, .header .logo img, .header .open-search img { vertical-align:top; } .header .navigation { position:relative; } .header .navigation .openmenu { display:none; } /*new search form*/ .big-container__blocks .open-search { display:flex; } .big-container__blocks .open-search.open-search--active { display:none; } .header .navigation .search-form { display:none; overflow:hidden; width:0; transition:all 0.3s; margin-left:0; } .header .navigation .search-form form { display:flex; flex-direction:row; justify-content:center; align-items:center; gap:10px; } .header .navigation .search-form.open { width:50%; margin-left:auto; } .header .navigation .search-form .input { flex:1 0 auto; } .header .navigation .search-form .input input { width:100%; font-weight:400; font-size:16px; line-height:19px; height:35px; padding-left:30px; color:#FFFFFF; border:1px solid #51678F; border-radius:5px; background:transparent; } .header .navigation .search-form .input input::placeholder { color:#5D6C82; } .header .navigation .search-form .button button { width:100%; height:35px; background:none; border:none; } .header .navigation .search-form .close { display:flex; align-items:center; justify-content:flex-end; } .header .navigation .search-form .close img { vertical-align:top; } /*new search form*/ /*Custom menu*/ .header .navigation .big-container { height:70px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; position:relative; gap:16px; } .header ul.main-menu { display:flex; gap:16px; margin:0; padding:0; list-style:none; } .header ul.main-menu li { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0 5px; } .header ul.main-menu li.closemenu { display:none; } .header ul.main-menu li a { color:#fff; text-decoration:none; font-weight:600; font-size:18px; line-height:22px; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; align-items:center; } .header ul.main-menu li>a { border-top:3px solid transparent; border-bottom:3px solid transparent; } .header ul.main-menu li.active>a { border-bottom-color:#3399FF; } .header ul.main-menu li a img { margin-right:22px; } .header ul.main-menu { height:100%; } .header ul.main-menu li { height:100%; } .header-fixed { position:fixed; top:0; width:100%; z-index:991; background:transparent; transition:all 0.3s ease; } .header-fixed--bg { background:#1C2C52; transition:all 0.3s ease; } .header .main-menu .main-menu__parent { position:static; gap:15px; cursor:pointer; } .header .main-menu .main-menu__parent, .header .main-menu>.main-menu__element { margin:0; } .header .main-menu__parent span { color:#fff; text-decoration:none; font-weight:600; font-size:18px; line-height:22px; display:flex; align-items:center; border-top:3px solid transparent; border-bottom:3px solid transparent; } .header .main-menu__parent ul.main-menu__sections { display:none; position:absolute; top:100%; left:0; width:auto; max-width:1540px; background:#FFFFFF; padding:40px; grid-template-columns:repeat(5, 1fr); grid-template-rows:repeat(2, 1fr); column-gap:40px; } .header .main-menu__parent ul.main-menu__sections--active { display:grid; } .header .main-menu__parent .main-menu__sections .main-menu__section { grid-row:span 2; } .header .main-menu__parent .main-menu__sections .main-menu__section:nth-last-child(-n + 2) { grid-row:span 1; } .header .main-menu__parent .main-menu__sections .main-menu__section a { font-size:18px; font-weight:700; line-height:22px; padding-bottom:5px; margin-bottom:10px; } .header .main-menu__parent .main-menu__sections .main-menu__section .main-menu__element { border-bottom:none; } .header .main-menu__parent .main-menu__sections .main-menu__section .main-menu__element a { font-size:16px; font-weight:500; line-height:19px; padding:5px 0; margin:0; color:#1C2C52; transition:all 0.3s ease; } .header .main-menu__parent .main-menu__sections .main-menu__section .main-menu__element a:hover { color:#3399FF; } .header .main-menu__parent .main-menu__sections * { display:block; height:auto; color:#1C2C52; padding:0; margin:0; } .header .main-menu>.main-menu__element { display:flex; } .header .main-menu>.main-menu__element.main-menu__element--active-search { display:block; padding:10px 40px; height:auto; } .big-container .big-container__blocks { height:100%; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; gap:25px; } .header .header-phones__container { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; } .header .header-phones__container .phone { font-size:20px; line-height:24px; letter-spacing:0.02em; text-decoration:none; color:#fff; white-space:nowrap; } @media (max-width:1200px) { .header .header-phones__container { display:none; } } .header .header-menu__mobile .main-menu.open .main-menu__parent .main-menu__sections { display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:20px; position:static; background:transparent; padding:0; } .header .header-menu__mobile .main-menu.open .main-menu__parent .main-menu__sections * { display:block; height:auto; color:#FFFFFF; padding:0; margin:0; } .header .header-menu__mobile .main-menu.open .main-menu__parent .main-menu__sections .main-menu__section>a { pointer-events:none; } .header .header-menu__mobile .main-menu.open .main-menu__parent .main-menu__sections .main-menu__elements { display:none; } .header .header-menu__desktop { display:flex; height:100%; } .header .header-menu__mobile { display:none; } .header .header-menu__mobile .main-menu.open .main-menu__parent { width:100%; height:auto; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; margin:0; padding:40px; } .header .header-menu__mobile .main-menu.open .main-menu__parent .main-menu__sections .main-menu__section a { text-align:left; } .header .header-menu__mobile .main-menu.open .main-menu__parent .main-menu__sections .main-menu__section .main-menu__elements { margin-top:25px; } .header .header-menu__mobile .main-menu.open .main-menu__parent .main-menu__sections .main-menu__element { padding:8px 0; text-align:left; } .header .header-menu__desktop .main-menu__parent .main-menu__sections .main-menu__section .main-menu__section-icon { display:none; } .header .header-menu__mobile .main-menu__parent .main-menu__sections .main-menu__section .main-menu__section-icon { display:block; width:10px; height:10px; background:url("/local/templates/.default/assets/images/catalog-menu-mobile-close.svg"); background-repeat:no-repeat; background-position:center; position:absolute; top:6px; left:-20px; } .header .header-menu__mobile .main-menu__parent .main-menu__sections .main-menu__section .main-menu__section-icon.main-menu__section-icon--active { background:url("/local/templates/.default/assets/images/catalog-menu-mobile-open.svg"); background-repeat:no-repeat; background-position:center; } .header .navigation .big-container .closemenu { display:none; } .header .big-container.mobile--active { z-index:1000; background:#1C2C52; } #modalCallback { width:50%; overflow:hidden; padding:50px; } #modalCallback .big-container { padding:0; } #modalCallback .big-container .order { padding:0; display:flex; flex-direction:column; margin:0; gap:20px; width:auto; } #modalCallback .big-container .order form { width:100%; } #modalCallback .big-container .order form .row { gap:5px; flex-direction:row; } #modalCallback .big-container .order form .row .input { flex:1; width:100%; } #modalCallback .big-container .order form .button { margin:0; } .header .big-container__blocks .header__callback-btn { display:flex; } .header .big-container__blocks .header__callback-btn-mobile { display:none; } @media (max-width:1400px) { #modalCallback { width:70%; } } @media (max-width:1080px) { .header .logo, .header .big-container__blocks { z-index:1000; } .header .navigation .search-form form { gap:10px; } .header .navigation .search-form.open { width:100%; margin-left:0; } .header .big-container ul.main-menu.open { z-index:999; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:20px; } .header .header-menu__desktop { display:none; } .header .header-menu__mobile { display:flex; } #modalCallback { width:auto; margin:35px; } .header .big-container__blocks .header__callback-btn { display:none; } .header .big-container__blocks .header__callback-btn-mobile { display:flex; } } @media (max-width:900px) { #modalCallback .big-container .order form .row { flex-direction:column; } } @media (max-width:550px) { .header .navigation .search-form form { gap:0; } #modalCallback .big-container .order form { margin-top:20px; } #modalCallback .big-container .order form .row { gap:10px; } #modalCallback .big-container .order form .row .input { margin:0; } } /*Custom menu*/ .header .main-container { max-width:1080px; width:100%; margin:0 auto; padding:0 20px; font-size:60px; line-height:65px; color:#fff; } .header .main-container span { font-weight:200; } .header .main-bottom { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:-30px; } .header .main-bottom>div { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; padding:80px 125px; color:#fff; } .header .main-bottom .bg { background-color:#3399FF; font-size:24px; line-height:30px; } .header .main-bottom .catalog-info span { color:#3399FF; } .header .main-bottom .catalog-info .title { font-weight:bold; font-size:30px; line-height:37px; } .header .main-bottom .catalog-info p { font-weight:500; font-size:20px; line-height:26px; } .header .main-bottom .catalog-info .more { margin-top:45px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding-right:120px; } /* Хлебные крошки */ .breadcrumbs .border { border-bottom:1px solid #E5E5E5; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:54px; overflow-x:auto; } .breadcrumbs .container ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:500; font-size:14px; line-height:28px; white-space:pre; } .breadcrumbs .container ul li+li { margin-left:32px; } .breadcrumbs .container ul a { color:#3399FF; text-decoration:none; } /* О компании */ .strategy { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .strategy .title { -webkit-box-flex:0; -ms-flex:0 0 490px; flex:0 0 490px; } .strategy .text { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 490px); flex:0 0 calc(100% - 490px); } .global { position:relative; } .global:after { content:''; width:100vw; height:1px; position:absolute; top:91px; left:0; border-top:1px dashed #B7C5D8; z-index:-3; } .global .title { font-weight:600; font-size:30px; line-height:37px; color:#000; } .global .global-pagination { height:110px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .global .global-pagination span { -webkit-box-flex:0; -ms-flex:0 0 30px; flex:0 0 30px; height:30px; border-radius:50%; background-color:#3399FF; border:8px solid #3399FF; position:relative; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; cursor:pointer; } .global .global-pagination span+span { margin-left:115px; } .global .global-pagination span:before { content:''; width:calc(100% + 24px); height:calc(100% + 24px); border-radius:50%; background-color:#F6F9FC; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:-1; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .global .global-pagination span:after { content:''; width:115px; height:2px; background-color:#3399FF; position:absolute; left:calc(100% + 8px); top:calc(50% - 1px); z-index:-2; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .global .global-pagination span:last-child:after { display:none; } .global .global-pagination span i { display:block; width:20px; height:20px; background:#FFFFFF; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:-3px; bottom:-80px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; cursor:default; } .global .global-pagination span.swiper-pagination-bullet-active { border:8px solid #fff; } .global .global-pagination span.swiper-pagination-bullet-active:before { width:52px; height:52px; background-color:rgba(51, 153, 255, 0.1); } .global .global-pagination span.swiper-pagination-bullet-active:after { opacity:0; } .global .global-pagination span.swiper-pagination-bullet-active i { bottom:-60px; } .global .global-pagination span.swiper-pagination-bullet-active~span { background-color:#DFE7EF; border:8px solid #DFE7EF; } .global .global-pagination span.swiper-pagination-bullet-active~span:after { opacity:0; } .global .global-wrapper { max-width:1050px; overflow:hidden; } .global .global-wrapper ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; } .global .global-wrapper ul li { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; background-color:#fff; -webkit-box-shadow:0px 17px 40px rgba(56, 95, 135, 0.05); box-shadow:0px 17px 40px rgba(56, 95, 135, 0.05); padding:50px 60px; } .global .global-wrapper ul li.swiper-slide-active { z-index:2; } .steps-block { display:-webkit-box; display:-ms-flexbox; display:flex; } .steps-block .title { -webkit-box-flex:0; -ms-flex:0 0 580px; flex:0 0 580px; padding-right:30px; } .steps-block .title p { font-size:30px; line-height:34px; margin:30px 0 45px; } .steps-block .title .more-button { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .steps-block .steps { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 580px); flex:0 0 calc(100% - 580px); margin-top:-50px; } .steps-block .steps ul { margin:0 0 -40px -40px; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .steps-block .steps ul li { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 40px); flex:0 0 calc(50% - 40px); margin-left:40px; margin-bottom:40px; } .steps-block .steps ul li .year { font-weight:600; font-size:40px; line-height:49px; color:#000; } .steps-block .steps ul li .year span { font-weight:bold; font-size:30px; line-height:37px; color:#3399FF; } .steps-block .steps ul li .text { background-color:#fff; -webkit-box-shadow:0px 17px 40px rgba(56, 95, 135, 0.05); box-shadow:0px 17px 40px rgba(56, 95, 135, 0.05); padding:30px 40px; margin-top:15px; } .about-suppliers p { font-size:22px; line-height:34px; padding:30px 0; } .about-suppliers .more-button { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .about-suppliers .overlay-suppliers { position:relative; } .about-suppliers .overlay-suppliers .suppliers-arrow { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:72px; height:72px; background-color:#fff; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; z-index:1; } .about-suppliers .overlay-suppliers .suppliers-arrow.prev { left:-36px; } .about-suppliers .overlay-suppliers .suppliers-arrow.next { right:-36px; } .about-suppliers .overlay-suppliers .suppliers-wrapper { overflow:hidden; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; background-color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .image { -webkit-box-flex:0; -ms-flex:0 0 790px; flex:0 0 790px; height:550px; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .image img { height:100%; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; vertical-align:top; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .text { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 790px); flex:0 0 calc(100% - 790px); padding:80px; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .text .logo { margin-bottom:40px; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .text .logo img { height:75px; vertical-align:top; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .text .name { font-weight:600; font-size:40px; line-height:50px; color:#000; margin-bottom:15px; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .text .desc { font-size:20px; line-height:30px; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .text .more-button { margin-top:40px; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .text .more-button a { border:1px solid rgba(128, 160, 207, 0.2); } /* История */ .director-block { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .director-block .director { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 90px); flex:0 0 calc(50% - 90px); margin-right:90px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; } .director-block .director .photo { -webkit-box-flex:0; -ms-flex:0 0 285px; flex:0 0 285px; margin-right:60px; } .director-block .director .photo img { vertical-align:top; } .director-block .director .name { padding-bottom:115px; } .director-block .director .name h2 { margin:0; line-height:42px; } .director-block .director .name .post { font-size:22px; line-height:26px; margin-top:15px; } .director-block .director .quote { position:absolute; top:100%; left:40px; -webkit-transform:translateY(-115px); -ms-transform:translateY(-115px); transform:translateY(-115px); width:calc(100% - 40px); background-color:#fff; padding:40px 85px 65px; font-size:28px; line-height:32px; color:#000; } .director-block .director .quote img { vertical-align:top; margin-bottom:15px; } .director-block .text { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; padding-top:220px; } .director-block .text h2 { font-size:34px; line-height:42px; margin-top:0; } .director-block .text p { font-size:22px; line-height:34px; } .growth { display:-webkit-box; display:-ms-flexbox; display:flex; } .growth .title { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 170px); flex:0 0 calc(50% - 170px); margin-right:170px; } .growth .title p { font-size:30px; line-height:34px; margin:30px 0 45px; } .growth .title .more-button { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .growth .text { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; } .growth .text p { font-size:22px; line-height:34px; } .achievements ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .achievements ul li { -webkit-box-flex:0; -ms-flex:0 0 calc(25% - 2px); flex:0 0 calc(25% - 2px); border:1px solid #F6F9FC; margin:0 0 1px 1px; background-color:#fff; padding:50px 30px 50px 50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .achievements ul li img { -webkit-box-flex:0; -ms-flex:0 0 56px; flex:0 0 56px; width:56px; margin-right:20px; } .achievements ul li .value { font-weight:600; font-size:38px; line-height:49px; color:#8CC6FF; position:relative; margin-top:-10px; } .achievements ul li .value sup { position:absolute; top:-12px; font-size:20px; } .achievements ul li .desc { font-weight:500; font-size:20px; line-height:28px; color:#000; margin-top:5px; } .gallery { margin:50px 0 -40px -40px; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .gallery.photogallery { overflow:hidden; margin-bottom:40px; } .gallery.photogallery.open { height:auto !important; margin-bottom:-30px; } .gallery li { -webkit-box-flex:0; -ms-flex:0 0 calc(33.333% - 40px); flex:0 0 calc(33.333% - 40px); height:300px; margin-left:40px; margin-bottom:40px; } .gallery li.big { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 40px); flex:0 0 calc(50% - 40px); height:400px; } .gallery li img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; vertical-align:top; } /* Сертификаты и дипломы */ .diploms .diploms-wrapper { overflow-x:hidden; } .diploms .diploms-wrapper ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; } .diploms .diploms-wrapper ul li { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; background-position:center; background-repeat:no-repeat; background-size:cover; border:5px solid #fff; } .diploms .diploms-wrapper ul li.diplom { background-image:url(/local/templates/default/../.default/assets/css/../images/diplom.svg); } .diploms .diploms-wrapper ul li.reward { background-image:url(/local/templates/default/../.default/assets/css/../images/reward.svg); } .diploms .diploms-wrapper ul li.gratitude { background-image:url(/local/templates/default/../.default/assets/css/../images/gratitude.svg); } .diploms .diploms-wrapper ul li a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:430px; text-align:center; padding:50px 30px; text-decoration:none; } .diploms .diploms-wrapper ul li a .top { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 45px); flex:0 0 calc(100% - 45px); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .diploms .diploms-wrapper ul li a .top .title { font-weight:bold; font-size:24px; line-height:26px; text-transform:uppercase; color:#000; } .diploms .diploms-wrapper ul li a .top .desc { font-size:18px; line-height:26px; } .diploms .diploms-wrapper ul li a .bottom { height:45px; width:165px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-weight:600; font-size:16px; line-height:24px; color:#000; background-color:#fff; border:1px solid rgba(128, 160, 207, 0.2); -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:6px; } .diploms .diploms-wrapper ul li a .bottom img { margin-right:10px; } .diploms .slider-scrollbar { max-width:100%; } /* Сотрудники */ .region { margin-top:0; line-height:1; } ul.employees+.region { margin-top:40px; } .region-desc { margin-top:-30px; margin-bottom:40px; } .employees { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 0 -40px -40px; padding:0; list-style:none; } .employees li { -webkit-box-flex:0; -ms-flex:0 0 calc(25% - 40px); flex:0 0 calc(25% - 40px); margin-left:40px; margin-bottom:40px; background-color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .employees li .image { height:275px; -webkit-box-flex:0; -ms-flex:0 0 275px; flex:0 0 275px; } .employees li .image img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; } .employees li .text { margin:20px; -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; text-align:center; } .employees li .text .name { font-size:24px; line-height:26px; color:#000; } .employees li .text .name span { font-weight:bold; display:block; } .employees li .text .post { margin-top:10px; font-size:18px; line-height:22px; } .employees li .contacts { border-top:1px solid #E0E7F1; padding-top:20px; margin:0 20px 20px; text-align:center; -webkit-box-flex:0; -ms-flex:0 0 75px; flex:0 0 75px; } .employees li .contacts a { text-decoration:none; } .employees li .contacts a.phone { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:22px; line-height:27px; letter-spacing:0.02em; color:#000; } .employees li .contacts a.phone img { margin-right:10px; } .employees li .contacts a.phone b { margin-left:5px; } .employees li .contacts a.email { font-size:18px; line-height:22px; } /* 404 */ .error404 { text-align:center; } .error404 .error-title { margin-top:-50px; color:#000; font-size:40px; } .error404 .more-button { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-top:85px; } /* Каталоги (скачивание) */ .downloads .selectors { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .downloads .selectors .download-tab-links { -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; border-bottom:1px solid #C0CDDB; margin-right:50px; } .downloads .selectors .download-tab-links ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .downloads .selectors .download-tab-links ul li { position:relative; font-size:22px; } .downloads .selectors .download-tab-links ul li a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:60px; text-decoration:none; padding:0 25px; opacity:0.7; } .downloads .selectors .download-tab-links ul li.active a { color:#000; font-weight:600; opacity:1; } .downloads .selectors .download-tab-links ul li.active:after { content:''; width:100%; height:3px; background-color:#3399FF; position:absolute; bottom:-1px; left:0; } .downloads .selectors .actions { -webkit-box-flex:0; -ms-flex:0 0 130px; flex:0 0 130px; } .downloads .selectors .actions .download-arrows { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .downloads .selectors .actions .download-arrows a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:60px; height:60px; border:1px solid #C0CDDB; border-radius:50%; } .downloads .selectors .actions .download-arrows a+a { margin-left:10px; } .downloads .selectors .actions .download-arrows a:hover { background-color:#fff; border-color:#fff; } .downloads .selectors .actions .download-arrows a img { width:20px; } .downloads .download-tabs .download-tab { display:none; } .downloads .download-tabs .download-tab.active { display:block; } .downloads .download-tabs .download-tab .download-wrapper { overflow-x:hidden; } .downloads .download-tabs .download-tab ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; } .downloads .download-tabs .download-tab ul li { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; } .downloads .download-tabs .download-tab ul li .image { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color:#fff; } .downloads .download-tabs .download-tab ul li .image img { vertical-align:top; } .downloads .download-tabs .download-tab ul li .name { margin-top:10px; background-color:#fff; padding:20px 32px; font-weight:500; font-size:20px; line-height:28px; } .downloads .download-tabs .download-tab ul li .name div { -o-text-overflow:ellipsis; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:56px; } .downloads .download-tabs .download-tab ul li .download { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#fff; text-decoration:none; height:68px; margin-top:1px; padding:0 32px; font-weight:600; font-size:18px; line-height:20px; color:#000; } .downloads .download-tabs .download-tab ul li .download img { margin-right:17px; } .downloads .download-tabs .download-tab ul li .download:hover { color:#3399FF; } /* Поставщики */ .suppliers { margin:-30px 0 0 -30px; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .suppliers li { -webkit-box-flex:0; -ms-flex:0 0 calc(100% / 3 - 30px); flex:0 0 calc(100% / 3 - 30px); margin-left:30px; margin-top:30px; background-color:#fff; padding:60px; } .suppliers li .image { display:-webkit-box; display:-ms-flexbox; display:flex; height:95px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:30px; } .suppliers li .image img { max-width:100%; max-height:100%; } .suppliers li .name { margin-bottom:20px; font-weight:600; font-size:40px; line-height:50px; color:#000; } .suppliers li .more-button { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-top:30px; } .suppliers li .more-button a { border:1px solid rgba(128, 160, 207, 0.2); } .suppliers-other { position:relative; } .suppliers-other .suppliers-arrow { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:72px; height:72px; background-color:#fff; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; z-index:1; } .suppliers-other .suppliers-arrow.prev { left:-36px; } .suppliers-other .suppliers-arrow.next { right:-36px; } .suppliers-other .suppliers-wrapper-other { overflow-x:hidden; } .suppliers-other .suppliers-wrapper-other .suppliers-ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; } .suppliers-other .suppliers-wrapper-other .suppliers-ul li { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; background-color:#fff; padding:60px; } .suppliers-other .suppliers-wrapper-other .suppliers-ul li .image { display:-webkit-box; display:-ms-flexbox; display:flex; height:95px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:30px; } .suppliers-other .suppliers-wrapper-other .suppliers-ul li .image img { max-width:100%; max-height:100%; } .suppliers-other .suppliers-wrapper-other .suppliers-ul li .name { margin-bottom:20px; font-weight:600; font-size:45px; line-height:55px; color:#000; } .suppliers-other .suppliers-wrapper-other .suppliers-ul li .more-button { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-top:30px; } .suppliers-other .suppliers-wrapper-other .suppliers-ul li .more-button a { border:1px solid rgba(128, 160, 207, 0.2); } /* Категория */ .products { margin:0; padding:0; list-style:none; } .products .product-item-container+.product-item-container { margin-top:15px; } .products li { background-color:#fff; } .products li a { padding:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-decoration:none; } .products li a .image { -webkit-box-flex:0; -ms-flex:0 0 125px; flex:0 0 125px; width:125px; height:125px; } .products li a .image img { vertical-align:top; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; } .products li a .desc { padding:0 40px; -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; } .products li a .desc .name { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:600; font-size:20px; line-height:25px; color:#000; } .products li a .desc .name .label { font-weight:600; font-size:14px; line-height:18px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 10px; height:26px; background:rgba(214, 223, 235, 0.5); border-radius:5px; margin-right:12px; } .products li a .desc .characteristics { margin:13px 0 7px; line-height:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .products li a .desc .characteristics div { font-weight:500; font-size:16px; line-height:19px; color:#7F8EA3; margin-right:10px; padding-left:10px; border-left:1px solid rgba(214, 223, 235, 0.5); width:200px; } .products li a .desc .characteristics div b { color:#000; font-weight:500; } .products li a .desc .characteristics div:nth-child(1) { padding-left:0; border-left:none; } .products li a .desc .all { font-weight:500; font-size:16px; line-height:19px; color:#3399FF; } .products li a .go-to-product { -webkit-box-flex:0; -ms-flex:0 0 100px; flex:0 0 100px; height:125px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .products li a .go-to-product a { width:50px; height:50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .products li a+li { margin-top:15px; } .category-slider .big-slider { position:relative; } .category-slider .big-slider .category-arrow { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:72px; height:72px; background-color:#fff; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .category-slider .big-slider .category-arrow.prev { left:-36px; } .category-slider .big-slider .category-arrow.next { right:-36px; } .category-slider ul { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0; padding:0; list-style:none; } .category-slider ul li { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; } .category-slider ul li img { vertical-align:top; width:100%; height:auto; aspect-ratio:2.43; } .category-slider ul.thumbs-ul { margin:20px 0; } .category-slider ul.thumbs-ul li { padding-bottom:6px; border-bottom:3px solid #DAE5EF; cursor:pointer; } .category-slider ul.thumbs-ul li.swiper-slide-thumb-active { border-bottom:3px solid #3399FF; } .category-slider .category-wrapper, .category-slider .thumbs-wrapper { overflow-x:hidden; } .category-slider .thumbs-wrapper img { width:115px; height:80px; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; } .category-slider .text { font-size:16px; line-height:24px; text-align:center; } .category-slider .thumbs { max-width:675px; margin:0 auto; } .information { background-color:#fff; padding:20px; } .product-slider .big-slider { position:relative; } .product-slider .big-slider .product-arrow { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:60px; height:60px; background-color:#fff; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .product-slider .big-slider .product-arrow.prev { left:-30px; } .product-slider .big-slider .product-arrow.next { right:-30px; } .product-slider .big-slider .product-arrow img { width:20px; } .product-slider ul { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0; padding:0; list-style:none; } .product-slider ul li { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; } .product-slider ul li img { vertical-align:top; } .product-slider ul.thumbs-product-ul { margin:20px 0 0; } .product-slider ul.thumbs-product-ul li { padding-bottom:6px; border-bottom:3px solid #DAE5EF; cursor:pointer; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; } .product-slider ul.thumbs-product-ul li.swiper-slide-thumb-active { border-bottom:3px solid #3399FF; } .product-slider .product-wrapper, .product-slider .thumbs-product-wrapper { overflow-x:hidden; } .product-slider .product-wrapper img { height:300px; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; } .product-slider .thumbs-product-wrapper img { height:56px; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; } .individual { border:10px solid #fff; padding:60px; text-align:center; } .individual h2 { margin-top:0; margin-bottom:25px; font-weight:normal; font-size:35px; line-height:42px; } .individual h2 b { font-size:40px; font-weight:700; display:block; color:#8CC6FF; } .individual p { font-size:22px; line-height:32px; } .individual .button { margin-top:40px; } .individual .button a { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; border-radius:6px; height:54px; background:#358CE2; color:#fff; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-decoration:none; padding:0 53px; font-weight:bold; font-size:20px; line-height:30px; } .h2-with-buttons { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .h2-with-buttons .buttons-arrows { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:25px; } .h2-with-buttons .buttons-arrows a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:60px; height:60px; margin-left:10px; border:1px solid #c0cddb; border-radius:50%; } .h2-with-buttons .buttons-arrows a img { width:20px; } .h2-with-buttons .buttons-arrows a:hover { border:1px solid #fff; background-color:#fff; } .dops-wrapper { overflow-x:hidden; } .dops-wrapper ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; } .dops-wrapper ul li { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; } .dops-wrapper ul li .image { height:210px; } .dops-wrapper ul li .image img { vertical-align:top; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; } .dops-wrapper ul li .name { margin:30px 0 15px; font-weight:600; font-size:22px; line-height:26px; color:#000; } .dops-wrapper ul li .desc { font-size:18px; line-height:26px; } .dops-wrapper ul li .more-button { margin-top:30px; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } /* Конакты */ .contacts .info { background-color:#fff; padding:55px 95px; } .contacts .info.flex { display:-webkit-box; display:-ms-flexbox; display:flex; } .contacts .info.flex .left, .contacts .info.flex .right { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; } .contacts .info .row+.row { margin-top:30px; } .contacts .info .title { position:relative; color:#8CC6FF; font-weight:600; font-size:14px; line-height:24px; text-transform:uppercase; } .contacts .info .title:after { content:''; position:absolute; top:5px; left:-36px; height:26px; width:26px; } .contacts .info .title.address:after { background:url(/local/templates/default/../.default/assets/css/../images/contact-address.svg) no-repeat center/contain; } .contacts .info .title.phone:after { background:url(/local/templates/default/../.default/assets/css/../images/contact-phone.svg) no-repeat center/contain; } .contacts .info .title.email:after { background:url(/local/templates/default/../.default/assets/css/../images/contact-email.svg) no-repeat center/contain; } .contacts .info .text { margin-top:5px; font-size:18px; line-height:26px; letter-spacing:0.02em; color:#000; } .contacts .info .text a { text-decoration:none; color:#000; } .contacts .info .text a+a { margin-left:10px; } .contacts .info .right { margin-top:-15px; margin-bottom:-15px; } .contacts .info .spoiler { padding:15px 0; } .contacts .info .spoiler+.spoiler { border-top:1px solid #E0E7F1; } .contacts .info .spoiler a { font-weight:500; font-size:18px; line-height:24px; letter-spacing:0.02em; color:#3399FF; text-decoration:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .contacts .info .spoiler a img { margin-left:15px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .contacts .info .spoiler .text { max-height:0; overflow:hidden; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .contacts .info .spoiler .text .del { height:15px; } .contacts .info .spoiler .text span { color:rgba(93, 108, 130, 0.7); } .contacts .info .spoiler.open a img { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); } .contacts .info .spoiler.open .text { max-height:400px; } .contacts .map { background-color:#fff; padding:5px; min-height:400px; margin-top:20px; } .contacts .flex { display:-webkit-box; display:-ms-flexbox; display:flex; } .contacts .flex .info, .contacts .flex .map { width:50%; margin:0; } .contacts .flex .map { border-left:6px solid #f6f9fc; } /* Видео */ .videos { margin:50px 0 -50px -20px; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .videos li { -webkit-box-flex:0; -ms-flex:0 0 calc(33.333% - 20px); flex:0 0 calc(33.333% - 20px); margin-left:20px; margin-bottom:50px; } .videos li .video { padding-bottom:56.25%; position:relative; } .videos li .video iframe { position:absolute; width:100%; height:100%; left:0; top:0; } .videos li .name { margin-top:25px; font-weight:500; font-size:18px; line-height:26px; color:#000; } /* Товар */ .product { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .product .images { -webkit-box-flex:0; -ms-flex:0 0 440px; flex:0 0 440px; width:440px; } .product .images .download { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; text-decoration:none; font-weight:600; font-size:18px; line-height:26px; color:#000; background-color:#fff; border-radius:10px; margin-top:20px; } .product .images .download .icon { width:80px; height:80px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-right:2px solid #F6F9FC; padding-left:10px; } .product .images .download .icon-down { width:80px; height:80px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .product .characteristics { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 490px); flex:0 0 calc(100% - 490px); margin-left:50px; padding:50px; background-color:#fff; } .product .characteristics .title { font-weight:600; font-size:22px; line-height:27px; color:#000; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #E5E5E5; } .product .characteristics .char-list { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .product .characteristics .char-list .char { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 50px); flex:0 0 calc(50% - 50px); margin-right:50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:10px 0; border-bottom:1px solid #E5E5E5; font-weight:500; font-size:16px; line-height:19px; } .product .characteristics .char-list .char .value { color:#000; text-align:right; margin-left:10px; } /* Табы */ .tabs-block .tabs-links { border-bottom:1px solid rgba(183, 197, 216, 0.6); overflow-x:auto; } .tabs-block .tabs-links ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .tabs-block .tabs-links ul li { border-bottom:3px solid transparent; } .tabs-block .tabs-links ul li a { font-weight:500; font-size:22px; line-height:27px; letter-spacing:0.02em; padding:20px 50px; display:-webkit-box; display:-ms-flexbox; display:flex; text-decoration:none; } .tabs-block .tabs-links ul li.active { border-bottom:3px solid #3399FF; } .tabs-block .tabs-links ul li.active a { font-weight:600; color:#000; } .tabs-block.diploms .tabs-links ul { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .tabs-block.diploms .tabs-links ul li a { padding:15px 20px; } .tabs-block .tabs .tabs-tab { display:none; } .tabs-block .tabs .tabs-tab.active { display:block; } .tabs-block .tabs .tabs-tab .title { font-size:40px; line-height:50px; color:#000; margin-bottom:40px; } .tabs-block .tabs .tabs-tab ul.questions { margin:0; padding:0; list-style:none; } .tabs-block .tabs .tabs-tab ul.questions li { background-color:#fff; } .tabs-block .tabs .tabs-tab ul.questions li+li { margin-top:10px; } .tabs-block .tabs .tabs-tab ul.questions li .question { display:-webkit-box; display:-ms-flexbox; display:flex; padding:35px 35px 35px 110px; text-decoration:none; font-weight:600; font-size:22px; line-height:26px; color:#000; position:relative; } .tabs-block .tabs .tabs-tab ul.questions li .question:after { content:''; width:20px; height:4px; background-color:#3399FF; position:absolute; top:50%; -webkit-transform:translateY(calc(-50% - 2px)); -ms-transform:translateY(calc(-50% - 2px)); transform:translateY(calc(-50% - 2px)); left:40px; } .tabs-block .tabs .tabs-tab ul.questions li .question:before { content:''; height:20px; width:4px; background-color:#3399FF; position:absolute; top:50%; -webkit-transform:translateY(calc(-50% - 2px)); -ms-transform:translateY(calc(-50% - 2px)); transform:translateY(calc(-50% - 2px)); left:48px; -webkit-transition:height 0.3s; -o-transition:height 0.3s; transition:height 0.3s; } .tabs-block .tabs .tabs-tab ul.questions li .answer { font-weight:normal; font-size:18px; line-height:30px; padding:0 110px; height:0; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; overflow:hidden; } .tabs-block .tabs .tabs-tab ul.questions li .answer p { margin:0; } .tabs-block .tabs .tabs-tab ul.questions li.active .question { color:#3399FF; } .tabs-block .tabs .tabs-tab ul.questions li.active .question:before { height:4px; } .tabs-block .tabs .tabs-tab ul.questions li.active .answer { border-top:1px solid #F6F9FC; height:auto; padding:40px 110px; } /* Список вакансий */ .vacancy-list { margin:0; padding:0; list-style:none; } .vacancy-list li { background-color:#fff; padding:55px 70px; } .vacancy-list li+li { margin-top:20px; } .vacancy-list li .post { font-weight:600; font-size:26px; line-height:26px; color:#000; margin-bottom:10px; } .vacancy-list li .money { font-size:24px; line-height:1; color:#76B1EB; margin-bottom:20px; } .vacancy-list li .money.no { font-size:20px; color:#5D6C82; opacity:0.5; } .vacancy-list li .more-button { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-top:30px; } .vacancy-list li .more-button a { border:1px solid rgba(128, 160, 207, 0.2); } .once-money { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:-30px; } .once-money .money { font-weight:500; font-size:30px; line-height:24px; color:#76B1EB; } .once-money .city { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-left:25px; } .once-money .city img { margin-right:10px; } /* Опросные листы */ .supplier-docs { margin-top:50px; } .supplier-docs .spoiler-block { max-height:230px; overflow:hidden; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; /*&.open{ max-height:1500px; }*/ } .question-lists { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-20px; } .question-lists li { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; } .question-lists li a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#fff; padding:10px; margin-left:20px; margin-bottom:20px; text-decoration:none; color:#000; } .question-lists li a .icon { -webkit-box-flex:0; -ms-flex:0 0 78px; flex:0 0 78px; width:78px; height:78px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-right:1px solid #E5E5E5; margin-right:30px; } .question-lists li a .icon img { width:36px; } /* Слайдер каталог на главной */ .index-catalog { overflow-x:hidden; } .index-catalog .catalog-pagination { display:none; } .index-catalog .container { display:-webkit-box; display:-ms-flexbox; display:flex; } .index-catalog .container .catalog-info { position:relative; z-index:5; background-color:#F6F9FC; width:400px; -webkit-box-flex:0; -ms-flex:0 0 400px; flex:0 0 400px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-right:130px; } .index-catalog .container .catalog-info:after { content:''; width:100vw; height:100%; background-color:#F6F9FC; position:absolute; top:0; right:0; z-index:-1; } .index-catalog .container .catalog-info p.big { margin:50px 0; } .index-catalog .container .catalog-info .catalog-arrows { margin-top:5px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .index-catalog .container .catalog-info .catalog-arrows a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:72px; height:72px; margin-right:10px; border:1px solid #C0CDDB; border-radius:50%; } .index-catalog .container .catalog-info .catalog-arrows a:hover { background-color:#fff; border-color:#fff; } .index-catalog .container .catalog-block { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 400px); flex:0 0 calc(100% - 400px); width:calc(100% - 400px); } .index-catalog .container .catalog-block .catalog-wrapper ul { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0; padding:0; list-style:none; } .index-catalog .container .catalog-block .catalog-wrapper ul li { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; background:#fff; text-align:right; } .index-catalog .container .catalog-block .catalog-wrapper ul li.fake { background:none !important; } .index-catalog .container .catalog-block .catalog-wrapper ul li a { display:block; text-decoration:none; position:relative; height:100%; } .index-catalog .container .catalog-block .catalog-wrapper ul li a .title { position:absolute; top:0; right:0; left:0; z-index:2; font-weight:500; font-size:26px; line-height:32px; color:#000; padding:45px 60px; text-align:left; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .index-catalog .container .catalog-block .catalog-wrapper ul li a img { vertical-align:top; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; z-index:1; } .index-catalog .container .catalog-block .catalog-wrapper ul li a img.hover { position:absolute; bottom:0; right:0; opacity:0; } .index-catalog .container .catalog-block .catalog-wrapper ul li a img.bg { position:absolute; bottom:0; left:0; opacity:0; z-index:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; } .index-catalog .container .catalog-block .catalog-wrapper ul li a .arrow { width:72px; height:72px; position:absolute; z-index:2; bottom:20px; right:20px; background-color:#fff; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .index-catalog .container .catalog-block .catalog-wrapper ul li a .arrow img { opacity:1 !important; } .index-catalog .container .catalog-block .catalog-wrapper ul li:hover a .title { color:#fff; } .index-catalog .container .catalog-block .catalog-wrapper ul li:hover a img { opacity:0; } .index-catalog .container .catalog-block .catalog-wrapper ul li:hover a img.hover, .index-catalog .container .catalog-block .catalog-wrapper ul li:hover a img.bg { opacity:1; } /* Услуги */ .services { margin:-30px 0 0 -30px; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .services li { -webkit-box-flex:0; -ms-flex:0 0 calc(33.333% - 30px); flex:0 0 calc(33.333% - 30px); margin-left:30px; margin-top:30px; background:#fff; padding:70px 60px; } .services li .icon { height:80px; } .services li .icon img { vertical-align:top; } .services li .name { font-weight:600; font-size:28px; line-height:34px; color:#000; margin:30px 0 20px; } .services li .desc { font-size:18px; line-height:26px; } .services li .more-button { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-top:35px; } .services li .more-button a { border:1px solid rgba(128, 160, 207, 0.2); } /* Новости */ .news { margin:0 0 -40px -40px; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .news li { -webkit-box-flex:0; -ms-flex:0 0 calc(25% - 40px); flex:0 0 calc(25% - 40px); margin-left:40px; margin-bottom:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .news li .image { height:220px; } .news li .image img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:cover; object-position:cover; } .news li .date { margin:30px 0 10px; font-size:16px; line-height:30px; color:#5D6C82; } .news li .name { font-weight:500; font-size:18px; line-height:24px; color:#000; } .news li .more-button { margin-top:50px; } .novelty { background-color:#fff; padding:60px 80px; max-width:1500px; color:#000; margin-top:-30px; } .novelty .desc { font-size:16px; line-height:24px; color:#5D6C82; padding:0 50px 30px; } .novelty ol, .novelty ul { padding-left:20px; } .novelty ol li::marker, .novelty ul li::marker { color:#3399FF; font-weight:bold; } .info-novelty { background-color:#fff; padding:30px 80px; max-width:1500px; margin-top:1px; } .info-novelty .date { font-size:18px; line-height:24px; } .info-novelty .tags { margin-top:40px; } .info-novelty .tags a { border:1px solid #E0E7F1; } .info-novelty .tags a:hover { border:1px solid #D8EBFF; background-color:#D8EBFF; } /* Области применения */ .areas-page { margin:0; padding:0; list-style:none; } .areas-page a { text-decoration:none; } .areas-page>li { background-color:#fff; border-left:8px solid #3399FF; } .areas-page>li .top { display:-webkit-box; display:-ms-flexbox; display:flex; } .areas-page>li .top .image { -webkit-box-flex:0; -ms-flex:0 0 355px; flex:0 0 355px; width:355px; padding:50px; background-color:#3399FF; } .areas-page>li .top .image span { font-weight:bold; font-size:20px; line-height:25px; color:#fff; display:block; margin-top:10px; } .areas-page>li .top .image img { width:34px; } .areas-page>li .top .image path { fill:#fff; } .areas-page>li .top .description { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 355px); flex:0 0 calc(100% - 355px); padding:20px 80px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .areas-page>li .top .description .name { margin-bottom:10px; } .areas-page>li .top .description .name a { font-weight:600; font-size:26px; line-height:32px; color:#000; } .areas-page>li .top .more-button { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-top:25px; } .areas-page>li .top .more-button a { border:1px solid rgba(128, 160, 207, 0.2); } .areas-page>li .bottom { padding:50px; } .areas-page>li+li { margin-top:50px; } .product-area { margin:0 0 0 -40px; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .product-area li { -webkit-box-flex:0; -ms-flex:0 0 calc(25% - 40px); flex:0 0 calc(25% - 40px); margin-top:40px; margin-left:40px; background-color:#fff; } .product-area li a { text-decoration:none; display:block; } .product-area li a .image { height:230px; } .product-area li a .image img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; vertical-align:top; } .product-area li a .name { font-weight:500; font-size:20px; line-height:28px; color:#000; height:116px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; padding:10px 30px; } /* Каталог */ .catalog { margin:0; padding:0; list-style:none; } .catalog>li+li { margin-top:50px; } .catalog>li a { text-decoration:none; } .catalog>li .top { background-color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .catalog>li .top .image { -webkit-box-flex:0; -ms-flex:0 0 355px; flex:0 0 355px; height:355px; width:355px; position:relative; background-color:#3399FF; } .catalog>li .top .image a { overflow:hidden; width:100%; height:100%; padding-left:60px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; } .catalog>li .top .image img { margin-top:50px; vertical-align:top; width:100%; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; height:calc(100% - 40px); -o-object-fit:cover; object-fit:cover; -o-object-position:bottom right; object-position:bottom right; } .catalog>li .top .image span { position:absolute; top:30px; left:35px; font-weight:bold; font-size:24px; line-height:30px; color:#fff; } .catalog>li .top .description { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 355px); flex:0 0 calc(100% - 355px); padding:80px; } .catalog>li .top .description .name { margin-bottom:10px; } .catalog>li .top .description .name a { font-weight:600; font-size:26px; line-height:32px; color:#000; } .catalog>li .top .more-button { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-top:25px; } .catalog>li .top .more-button a { border:1px solid rgba(128, 160, 207, 0.2); } .catalog>li .bottom { margin-top:10px; background-color:#fff; padding:45px 50px; } /* Филиалы */ .branches { padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; position:relative; } .branches:not(.lazysmartBg) { background:url(/local/templates/default/../.default/assets/css/../images/map-bg.png) no-repeat center top/cover; } .branches .container { position:absolute; top:185px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:1; } .branches .container .year { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .branches .container .year .count { color:#000; font-weight:500; font-size:30px; line-height:36px; margin-right:90px; } .branches .container .year .count div { font-weight:bold; font-size:150px; line-height:1; margin-bottom:-10px; } .branches .container .year .count div span { position:relative; font-size:50px; line-height:62px; margin-left:5px; } .branches .container .year .count div span:after { content:'+'; position:absolute; top:-95px; left:-20px; color:#3399FF; font-size:100px; font-weight:500; } .branches .container .year .text { font-size:24px; line-height:36px; max-width:690px; } .branches .map { position:relative; } .branches .map img { vertical-align:top; } .branches .map .count-block { position:absolute; top:50%; left:50%; -webkit-transform:translateY(-30%); -ms-transform:translateY(-30%); transform:translateY(-30%); color:#000; font-weight:500; font-size:30px; line-height:36px; } .branches .map .count-block b { display:block; font-size:35px; } .branches .map .count-block .count { padding-right:50px; font-weight:bold; font-size:150px; line-height:1; position:relative; margin-bottom:-10px; } .branches .map .count-block .count .icon { position:absolute; right:0; top:0; } .branches .map .branche { position:absolute; z-index:1; } .branches .map .branche:after { content:''; background:rgba(51, 153, 255, 0.05); width:80px; height:80px; position:absolute; top:-22px; left:-22px; border-radius:50%; z-index:-1; } .branches .map .branche.big:after { width:108px; height:108px; top:-36px; left:-36px; } .branches .map .branche .city { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:500; font-size:20px; line-height:24px; letter-spacing:0.02em; } .branches .map .branche .city a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:36px; width:36px; text-decoration:none; margin-right:13px; background-color:#3399FF; color:#fff; font-size:30px; border-radius:50%; position:relative; z-index:2; } .branches .map .branche.show { z-index:2; } .branches .map .branche.show .city a { padding-bottom:2px; } .branches .map .branche .branche-more { display:none; position:absolute; z-index:1; top:50%; left:18px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); border:10px solid #fff; -webkit-box-shadow:inset 0 0 0 1px #EFF4FA, 0 0 20px rgba(56, 95, 135, 0.03); box-shadow:inset 0 0 0 1px #EFF4FA, 0 0 20px rgba(56, 95, 135, 0.03); background:#fff; padding:45px 50px; width:395px; } .branches .map .branche .branche-more:after { content:''; position:absolute; top:50%; left:0; width:48px; height:48px; border-radius:50%; background:#fff; -webkit-transform:translate(-35px, -50%); -ms-transform:translate(-35px, -50%); transform:translate(-35px, -50%); z-index:1; } .branches .map .branche .branche-more .row { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#000; font-weight:500; font-size:18px; line-height:22px; letter-spacing:0.02em; } .branches .map .branche .branche-more .row .icon { -webkit-box-flex:0; -ms-flex:0 0 40px; flex:0 0 40px; } .branches .map .branche .branche-more .row .value { -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 40px); flex:0 0 calc(100% - 40px); } .branches .map .branche .branche-more .row.address { padding-bottom:13px; margin-bottom:13px; position:relative; } .branches .map .branche .branche-more .row.address:after { content:''; width:130px; height:1px; background:#E0E7F1; bottom:0; left:40px; position:absolute; } .branches .map .branche .branche-more .row.phone .value { font-size:24px; line-height:29px; } .branches .map .branche .branche-more .row.email .value { font-weight:500; font-size:16px; line-height:19px; letter-spacing:0.02em; color:#5D6C82; margin-top:8px; } .branches .map .branche.left .branche-more { left:auto; right:128px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .branches .map .branche.left .branche-more:after { right:0; left:auto; -webkit-transform:translate(calc(50% + 10px), -50%); -ms-transform:translate(calc(50% + 10px), -50%); transform:translate(calc(50% + 10px), -50%); } .branches .map .branche.show .branche-more { display:block; } /* Новости на главной */ .index-news { overflow-x:hidden; } .index-news .container { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; } .index-news .container:after { content:''; width:100vw; height:100%; background-color:#F6F9FC; position:absolute; top:0; right:calc(100% - 20px); } .index-news .container .news-pagination, .index-news .container .blog-pagination, .index-news .container .events-pagination { display:none; } .index-news .container .news-info { position:relative; z-index:1; background-color:#F6F9FC; -webkit-box-flex:0; -ms-flex:0 0 32%; flex:0 0 32%; width:32%; padding-right:140px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .index-news .container .news-info .news-arrows { margin-top:55px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .index-news .container .news-info .news-arrows a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:72px; height:72px; -webkit-box-flex:0; -ms-flex:0 0 72px; flex:0 0 72px; margin-right:10px; border:1px solid #C0CDDB; border-radius:50%; } .index-news .container .news-info .news-arrows a:hover { background-color:#fff; border-color:#fff; } .index-news .container .news-block { -webkit-box-flex:0; -ms-flex:0 0 68%; flex:0 0 68%; width:68%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .index-news .container .news-block .tab-links { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0; padding:0; list-style:none; } .index-news .container .news-block .tab-links li { margin-right:42px; position:relative; } .index-news .container .news-block .tab-links li a { color:rgba(93, 108, 130, 0.7); text-transform:uppercase; font-size:20px; line-height:24px; letter-spacing:0.02em; font-weight:500; text-decoration:none; } .index-news .container .news-block .tab-links li.active:after { content:''; height:3px; width:calc(100% + 16px); background-color:#3399FF; position:absolute; left:-8px; bottom:-10px; } .index-news .container .news-block .tab-links li.active a { color:#000; } .index-news .container .news-block .tab { display:none; } .index-news .container .news-block .tab.active { display:block; } .index-news .container .news-block .news-wrapper, .index-news .container .news-block .events-wrapper, .index-news .container .news-block .blog-wrapper { margin-top:30px; } .index-news .container .news-block .news-wrapper ul, .index-news .container .news-block .events-wrapper ul, .index-news .container .news-block .blog-wrapper ul { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0; padding:0; list-style:none; } .index-news .container .news-block .news-wrapper ul li, .index-news .container .news-block .events-wrapper ul li, .index-news .container .news-block .blog-wrapper ul li { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .index-news .container .news-block .news-wrapper ul li .image, .index-news .container .news-block .events-wrapper ul li .image, .index-news .container .news-block .blog-wrapper ul li .image { height:220px; } .index-news .container .news-block .news-wrapper ul li .image img, .index-news .container .news-block .events-wrapper ul li .image img, .index-news .container .news-block .blog-wrapper ul li .image img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:cover; object-position:cover; } .index-news .container .news-block .news-wrapper ul li .date, .index-news .container .news-block .events-wrapper ul li .date, .index-news .container .news-block .blog-wrapper ul li .date { margin:30px 0 10px; font-size:16px; line-height:30px; color:#5D6C82; } .index-news .container .news-block .news-wrapper ul li .name, .index-news .container .news-block .events-wrapper ul li .name, .index-news .container .news-block .blog-wrapper ul li .name { font-weight:500; font-size:18px; line-height:24px; color:#000; } .index-news .container .news-block .news-wrapper ul li .more-button, .index-news .container .news-block .events-wrapper ul li .more-button, .index-news .container .news-block .blog-wrapper ul li .more-button { margin-top:50px; } .index-text__container h1, .index-text__container h2 { margin:40px 0 15px 0; } /* Области применения */ .areas p { margin:40px 0 0; max-width:1000px; } .areas .list { padding:0; margin:100px 0 0 -1px; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .areas .list li { -webkit-box-flex:0; -ms-flex:0 0 calc(25% - 1px); flex:0 0 calc(25% - 1px); margin-top:1px; margin-left:1px; background-color:#fff; } .areas .list li a { display:block; padding:35px 50px; text-decoration:none; color:#000; font-weight:500; font-size:20px; line-height:24px; letter-spacing:0.02em; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; height:100%; } .areas .list li a .icon { margin-bottom:12px; width:40px; height:40px; position:relative; } .areas .list li a .icon img { position:absolute; top:0; left:0; width:40px; height:40px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .areas .list li a .icon img.white { opacity:0; } .areas .list li a:hover { color:#fff; background-color:#3399FF; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .areas .list li a:hover .icon img.white { opacity:1; } .areas .list li a:hover .icon img.blue { opacity:0; } /* Клиенты */ .clients.mb150 { margin-bottom:75px; } .clients .container { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .clients .container .count { font-weight:500; font-size:30px; line-height:36px; color:#000; } .clients .container .count span { display:block; font-weight:bold; font-size:150px; line-height:1; margin-bottom:-10px; position:relative; } .clients .container .count span:after { content:'+'; position:absolute; top:-30px; right:-40px; font-weight:500; font-size:100px; color:#3399FF; } .clients .container .text { max-width:700px; font-size:24px; line-height:36px; margin-left:175px; } .clients .clients-wrapper { background:#fff; overflow-x:hidden; } .clients .clients-wrapper ul { margin:0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; height:220px; } .clients .clients-wrapper ul li { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .clients .clients-pagination { display:none; } /* Форма */ .title-order { background:#fff; padding:50px 110px; text-align:center; background-image:-webkit-gradient(linear, left top, right top, from(#C8D5E4), color-stop(50%, #C8D5E4), color-stop(50%, transparent)); background-image:-o-linear-gradient(left, #C8D5E4 0%, #C8D5E4 50%, transparent 50%); background-image:linear-gradient(to right, #C8D5E4 0%, #C8D5E4 50%, transparent 50%); background-size:10px 1px; background-repeat:repeat-x; background-position:bottom; } .title-order .title { font-weight:bold; font-size:40px; line-height:55px; color:#000; } .title-order .subtitle { font-size:30px; line-height:36px; margin-top:5px; } .title-order .subtitle.small { font-weight:normal; font-size:22px; line-height:32px; } .title-order .vacancy { display:-webkit-box; display:-ms-flexbox; display:flex; text-align:left; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .title-order .vacancy .left { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; } .title-order .vacancy .left h2 { margin-top:0; margin-bottom:10px; } .title-order .vacancy .left p { margin-bottom:0; } .title-order .vacancy .right { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; padding-left:110px; } .title-order .vacancy .right .bg { background-color:#F6F9FC; height:200px; border-radius:100px 0 0 100px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:50px; color:#000; font-weight:500; font-size:24px; line-height:26px; } .title-order .vacancy .right .bg b { display:block; font-weight:bold; font-size:28px; line-height:30px; color:#3399FF; } .title-order .vacancy .right .bg>img { -webkit-box-flex:0; -ms-flex:0 0 93px; flex:0 0 93px; margin-right:34px; } .title-order .vacancy .right .bg .more-button { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-top:10px; } .order { background:#fff; padding:70px 110px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:-50px; position:relative; z-index:1; } .order.static { margin-bottom:0; } .order>* { -webkit-box-flex:0; -ms-flex:0 0 45%; flex:0 0 45%; } .order .text h2.big { font-weight:600; font-size:50px; line-height:50px; color:#8CC6FF; margin-bottom:5px; } .order .text .h2.big { font-weight:600; font-size:50px; line-height:50px; color:#8CC6FF; margin-bottom:5px; } .order .text div { font-size:30px; line-height:40px; color:#000; } .order .text p { font-size:20px; line-height:30px; margin-bottom:0; } .order .form .res { color:#e91212; margin-bottom:20px; } .order .form .res div+div { margin-top:5px; } .order .form .res:empty { margin-bottom:0; } .order .form .row { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .order .form .row+.row { margin-top:24px; } .order .form .input { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 5px); flex:0 0 calc(50% - 5px); } .order .form .input input, .order .form .input select { border:none; background:#F6F9FC; border:1px solid #F6F9FC; border-radius:6px; width:100%; height:48px; padding:0 20px; font-size:18px; } .order .form .input input::-webkit-input-placeholder, .order .form .input select::-webkit-input-placeholder { color:rgba(93, 108, 130, 0.5); } .order .form .input input::-moz-placeholder, .order .form .input select::-moz-placeholder { color:rgba(93, 108, 130, 0.5); } .order .form .input input:-ms-input-placeholder, .order .form .input select:-ms-input-placeholder { color:rgba(93, 108, 130, 0.5); } .order .form .input input::-ms-input-placeholder, .order .form .input select::-ms-input-placeholder { color:rgba(93, 108, 130, 0.5); } .order .form .input input::placeholder, .order .form .input select::placeholder { color:rgba(93, 108, 130, 0.5); } .order .form .input input.error, .order .form .input select.error { background-color:#fff0f0; border:1px solid #e91212; } .form .form-agreе { margin:10px 0; } .order .form .form-button { font-size:14px; line-height:20px; color:#5D6C82; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .order .form .form-button .button { margin-right:40px; } .order .form .form-button .button button { border-radius:6px; width:190px; height:50px; background:#3399FF; font-weight:bold; font-size:18px; color:#fff; border:none; } .order.subscribe .text { text-align:right; } .order.subscribe .text h2 { font-size:35px; line-height:1; } .order.subscribe>* { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 30px); flex:0 0 calc(50% - 30px); } .order.subscribe .form .input { -webkit-box-flex:0; -ms-flex:0 0 80%; flex:0 0 80%; } .order.resume { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .order.resume h2 { margin-top:0; text-align:center; } .order.resume .form .row { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .order.resume .input { margin:0 5px; -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; } .order.resume>* { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; width:100%; } .order.resume #file { width:0; height:0; overflow:hidden; opacity:0; } .order.resume .resume-button { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .order.resume .select-file { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-decoration:none; margin-left:30px; margin-right:50px; } .order.resume .select-file img { margin-right:10px; } .order.resume .select-file .name { font-weight:500; font-size:18px; line-height:18px; color:#3399FF; width:170px; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; } /* Подвал */ .footer { padding:130px 0 80px; background:-webkit-gradient(linear, left bottom, left top, color-stop(-49.23%, rgba(51, 153, 255, 0.5)), color-stop(42.25%, rgba(51, 153, 255, 0))), #1C2C52; background:-o-linear-gradient(bottom, rgba(51, 153, 255, 0.5) -49.23%, rgba(51, 153, 255, 0) 42.25%), #1C2C52; background:linear-gradient(360deg, rgba(51, 153, 255, 0.5) -49.23%, rgba(51, 153, 255, 0) 42.25%), #1C2C52; } .footer.p { padding:80px 0; } .footer a { text-decoration:none; } .footer .contacts-footer { margin:0 0 0 -5px; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .footer .contacts-footer li { background:#1D335D; border-radius:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-flex:0; -ms-flex:0 0 calc(25% - 5px); flex:0 0 calc(25% - 5px); margin-left:5px; margin-bottom:5px; padding:30px; } .footer .contacts-footer li .city { font-weight:600; font-size:18px; line-height:22px; letter-spacing:0.02em; color:#6B7DA9; margin-bottom:7px; } .footer .contacts-footer li .phone { margin-top:5px; text-decoration:none; font-size:20px; line-height:24px; letter-spacing:0.02em; color:#fff; } .footer .footer-navigation { margin:35px 0; padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; } .footer .footer-navigation>li { -webkit-box-flex:0; -ms-flex:0 0 calc(20% - 90px); flex:0 0 calc(20% - 90px); margin-top:50px; } .footer .footer-navigation>li>a { font-weight:bold; font-size:20px; line-height:25px; color:#fff; } .footer .footer-navigation>li ul { margin:15px 0 0; padding:5px 0 0; list-style:none; } .footer .footer-navigation>li ul li { margin-top:15px; } .footer .footer-navigation>li ul li a { font-size:18px; line-height:24px; color:#6B7DA9; } .footer .copyright-powered { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .footer .copyright-powered .copyright { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:500; font-size:16px; line-height:24px; color:#6B7DA9; } .footer .copyright-powered .copyright a { margin-right:20px; } .footer .copyright-powered .copyright a img { vertical-align:top; } .footer .copyright-powered .powered a { text-decoration:none; color:#3399FF; } .footer .links { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; font-weight:500; font-size:16px; line-height:24px; margin-top:25px; } .footer .links a { text-decoration:none; color:#3399FF; } .footer .links a+a { margin-left:30px; } /* Модалки */ .auto-overlay { position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(255, 255, 255, 0.2); z-index:10000; display:none; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:20px; } .auto-overlay.open { display:-webkit-box; display:-ms-flexbox; display:flex; } .auto-overlay .modal { max-width:850px; background:url(/local/templates/default/../.default/assets/css/../images/modal.jpg) no-repeat left/cover; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5); box-shadow:0 0 10px rgba(0, 0, 0, 0.5); padding:45px; position:relative; max-height:100%; display:none; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .auto-overlay .modal.banner { width:auto; } .auto-overlay .modal.open { display:-webkit-box; display:-ms-flexbox; display:flex; } .auto-overlay .modal .close_auto { position:absolute; top:20px; right:20px; position:absolute; font-size:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#fff; text-decoration:none; font-weight:400; width:26px; height:26px; border:1px solid #fff; border-radius:50%; } .auto-overlay .modal.banner .close_auto { top:17px; right:16px; } .auto-overlay .modal .logo { margin-bottom:10px; } .auto-overlay .modal p { font-size:25px; line-height:30px; text-transform:uppercase; text-align:center; color:#fff; font-weight:bold; } .auto-overlay .modal .promo { font-size:18px; margin-top:5px; color:#fff; } .auto-overlay .modal a.link { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:275px; height:65px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:38px; background:#ad9061; border:2px solid #fff; color:#fff; text-decoration:none; font-size:20px; text-transform:uppercase; font-weight:bold; margin-top:20px; padding-left:10px; } .auto-overlay .modal a.link:after { content:''; background:url(/local/templates/default/../.default/assets/css/../images/link-arrow.png) no-repeat center/contain; width:40px; height:40px; border-radius:50%; display:inline-block; margin-left:14px; } .auto-overlay .modal.open img { max-height:calc(100vh - 100px); } .overlay { position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(29, 51, 92, 0.25); z-index:99; display:none; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:20px; z-index:999; } .overlay.filters { padding:0; } .overlay.open { display:-webkit-box; display:-ms-flexbox; display:flex; } .overlay .modal { width:100%; max-width:1000px; background:#F6F9FC; padding:100px; position:relative; max-height:100%; display:none; } .overlay .modal.open { display:block; } .overlay .modal#filters { width:100vw; padding:0; } .overlay .modal#filters .filters-block-modal { overflow-y:auto; padding:30px; max-height:100vh; } .overlay .modal#filters .filters-block { background-color:#F6F9FC; padding:0; -webkit-box-shadow:none; box-shadow:none; } .overlay .modal#filters .filters-block .set_filter_mobile { display:inline-block; } .overlay .modal#filters .filters-block .filters .filter { -webkit-box-flex:0; -ms-flex:0 0 calc(100% / 4 - 30px); flex:0 0 calc(100% / 4 - 30px); } .overlay .modal#modal-individual .form { margin-top:40px; } .overlay .modal#modal-individual .form .res { color:#e91212; margin-bottom:20px; } .overlay .modal#modal-individual .form .res div+div { margin-top:5px; } .overlay .modal#modal-individual .form .res:empty { margin-bottom:0; } .overlay .modal#modal-individual .form .row { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .overlay .modal#modal-individual .form .row+.row { margin-top:24px; } .overlay .modal#modal-individual .form .input { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 5px); flex:0 0 calc(50% - 5px); } .overlay .modal#modal-individual .form .input input, .overlay .modal#modal-individual .form .input select { border:none; background:#fff; border:1px solid #fff; border-radius:6px; width:100%; height:48px; padding:0 20px; font-size:18px; } .overlay .modal#modal-individual .form .input input::-webkit-input-placeholder, .overlay .modal#modal-individual .form .input select::-webkit-input-placeholder { color:rgba(93, 108, 130, 0.5); } .overlay .modal#modal-individual .form .input input::-moz-placeholder, .overlay .modal#modal-individual .form .input select::-moz-placeholder { color:rgba(93, 108, 130, 0.5); } .overlay .modal#modal-individual .form .input input:-ms-input-placeholder, .overlay .modal#modal-individual .form .input select:-ms-input-placeholder { color:rgba(93, 108, 130, 0.5); } .overlay .modal#modal-individual .form .input input::-ms-input-placeholder, .overlay .modal#modal-individual .form .input select::-ms-input-placeholder { color:rgba(93, 108, 130, 0.5); } .overlay .modal#modal-individual .form .input input::placeholder, .overlay .modal#modal-individual .form .input select::placeholder { color:rgba(93, 108, 130, 0.5); } .overlay .modal#modal-individual .form .input input.error, .overlay .modal#modal-individual .form .input select.error { background-color:#fff0f0; border:1px solid #e91212; } .overlay .modal#modal-individual .form .form-button { font-size:14px; line-height:20px; color:#5D6C82; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .overlay .modal#modal-individual .form .form-button .button { margin-right:40px; } .overlay .modal#modal-individual .form .form-button .button button { border-radius:6px; width:190px; height:50px; background:#3399FF; font-weight:bold; font-size:18px; color:#fff; border:none; } .overlay .modal .closemodal { position:absolute; top:20px; right:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-decoration:none; font-size:14px; color:#b6b9ca; z-index:99; } .overlay .modal .closemodal img { vertical-align:middle; margin-left:5px; } .overlay .modal .title { font-weight:bold; font-size:50px; line-height:55px; text-align:center; color:#000; } .overlay .modal#filters .title { text-align:left; } .overlay .modal .desc { font-size:30px; line-height:36px; margin-top:25px; text-align:center; } /* Share */ .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short { background:none !important; padding:0 !important; } .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more { background-image:url(/local/templates/default/../.default/assets/css/../images/share.svg) !important; background-size:60% !important; } /* Скролл таблицы */ .table-container { position:relative; } .table-viewport { overflow:auto; } .table-container.right-shadow:after, .table-container.left-shadow:before { content:''; position:absolute; top:0; width:30px; height:100%; } .table-container.right-shadow:after { right:0; background:-webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.07))); background:-o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.07) 100%); background:linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.07) 100%); } .table-container.left-shadow:before { left:0; background:-webkit-gradient(linear, right top, left top, from(transparent), to(rgba(0, 0, 0, 0.07))); background:-o-linear-gradient(right, transparent 0%, rgba(0, 0, 0, 0.07) 100%); background:linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.07) 100%); } .copyright-date { margin-right:20px; } .socials { display:flex; align-items:center; } .socials-link { width:50px; height:50px; margin-right:25px; } .socials-link:last-child { margin-right:0; } @media (max-width:600px) { .socials { order:4; } .footer .copyright-powered .copyright a.socials-link { margin-top:0 !important; margin-right:25px; margin-bottom:0; } .footer .copyright-powered .copyright a.socials-link:last-child, .copyright-date { margin-right:0; } .copyright-date { order:2; } .copyright-logo { order:3; } } .clients-wrapper:not(.swiper-container-initialized) .clients-li:not(:first-child), .news-wrapper:not(.swiper-container-initialized) .news-li:not(:first-child), .events-wrapper:not(.swiper-container-initialized) .events-li:not(:first-child), .blog-wrapper:not(.swiper-container-initialized) .blog-li:not(:first-child) { display:none } .video-main{ background-color:#1C2C52; position:relative; overflow:hidden; padding:60px 0; } .video-main .container{ position:relative; z-index:1; } .video-main::before{ background:radial-gradient(50% 50% at 50% 50%, #214478 0%, #1C2C52 100%); position:absolute; width:900px; height:900px; border-radius:50%; content:''; left:50%; transform:translateX(-50%); } .flex-video{ display:flex; justify-content:space-between; gap:30px; } .flex-video-label{ font-weight:600; font-size:60px; line-height:100%; color:#fff; } .flex-video-frame{ background-color:#1D335D; padding:20px; } .flex-video-frame-inner{ background:url('/local/templates/default/../.default/assets/css/../images/video.webp') no-repeat 50%; width:730px; height:430px; background-size:cover; display:flex; justify-content:center; align-items:center; position:relative; max-width:100%; } .flex-video-frame-inner::before{ background:rgb(51 153 255 / 30%); width:100%; height:100%; position:absolute; content:''; display:block; } .flex-video-frame-inner iframe{ width:100%; height:100%; position:relative; z-index:1; } .flex-video-frame-inner video{ width:100%; height:100%; position:relative; z-index:1; } .flex-video-frame-btn{ width:82px; height:82px; background:url('/local/templates/default/../.default/assets/css/../images/btn.png') no-repeat 50%; cursor:pointer; position:relative; z-index:1; } .flex-video-frame-btn:hover{ opacity:0.8; } .flex-video-text{ color:#fff; } .flex-video-text-t{ margin-top:20px; } @media (max-width:1200px) { .flex-video{ flex-wrap:wrap; } } @media (max-width:768px) { .flex-video-label{ font-size:45px; } .flex-video-frame-inner{ width:100%; height:auto; aspect-ratio:1.69; } .flex-video-frame{ width:100%; } .flex-video-frame-btn{ width:50px; height:50px; background-size:contain; } } .big-slider .flex-video-frame{ aspect-ratio:2.43; height:auto; padding:0; } .big-slider .flex-video-frame-inner{ height:100%; width:100%; } .big-slider .flex-video-frame-inner video{ object-fit:cover; } .category-wrapper li{ width:100% !important; } @media (max-width:1080px) { .header ul.main-menu { top:60px!important; } } .order .form .row{ flex-wrap: wrap; } .order .form .row .input{ margin-bottom: 10px; } #scrollToTopBtn { position: fixed; bottom: 30px; right: 30px; z-index: 99; border: none; outline: none; background-color: #3399FF; color: white; cursor: pointer; padding: 0; border-radius: 50%; /* Круглая кнопка */ font-size: 18px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); opacity: 0; /* Скрыта по умолчанию */ visibility: hidden; transition: opacity 0.3s, visibility 0.3s, transform 0.3s; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; } #scrollToTopBtn.show { opacity: 1; visibility: visible; } #scrollToTopBtn svg{ transform: rotate(-90deg) scale(0.8); } /* End */ /* Start:/local/templates/default/../.default/assets/css/screen.css?173761208837414*/ @media (max-width:1540px){ .areas .big-container{ padding:0; } .order{ margin-bottom:0; margin-left:-20px; width:calc(100% + 40px); } .title-order{ margin-left:-20px; width:calc(100% + 40px); } .footer, .footer.p{ padding:30px 0 50px 0; } } @media (max-width:1440px){ .header .main-bottom > div{ padding:30px 50px; } .achievements ul li .value{ font-size:30px; line-height:40px; } } @media (max-width:1415px){ .suppliers-other .suppliers-arrow{ width:60px; height:60px; -webkit-box-flex:0; -ms-flex:0 0 60px; flex:0 0 60px; } .suppliers-other .suppliers-arrow.prev{ left:0; } .suppliers-other .suppliers-arrow.next{ right:0; } } @media (max-width:1400px){ .header ul.main-menu li + li{ margin-left:30px; } .category-slider .big-slider .category-arrow.prev, .about-suppliers .overlay-suppliers .suppliers-arrow.prev{ left:0; border-radius:0 50% 50% 0; } .category-slider .big-slider .category-arrow.next, .about-suppliers .overlay-suppliers .suppliers-arrow.next{ right:0; border-radius:50% 0 0 50%; } } @media (max-width:1360px){ .big-container .container{ padding:0; } .page-title .years{ font-size:100px; } .page-title .years span{ font-size:100px; margin-left:50px; } } @media (max-width:1300px){ .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .image, .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .text{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; } .achievements ul li{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 2px); flex:0 0 calc(50% - 2px); } } @media (max-width:1230px){ .header.index{ margin-bottom:100px; } .index-catalog .container{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .index-catalog .container .catalog-info{ position:static; width:100%; padding:0; margin-bottom:40px; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; } .index-catalog .container .catalog-info:after{ display:none; } .index-catalog .container .catalog-block{ width:100%; } .index-catalog .container .catalog-info .catalog-arrows{ margin-top:15px; } } @media (max-width:1200px){ .header ul.main-menu li + li{ margin-left:20px; } .header ul.main-menu li a img{ display:none; } .footer .footer-navigation > li{ -webkit-box-flex:0; -ms-flex:0 0 calc(20% - 50px); flex:0 0 calc(20% - 50px); } .order{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .order > *{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; width:100%; } .order .text{ text-align:center; } .order .form{ margin-top:30px; } .product .characteristics .char-list .char{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; } .videos li{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 20px); flex:0 0 calc(50% - 20px); } .downloads .selectors .download-tab-links{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; overflow-x:auto; white-space:nowrap; } .downloads .selectors .actions{ display:none; } .steps-block{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .steps-block .title{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; } .steps-block .steps{ margin-top:40px; } .growth{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .growth .text{ margin-top:30px; } .suppliers li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% / 2 - 30px); flex:0 0 calc(100% / 2 - 30px); } .news li{ -webkit-box-flex:0; -ms-flex:0 0 calc(33.333% - 40px); flex:0 0 calc(33.333% - 40px); } .order.subscribe .text{ text-align:center; } .order.subscribe .form .row{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } } @media (max-width:1150px){ .header.index{ height:auto; min-height:auto; } .header .main-bottom{ -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; text-align:center; } .header .main-container{ text-align:center; margin:50px 0; } .page-title{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .page-title .title{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin-bottom:30px; } .title-order .vacancy .right{ padding-left:50px; } .employees li{ -webkit-box-flex:0; -ms-flex:0 0 calc(33.333% - 40px); flex:0 0 calc(33.333% - 40px); } } @media (max-width:1100px){ .areas .list li{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 1px); flex:0 0 calc(50% - 1px); } .services li{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 30px); flex:0 0 calc(50% - 30px); } } @media (max-width:1080px){ .header .navigation .openmenu{ display:block; } .header:not(.index) ul.main-menu li{ height:50px; } .header ul.main-menu{ display:none; position:absolute; top:0; right:0; bottom:0; left:0; height:100vh!important; background:-webkit-gradient(linear, left bottom, left top, color-stop(-49.23%, rgba(51, 153, 255, 0.5)), color-stop(42.25%, rgba(51, 153, 255, 0))), #1C2C52; background:-o-linear-gradient(bottom, rgba(51, 153, 255, 0.5) -49.23%, rgba(51, 153, 255, 0) 42.25%), #1C2C52; background:linear-gradient(360deg, rgba(51, 153, 255, 0.5) -49.23%, rgba(51, 153, 255, 0) 42.25%), #1C2C52; } .header ul.main-menu.open{ display:block; z-index:999; overflow-y:auto; } .header ul.main-menu li.closemenu{ display:-webkit-box; display:-ms-flexbox; display:flex; text-align:left; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-top:15px; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; } .header ul.main-menu li.closemenu a path{ stroke:#fff; } .header ul.main-menu li{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0 15px; text-align:center; } .header ul.main-menu li.active{ border-bottom:none; } .branches{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .branches .container{ position:relative; -webkit-transform:none; -ms-transform:none; transform:none; top:150px; left:0; } .with-resume{ -ms-flex-wrap:wrap; flex-wrap:wrap; } .resume-button{ -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; width:100%; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-bottom:30px; } } @media (max-width:1050px){ .title-order.vacancy-title{ padding-bottom:0; background-image:none; } .title-order .vacancy{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .title-order .vacancy .left{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; text-align:center; } .title-order .vacancy .right{ padding:0; margin-top:30px; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:calc(100% + 220px); } .title-order .vacancy .right .bg{ border-radius:0; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } } @media (max-width:1000px){ .clients .container{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .clients .container .text{ margin-left:0; margin-top:30px; text-align:center; } .catalog > li .top .description{ padding:50px; } .list ul li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; } .openfilters{ display:-webkit-box; display:-ms-flexbox; display:flex; } /*.filters-block{ display:none; }*/ .products li a .go-to-product{ display:none; } .information table{ min-width:920px; } .sidebar-content{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .sidebar-content .sidebar{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; } .sidebar-content .content{ width:100%; margin-left:0; margin-top:50px; } .videos li{ -webkit-box-flex:0; -ms-flex:0 0 calc(33.333% - 20px); flex:0 0 calc(33.333% - 20px); } .areas-page > li{ border-left:none; } .areas-page > li .top{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .areas-page > li .top .image{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%; background-color:#fff; padding:30px; } .areas-page > li .top .image path{ fill:#ACD8FE; } .areas-page > li .top .image span{ color:#000; } .areas-page > li .top .description{ border-top:5px solid #f6f9fc; border-bottom:5px solid #f6f9fc; } .areas-page > li .top .description, .areas-page > li .bottom{ padding:30px; } .product-area li{ -webkit-box-flex:0; -ms-flex:0 0 calc(33.333% - 40px); flex:0 0 calc(33.333% - 40px); } .director-block{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .director-block .director{ margin:0 auto; } } @media (max-width:950px){ .footer .contacts-footer li{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 5px); flex:0 0 calc(50% - 5px); } .strategy{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .strategy .title{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .image, .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .text{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; height:auto; } .suppliers-pagination{ display:block; } .about-suppliers .overlay-suppliers .suppliers-arrow{ display:none; } } @media (max-width:900px){ .header .main-container{ font-size:50px; line-height:55px; } .index-news .container{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .index-news .container:after{ display:none; } .index-news .container .news-info, .index-news .container .news-block{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; width:100%; padding:0; } .index-news .container .news-info .news-arrows{ margin:30px 0; } .product{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .product .images{ width:100%; } .product .characteristics{ margin-left:0; width:100%; margin-top:20px; } .product-slider .big-slider .product-arrow.prev{ left:0; border-radius:0 50% 50% 0; } .product-slider .big-slider .product-arrow.next{ right:0; border-radius:50% 0 0 50%; } .contacts .flex{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .contacts .info.flex .right{ margin-top:30px; } .contacts .flex .info, .contacts .flex .map{ width:100%; } .contacts .flex .map{ border-left: 0; } .contacts .flex .map{ margin-top:20px; } .big-image:after{ height:200px; } .gallery li{ height:200px; } .gallery li.big{ height:300px; } .suppliers li{ padding:30px; } } @media (max-width:850px){ .footer .footer-navigation{ margin-top:0; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .footer .footer-navigation > li{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; padding-right:30px; } .products li a .desc .characteristics{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin:13px 0; } .products li a .desc .characteristics div{ padding-left:0; border-left:none; } .products li a .image{ -webkit-box-flex:0; -ms-flex:0 0 155px; flex:0 0 155px; width:155px; height:155px; } .videos li{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 20px); flex:0 0 calc(50% - 20px); } .employees li{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 40px); flex:0 0 calc(50% - 40px); } .order.resume{ padding:50px; } .order.resume .input{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; } .tags ul{ -ms-flex-wrap:nowrap; flex-wrap:nowrap; overflow-x:auto; } .tags .tags-more{ display:none; } } @media (max-width:800px){ h1{ font-size:40px; line-height:45px; margin:50px 0; } .error404 .error-title{ margin-top:0; } .catalog > li + li{ margin-top:20px; } .catalog > li .top{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .catalog > li .top .image{ width:100%; } .catalog > li .top .image img{ /*object-fit:none; margin-top:-20px;*/ } .catalog > li .top .image img{ -o-object-fit:contain; object-fit:contain; /*margin-top:-20px;*/ } .list ul li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; } .overlay .modal#filters .filters-block .filters .filter{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% / 3 - 30px); flex:0 0 calc(100% / 3 - 30px); } .tabs-block .tabs-links ul{ -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .question-lists li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; } .global .global-pagination span + span{ margin-left:50px; } .global .global-pagination span:after{ width:50px; } .novelty{ padding:5px 20px; } .news li{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 40px); flex:0 0 calc(50% - 40px); } } @media (max-width:750px){ .clients .container .text, .branches .container .year .text{ font-size:18px; line-height:28px; } .branches .map .count-block{ -webkit-transform:none; -ms-transform:none; transform:none; top:210px; } .branches .map .branche{ position:relative; top:0!important; left:0!important; margin:0 150px; margin-top:-150px; } .branches .map .branche + .branche{ margin-top:20px; } .branches .map .branche:after{ display:none; } .branches .map .branche.left .branche-more{ left:18px; right:auto; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .branches .map .branche.left .branche-more:after{ right:0; left:auto; -webkit-transform:translate(calc(50% + 10px), -50%); -ms-transform:translate(calc(50% + 10px), -50%); transform:translate(calc(50% + 10px), -50%); } .branches .map .branche .branche-more:after{ display:none; } .branches .map .branche .branche-more{ display:block; padding:0 50px; border-width:0; position:static; -webkit-transform:none; -ms-transform:none; transform:none; max-height:0px; overflow:hidden; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .branches .map .branche.left .branche-more{ -webkit-transform:none; -ms-transform:none; transform:none; } .branches .map .branche.show .branche-more{ max-height:400px; margin-top:20px; padding:45px 50px; border-width:10px; } .services li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 30px); flex:0 0 calc(100% - 30px); } .category-slider .big-slider .category-arrow, .product-slider .big-slider .product-arrow{ width:50px; height:50px; } .category-slider .big-slider .category-arrow img, .product-slider .big-slider .product-arrow img{ width:20px; } .individual br{ display:none; } .product-area li{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 40px); flex:0 0 calc(50% - 40px); } .steps-block{ margin-top:100px; } .steps-block .steps ul li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 40px); flex:0 0 calc(100% - 40px); } .about-suppliers .overlay-suppliers .suppliers-wrapper ul li .text{ padding:30px; } .auto-overlay .modal p{ font-size:24px; line-height:30px; } } @media (max-width:700px){ .header .main-container{ font-size:40px; line-height:42px; } .order{ padding:50px 70px; } .big-with-image img{ display:none; } .gallery li, .gallery li.big{ height:200px; } .growth .title{ margin-right:0; } .tabs-block .tabs-links{ white-space:nowrap; } .suppliers li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 30px); flex:0 0 calc(100% - 30px); } .suppliers li .image{ height:auto; } } @media (max-width:650px){ h2.big, .order .text h2.big{ font-size:40px; line-height:45px; margin:0; text-align:center; } .order.resume h2{ margin:0; } h2.big span{ font-size:35px; line-height:35px; } .overlay .modal .title{ font-size:25px; line-height:30px; } p.big, .order .text p{ font-size:18px; line-height:28px; } .order .text p{ text-align:center; } .order .text div{ font-size:25px; line-height:30px; } .index-catalog .catalog-wrapper{ width:calc(100% + 40px); background-color:white; margin-left:-20px; } .index-catalog .container .catalog-info .catalog-arrows{ display:none; } .index-catalog .catalog-pagination{ display:block; } .index-catalog .container .catalog-wrapper ul li a .title{ text-align:center; } .footer .footer-navigation > li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; padding-right:0; margin-top:10px; position:relative; } .footer .footer-navigation > li a{ display:block; position:relative; z-index:2; } .footer .footer-navigation > li:after{ content:''; width:10px; height:10px; border-right:2px solid #6B7DA9; border-bottom:2px solid #6B7DA9; position:absolute; top:6px; right:10px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .footer .footer-navigation > li ul{ border-top:1px solid rgba(97, 115, 158, 0.35); max-height:1px; overflow:hidden; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .footer .footer-navigation{ margin-top:30px; } .footer .footer-navigation > li.open:after{ -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg); top:12px; } .footer .footer-navigation > li.open ul{ max-height:1000px; margin-bottom:30px; } .branches .map .branche{ margin-top:-100px; } .branches .container .year{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .branches .container .year .count{ margin-right:0; } .branches .container .year .text{ margin-top:30px; text-align:center; } .index-catalog .container .catalog-info:after{ display:none; } .index-news .container .news-info .news-arrows{ display:none; } .index-news .container .news-block{ margin-top:30px; } .index-news .container .news-block .tab-links{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .index-news .container .news-block .tab-links li{ margin:0 21px; } .index-news .container .news-pagination, .index-news .container .blog-pagination, .index-news .container .events-pagination{ display:block; margin-top:30px; } .index-news .container .news-block .blog-wrapper ul li .more-button, .index-news .container .news-block .events-wrapper ul li .more-button, .index-news .container .news-block .news-wrapper ul li .more-button{ margin-top:20px; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .achievements ul li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 2px); flex:0 0 calc(100% - 2px); } .order .form .form-button{ margin-right:0; } .order .form .form-button button{ margin-bottom:30px; } #modalCallback .order .form .form-button button{ margin-bottom:0; } .novelty .desc{ padding-left:0; padding-right:0; } .info-novelty{ padding-left:20px; padding-right:20px; } } @media (max-width:600px){ .header .main-container{ font-size:30px; line-height:32px; } .header .main-bottom > div{ padding:10px 30px; } .header .main-bottom .bg{ margin-top:30px; font-size:18px; line-height:20px; } .header .main-bottom .catalog-info .more{ margin-top:30px; padding:0; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .footer .big-container{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .footer .contacts-footer, .footer .footer-navigation, .footer .links{ -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .footer .links{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; text-align:center; justify-content:center; align-items:center; } .footer .links a + a{ margin-left:0; margin-top:10px; } .footer .copyright-powered{ -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; margin-top:10px; } .footer .copyright-powered .copyright{ flex-direction:column; margin-top:20px; } .footer .copyright-powered .copyright a{ margin-right:0; /*margin-top:30px;*/ margin-bottom:20px; order:3; } .copyright-date{ margin-bottom:20px; } .branches .container{ top:100px; } .branches .map .branche{ margin-top:-50px; } .branches .map .branche .branche-more{ width:calc(100% + 300px); margin-left:-150px; } .categories-list li a{ padding:5px 20px; font-size:16px; } .links{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .links li + li{ margin-left:0; margin-top:10px; } .links li a img{ width:48px; height:38px; -o-object-fit:contain; object-fit:contain; -o-object-position:center; object-position:center; } .overlay .modal#filters .filters-block .filters .filter{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% / 2 - 30px); flex:0 0 calc(100% / 2 - 30px); } .videos li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 20px); flex:0 0 calc(100% - 20px); } .tabs-block .tabs .tabs-tab ul.questions li .question{ padding:25px 25px 25px 74px; font-size:18px; line-height:22px; } .tabs-block .tabs .tabs-tab ul.questions li .answer{ font-size:16px; line-height:22px; } .tabs-block .tabs .tabs-tab ul.questions li .question:after{ left:27px; } .tabs-block .tabs .tabs-tab ul.questions li .question:before{ left:35px; } .tabs-block .tabs .tabs-tab ul.questions li.active .answer{ padding:25px; } .big-image:after{ height:100px; } .employees li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 40px); flex:0 0 calc(100% - 40px); } } @media (max-width:550px){ .branches .map .branche{ margin:0 75px; } .branches .map .branche{ margin-top:0px; } .branches .map .branche .branche-more{ width:calc(100% + 150px); margin-left:-75px; } .branches .map .count-block{ -webkit-transform:translate(-50%, -20%); -ms-transform:translate(-50%, -20%); transform:translate(-50%, -20%); } .branches .container{ margin-bottom:0; } .areas .list{ margin-top:50px; } .areas .list li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 1px); flex:0 0 calc(100% - 1px); } .areas .list li a{ font-size:18px; line-height:22px; } .mb100, .mb150{ margin-bottom:50px; } .mt100{ margin-top:50px; } .areas p{ text-align:center; } .header .navigation .search-form .icon{ display:none; } .header .navigation .search-form .button{ -webkit-box-flex:0; -ms-flex:0 0 40px; flex:0 0 40px; margin-left:10px; } .header .navigation .search-form .button button{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:none; } .header .navigation .search-form .button button span{ display:none; } .header .navigation .search-form .button button svg{ display:block; } .header .navigation .search-form .button button svg line, .header .navigation .search-form .button button svg circle{ stroke:#000; } .header .navigation .search-form .close{ -webkit-box-flex:0; -ms-flex:0 0 40px; flex:0 0 40px; } .header .navigation .search-form .input{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 90px); flex:0 0 calc(100% - 90px); } .order .form .row{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .order .form .input{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; width:100%; } .order .form .input input{ width:100%; } .order .form .input + .input{ margin-top:10px; } .order .form .form-button{ -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; } .order .form .form-button br{ display:none; } .order .form .form-button .button{ margin-right:0; margin-top:20px; } .products li a{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .products li a .desc{ width:100%; padding:40px; } .products li a .desc .name{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .products li a .desc .name .label{ margin-bottom:10px; } .products li a .image{ width:100%; height:250px; } .director-block .director{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .director-block .director .name{ padding-bottom:0; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; text-align:center; margin-bottom:30px; } .director-block .director .photo{ margin:0; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .director-block .director .quote{ position:static; -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; -webkit-transform:none; -ms-transform:none; transform:none; text-align:center; font-size:20px; line-height:30px; padding:30px; width:100%; } .director-block .text{ padding-top:50px; } .title-order.vacancy-title{ padding:50px; } .title-order .vacancy .right{ width:calc(100% + 100px); } .order .form .form-button.with-resume{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .resume-button{ margin-bottom:0; } .order.resume .select-file{ margin:0; } .vacancy-list li{ padding:30px; } .once-money{ margin-top:0; } } @media (max-width:500px){ .mb50{ margin-bottom:30px; } .footer .contacts-footer li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 5px); flex:0 0 calc(100% - 5px); } .branches .container .year .count div, .branches .map .count-block .count, .clients .container .count span{ font-size:100px; } .order{ padding:30px; } .error404 .error-title{ font-size:30px; line-height:1; } h1{ margin:30px 0; } .catalog > li .top .description, .catalog > li .bottom{ padding:30px; } .links{ margin-top:0; } .overlay .modal#filters .filters-block .filters .filter{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 30px); flex:0 0 calc(100% - 30px); } .h2-with-buttons{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .h2-with-buttons .buttons-arrows{ margin-top:-20px; margin-bottom:40px; } .h2-with-buttons .buttons-arrows a{ margin-left:0; margin-right:10px; } .individual{ padding:30px; } .individual h2, .individual h2 b{ font-size:26px; line-height:30px; } .individual p{ font-size:18px; line-height:24px; } .individual .button a{ width:100%; padding:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .product .images .download{ line-height:20px; } .product .images .download .icon{ margin-right:20px; } .product .characteristics{ padding:30px; } .contacts .map{ min-height:300px; } .contacts .info{ background-color:#fff; padding:25px 25px 25px 65px; } .contacts .flex br{ display:none; } .contacts .flex .text{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .product-area li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 40px); flex:0 0 calc(100% - 40px); } .pagination ul li a, .pagination ul li span{ width:40px; height:40px; font-size:14px; } .page-title .year .count div{ font-size:100px; } .global .global-pagination span + span{ margin-left:30px; } .global .global-pagination span:after{ width:30px; } .gallery li, .gallery li.big{ height:200px; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 40px); flex:0 0 calc(100% - 40px); } .once-money{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .once-money .city{ margin-left:0; margin-top:20px; } .news li{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 40px); flex:0 0 calc(100% - 40px); } .news li .more-button{ margin-top:20px; } .auto-overlay .modal{ padding:35px; } .auto-overlay .modal p{ font-size:20px; line-height:26px; /*&.f24{ font-size:20px; } &.f33{ font-size:20px; }*/ } .auto-overlay .modal .logo{ max-width:200px; } .auto-overlay .modal.banner .logo{ max-width:100%; } .auto-overlay .modal a.link{ font-size:20px; width:100%; height:65px; } } @media (max-width:440px){ h1, h2.big, .order .text h2.big, h2, .title-order .title, .tabs-block .tabs .tabs-tab .title, h2.about-h2{ font-size:35px; line-height:40px; } h2.big span, h2.about-h2 span{ font-size:30px; line-height:30px; } .title-order .subtitle{ font-size:26px; line-height:1; } .overlay .modal .title{ font-size:25px; line-height:30px; } .title-order{ padding:30px 50px; } .order .text div{ margin-top:10px; } .header .main-bottom .bg{ width:calc(100% + 40px); } .header .main-bottom .catalog-info .title{ font-size:24px; line-height:30px; } .header .main-bottom > div{ padding:10px 20px; } .header .main-bottom .bg br{ display:none; } .branches .map .branche{ margin-top:50px; } .global .global-wrapper ul li{ padding:30px; } .steps-block .title p{ font-size:22px; line-height:30px; margin:20px 0 30px; } .more-button a{ padding:0 20px; line-height:20px; } } @media (max-width:400px){ .catalog > li .top .image{ -webkit-box-flex:0; -ms-flex:0 0 320px; flex:0 0 320px; height:320px; } .catalog > li .top .image img{ -o-object-fit:contain; object-fit:cover; } .branches .map .branche{ margin:0 50px; margin-top:100px; } .branches .map .branche .branche-more{ width:calc(100% + 100px); margin-left:-50px; } .branches .container{ top:80px; } .branches .map .count-block{ -webkit-transform:translate(-50%, -30%); -ms-transform:translate(-50%, -30%); transform:translate(-50%, -30%); } .branches .map .branche.show .branche-more{ padding:25px 30px; } .clients .clients-pagination{ display:block; } .clients-scrollbar{ display:none; } .services li .name{ font-size:24px; line-height:30px; } .services li{ padding:30px; } .global .global-pagination span + span{ margin-left:15px; } .global .global-pagination span:after{ width:15px; } .title-order .vacancy .right .bg > img{ -webkit-box-flex:0; -ms-flex:0 0 70px; flex:0 0 70px; width:70px; } } /* End */ /* /local/templates/.default/assets/css/jquery.fancybox.min.css?172830407712795 */ /* /local/components/forumedia/sity/templates/.default/style.css?17564816182105 */ /* /local/components/forumedia/cookie.agree/templates/.default/style.css?17490311213068 */ /* /local/templates/default/../.default/assets/css/fonts.min.css?17283699397346 */ /* /local/templates/default/../.default/assets/css/lightcase.min.css?17229522098660 */ /* /local/templates/default/../.default/assets/css/style.css?1775484182118439 */ /* /local/templates/default/../.default/assets/css/screen.css?173761208837414 */