/* Start:/local/templates/metib2023/css/owl.carousel/owl.carousel.min.css?16728429393351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/metib2023/css/owl.carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/metib2023/css/owl.carousel/owl.theme.default.min.css?16728429391013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/metib2023/css/fancybox/jquery.fancybox.min.css?167284293812795*/ 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/templates/metib2023/css/swiper/swiper-bundle.min.css?174065427318457*/ /** * Swiper 11.2.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 14, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/metib2023/components/bitrix/menu/header-multi-buttons/style.css?16728429631254*/ .header-dropdown__list { display: none; position: absolute; background: #DFE6F2; border-radius: 5px; z-index: 10; box-shadow: 0 0 5px rgba(0, 71, 133, 0.5); overflow: hidden; } .header-dropdown__list .dropdown-block { padding: 20px 20px 20px 20px; } .header-dropdown__list .dropdown-block__item { margin: 20px 0 0 0; text-align: center; display: block; padding: 0 20px; font-size: 14px; line-height: 40px; font-weight: 400; color: #ffffff; white-space: nowrap; background: #D64040; border-radius: 3px; } .header-dropdown__list .dropdown-block__item--blue { display: block; color: #003082; text-align: center; background: #fff; border: 1px solid #003082; } .header-dropdown__list .dropdown-block__item--blue:hover { color: #00215a; background: #D9EBF5; border: 1px solid #00215a; } .header-dropdown__list .dropdown-block__item--link { margin-top: 10px; line-height: 130%; color: #003082; background: none; } .header-dropdown__list .dropdown-block__item--link:hover { color: #00215a; background: none; } .header-dropdown__list .dropdown-block__item:first-child { margin-top: 0; } .header-dropdown__list .dropdown-block.white { background: #fff; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/metib2023/components/bitrix/menu/header-menu-promo/style.css?174539448810747*/ .second-level-menu { display: flex; width: 100%; } .second-level-menu > ul { display: none; justify-content: space-between; align-items: center; width: 100%; position: relative; flex-grow: 1; } .second-level-menu > ul.active { display: flex; } .second-level-menu > ul > li { display: flex; align-items: center; margin: 0 5px 0 0; height: 100%; } .second-level-menu > ul > li:last-child { margin-right: 0; } .second-level-menu > ul > li > a { display: flex; align-items: center; height: 100%; position: relative; font-size: 14px; line-height: 1.43; color: #474E57; } .second-level-menu > ul > li > a.pulsar span.inner { padding-left: 25px; } .second-level-menu > ul > li > a.pulsar span.pulsar { position: absolute; width: 12px; height: 12px; } .second-level-menu > ul > li > a.pulsar span.pulsar svg { display: block; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; } .second-level-menu > ul > li > a.pulsar span.pulsar:before { content: ""; display: block; position: absolute; width: 14px; height: 14px; animation: pulsar-animate 1.5s ease infinite; border: 1px solid #EB001B; border-radius: 50%; transform: scale(1, 1); opacity: 0; top: -1px; left: -1px; } @keyframes pulsar-animate { 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.7, 1.7); transform: scale(1.7, 1.7); } } .second-level-menu > ul > li > a:after { content: ""; display: none; position: absolute; top: calc(100% + 27px); left: calc(50% - 9px); width: 18px; height: 18px; background: #FFFFFF; transform: rotate(45deg); } .second-level-menu > ul > li > a + div { display: none; padding: 35px 0 0 0; position: absolute; top: 100%; left: -249px; right: -160px; z-index: 1000; background: transparent; } .second-level-menu > ul > li > a + div .menu-container { position: relative; min-height: 310px; padding: 30px 24px 30px 252px; background: #ffffff; border-radius: 16px; } .second-level-menu > ul > li > a + div .menu-container .menu-promo { display: flex; flex-direction: column; position: absolute; top: 30px; left: 24px; height: 250px; width: 200px; padding: 16px 11px 13px 11px; border-radius: 16px; background: linear-gradient(135deg, #5898ed 8.46%, #034296 90.85%), radial-gradient(17.53% 26.9% at 50% 85.71%, #002659 0%, #002659 100%); background-size: cover; } .second-level-menu > ul > li > a + div .menu-container .menu-promo__title { display: block; flex-grow: 1; font-weight: 400; font-size: 18px; line-height: 22px; color: #fff; } .second-level-menu > ul > li > a + div .menu-container .menu-promo__button { display: block; width: 100%; font-weight: 500; font-size: 12px; line-height: 33px; text-align: center; color: #033F8E; border-radius: 7px; background: #EAF1F9; } .second-level-menu > ul > li > a + div .third-level-menu { flex-grow: 1; position: relative; } .second-level-menu > ul > li > a + div .third-level-menu ul { margin: -9px -10px; } .second-level-menu > ul > li > a + div .third-level-menu ul li { width: 50%; margin-right: 0; padding: 9px 10px; } .second-level-menu > ul > li > a + div .third-level-menu ul li a { color: #474E57; position: relative; max-width: max-content; } .second-level-menu > ul > li > a + div .third-level-menu ul li a:before { content: ""; display: none; height: 2px; position: absolute; bottom: -4px; left: 0; right: 0; background: #033F8E; } .second-level-menu > ul > li > a + div .third-level-menu ul li a:hover { color: #000000; } .second-level-menu > ul > li > a + div .third-level-menu ul li a:hover:before { display: block; } .second-level-menu > ul > li > a + div .third-level-menu ul li.separator a { font-weight: 500; font-size: 16px; line-height: 20px; color: #BEC9D8; cursor: default; } .second-level-menu > ul > li > a + div .third-level-menu ul li.separator a:hover { color: #BEC9D8; } .second-level-menu > ul > li > a + div .third-level-menu ul li.separator a:hover:before { display: none; } .second-level-menu > ul > li > a + div .third-level-menu ul.two-column { display: flex; flex-wrap: wrap; justify-content: flex-end; } .second-level-menu > ul > li > a + div .third-level-menu .float-two-column { display: flex; } .second-level-menu > ul > li > a + div .third-level-menu .float-two-column > div { flex: 0 0 50%; } .second-level-menu > ul > li > a + div .third-level-menu .float-two-column > div a { display: block; margin: 18px 0 0 0; font-size: 14px; color: #474E57; position: relative; max-width: max-content; } .second-level-menu > ul > li > a + div .third-level-menu .float-two-column > div a:before { content: ""; display: none; height: 2px; position: absolute; bottom: -4px; left: 0; right: 0; background: #033F8E; } .second-level-menu > ul > li > a + div .third-level-menu .float-two-column > div a:hover { color: #000000; } .second-level-menu > ul > li > a + div .third-level-menu .float-two-column > div a:hover:before { display: block; } .second-level-menu > ul > li > a + div .third-level-menu .float-two-column > div a:first-child { margin-top: 0; } .second-level-menu > ul > li > a + div .third-level-menu .float-two-column > div a.separator { font-weight: 700; font-size: 16px; line-height: 20px; color: #033F8E; cursor: default; } .second-level-menu > ul > li > a + div .third-level-menu .float-two-column > div a.separator:hover { color: #033F8E; } .second-level-menu > ul > li > a + div .third-level-menu .float-two-column > div a.separator:hover:before { display: none; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column { display: flex; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div { flex: 1 1 0; padding: 0 24px; border-right: 1px solid rgba(71, 78, 87, 0.4); } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div a { display: block; margin: 18px 0 0 0; font-size: 14px; color: #474E57; position: relative; max-width: max-content; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div a:before { content: ""; display: none; height: 2px; position: absolute; bottom: -4px; left: 0; right: 0; background: #033F8E; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div a:hover { color: #000000; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div a:hover:before { display: block; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div a:first-child { margin-top: 0; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div a.separator { font-weight: 700; font-size: 16px; line-height: 20px; color: #033F8E; cursor: default; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div a.separator:hover { color: #033F8E; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div a.separator:hover:before { display: none; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div:first-child { padding-left: 0; } .second-level-menu > ul > li > a + div .third-level-menu .float-three-column > div:last-child { padding-right: 0; border-right: 0; } .second-level-menu > ul > li > a + div.without-promo .menu-container { padding-left: 24px; width: calc(100% - 228px); } .second-level-menu > ul > li > a:hover { color: #000000; } .second-level-menu > ul > li.active > a { color: #000000; position: relative; } .second-level-menu > ul > li.active > a span.inner { position: relative; } .second-level-menu > ul > li.active > a span.inner:before { content: ""; display: none; height: 2px; position: absolute; bottom: -4px; left: 0; right: 0; background: #033F8E; } .second-level-menu > ul > li:hover > a { position: relative; } .second-level-menu > ul > li:hover > a span.inner { position: relative; } .second-level-menu > ul > li:hover > a span.inner:before { content: ""; display: block; height: 2px; position: absolute; bottom: -4px; left: 0; right: 0; background: #033F8E; z-index: 1001; } .second-level-menu > ul > li:hover > a + div { display: block; } .second-level-menu > ul > li:hover > a + div.without-promo { display: flex; justify-content: flex-end; } .second-level-menu > ul > li:hover > a:after { display: block; } .second-level-menu > ul > li:hover.active > a { position: relative; } .second-level-menu > ul > li:hover.active > a span.inner { position: relative; } .second-level-menu > ul > li:hover.active > a span.inner:before { content: ""; display: block; height: 2px; position: absolute; bottom: -4px; left: 0; right: 0; background: #033F8E; } .second-level-menu .header-bank { margin: 0 0 0 26px; } .second-level-menu .header-bank a { padding: 9px 20px 11px 20px; font-size: 14px; line-height: 14px; color: #033F8E; background: #fff; border: 2px solid #033F8E; border-radius: 8px; } .second-level-menu .header-bank a:hover, .second-level-menu .header-bank a:active { color: #fff; background: #013171; border-color: #013171; } .second-level-menu.justify-end { justify-content: flex-end; } .header-dropdown__list { display: none; position: absolute; background: #DFE6F2; border-radius: 5px; z-index: 10; box-shadow: 0 0 5px rgba(0, 71, 133, 0.5); overflow: hidden; } .header-dropdown__list .dropdown-block { padding: 20px 20px 20px 20px; } .header-dropdown__list .dropdown-block__item { margin: 20px 0 0 0; text-align: center; display: block; padding: 0 20px; font-size: 14px; line-height: 40px; font-weight: 400; color: #ffffff; white-space: nowrap; background: #D64040; border-radius: 3px; } .header-dropdown__list .dropdown-block__item--blue { display: block; color: #003082; text-align: center; background: #fff; border: 1px solid #003082; } .header-dropdown__list .dropdown-block__item--blue:hover { color: #00215a; background: #D9EBF5; border: 1px solid #00215a; } .header-dropdown__list .dropdown-block__item--link { margin-top: 10px; line-height: 130%; color: #003082; background: none; } .header-dropdown__list .dropdown-block__item--link:hover { color: #00215a; background: none; } .header-dropdown__list .dropdown-block__item:first-child { margin-top: 0; } .header-dropdown__list .dropdown-block.white { background: #fff; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/metib2023/components/bitrix/breadcrumb/.default/style.css?16734386791431*/ .breadcrumbs { position: relative; margin: 14px 0 0 0; } .breadcrumbs__bg { position: absolute; top: -10px; left: -9999px; right: -9999px; bottom: -10px; } .breadcrumbs ul { position: relative; } .breadcrumbs ul li { position: relative; display: inline-block; padding: 10px 20px 10px 0; font-size: 12px; line-height: 16px; vertical-align: top; } .breadcrumbs ul li:after { content: ""; position: absolute; top: 13px; right: 8px; display: block; width: 1px; height: 10px; background: #474E57; -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } .breadcrumbs ul li > a { color: #474E57; } .breadcrumbs ul li > span { color: #474E57; } .breadcrumbs ul li:last-child { margin: 0; } .breadcrumbs ul li:last-child:after { display: none; } .breadcrumbs ul li:last-child > a { color: #96999E; } @media screen and (max-width: 767px) { .breadcrumbs ul { display: none; } } .breadcrumbs a.back { position: relative; display: none; align-items: center; font-size: 12px; line-height: 16px; color: #474E57; } .breadcrumbs a.back:before { content: ""; display: block; margin: 0 8px 0 0; width: 16px; height: 16px; background: url("/local/templates/metib2023/components/bitrix/breadcrumb/.default/images/back-breadcrumb-icon.svg") 50% 50% no-repeat; } @media screen and (max-width: 767px) { .breadcrumbs a.back { display: flex; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/metib2023/template_styles.css?1740142539226635*/ @font-face { font-family: "Helvetica-Neue"; src: url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Thin.eot"); src: url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Thin.woff") format("woff"), url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: fallback; } @font-face { font-family: "Helvetica-Neue"; src: url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Light.eot"); src: url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Light.woff") format("woff"), url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: fallback; } @font-face { font-family: "Helvetica-Neue"; src: url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Roman.eot"); src: url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Roman.eot?#iefix") format("embedded-opentype"), url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Roman.woff") format("woff"), url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: fallback; } @font-face { font-family: "Helvetica-Neue"; src: url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Medium.eot"); src: url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Medium.woff") format("woff"), url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: fallback; } @font-face { font-family: "Helvetica-Neue"; src: url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Bold.eot"); src: url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Bold.woff") format("woff"), url("/local/templates/metib2023/fonts/HelveticaNeueCyr-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: fallback; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, main, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button, textarea { margin: 0; padding: 0; border: 0; font-family: "Helvetica-Neue", sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; appearance: none; -moz-appearance: none; -webkit-appearance: none; } body { font-size: 14px; line-height: 1.43; font-weight: 400; color: #000000; background: #F0F4FA; } body.compensate-for-scrollbar .fancybox-content { margin-right: 17px; } @media all and (max-width: 1190px) { body.compensate-for-scrollbar .fancybox-content { margin-right: 0; max-width: 1190px; } } a { color: #0564E3; text-decoration: none; } a:hover { color: #033F8E; } a:active { color: #033F8E; } ul { list-style: none; } ul.markered li { position: relative; margin: 7px 0 0 0; padding: 0 0 0 7px; font-size: 14px; line-height: 20px; font-weight: 400; } ul.markered li:before { content: ""; display: block; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background: url("/local/templates/metib2023/../images/layout/circle-list-marker.svg") 50% 50% no-repeat; } ul.markered li:first-child { margin-top: 0; } .row { margin-left: -10px; margin-right: -10px; } .row:after { content: ""; display: block; clear: both; } .row .col-9 { float: left; width: 75%; padding-left: 10px; padding-right: 10px; } .row .col-6 { float: left; width: 50%; padding-left: 10px; padding-right: 10px; } .row .col-4 { float: left; width: 33.333%; padding-left: 10px; padding-right: 10px; } .row .col-3 { float: left; width: 25%; padding-left: 10px; padding-right: 10px; } @media all and (min-width: 768px) and (max-width: 1199px) { .row .col-md-12 { float: none; width: 100%; padding-left: 10px; padding-right: 10px; } .row .col-md-9 { float: left; width: 75%; padding-left: 10px; padding-right: 10px; } .row .col-md-6 { float: left; width: 50%; padding-left: 10px; padding-right: 10px; } .row .col-md-4 { float: left; width: 33.333%; padding-left: 10px; padding-right: 10px; } .row .col-md-3 { float: left; width: 25%; padding-left: 10px; padding-right: 10px; } } @media all and (max-width: 767px) { .row .col-sm-9 { float: left; width: 75%; padding-left: 10px; padding-right: 10px; } .row .col-sm-6 { float: left; width: 50%; padding-left: 10px; padding-right: 10px; } .row .col-sm-4 { float: left; width: 33.333%; padding-left: 10px; padding-right: 10px; } .row .col-sm-3 { float: left; width: 25%; padding-left: 10px; padding-right: 10px; } } /*.button-red { display: inline-block; height: 50px; padding: 0 25px; font-size: 16px; line-height: 50px; font-weight: 300; color: #ffffff; text-align: center; white-space: nowrap; background: #D64040; @include border-radius(3px); &:hover { background: #bf3a3a; } } .button-white { display: inline-block; height: 50px; padding: 0 25px; font-size: 16px; line-height: 48px; font-weight: 300; color: #D64040; text-align: center; white-space: nowrap; background: #ffffff; border: 1px solid #D64040; @include border-radius(3px); &:hover { color: #bf3a3a; background: #D9EBF5; border: 1px solid #bf3a3a; } }*/ a.button-red, input.button-red { display: inline-block; height: 52px; padding: 0 24px; font-size: 16px; line-height: 52px; font-weight: 400; color: #ffffff; text-align: center; white-space: nowrap; background: #D64040; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } a.button-red:hover, a.button-red:active, input.button-red:hover, input.button-red:active { color: #ffffff; background: #C23030; } a.button-red:disabled, input.button-red:disabled { opacity: 0.4; } a.button-red > span, input.button-red > span { display: inline-block; padding: 0 0 0 44px; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; } @media all and (max-width: 767px) { a.button-red, input.button-red { padding-left: 20px; padding-right: 20px; } } a.button-white, input.button-white { display: inline-block; height: 52px; padding: 0 24px; font-size: 16px; line-height: 48px; font-weight: 400; color: #D64040; text-align: center; white-space: nowrap; background: #ffffff; border: 2px solid #D64040; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } a.button-white:hover, a.button-white:active, input.button-white:hover, input.button-white:active { color: #C23030; background: rgba(214, 64, 64, 0.05); border: 2px solid #C23030; } a.button-white:disabled, input.button-white:disabled { opacity: 0.4; } a.button-white > span, input.button-white > span { display: inline-block; padding: 0 0 0 44px; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; } @media all and (max-width: 767px) { a.button-white, input.button-white { padding-left: 20px; padding-right: 20px; } } a.button-blue, input.button-blue { display: inline-block; height: 50px; padding: 0 25px; font-size: 16px; line-height: 48px; font-weight: 300; color: #003082; text-align: center; white-space: nowrap; background: #ffffff; border: 1px solid #003082; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } a.button-blue:hover, input.button-blue:hover { color: #00215a; background: #D9EBF5; border: 1px solid #00215a; } a.button-blue > span, input.button-blue > span { display: inline-block; padding: 0 0 0 44px; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; } @media all and (max-width: 767px) { a.button-blue, input.button-blue { padding-left: 20px; padding-right: 20px; } } a.button-white-blue, input.button-white-blue { display: inline-block; height: 52px; padding: 0 24px; font-size: 16px; line-height: 52px; font-weight: 400; color: #033F8E; text-align: center; white-space: nowrap; background: #ffffff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } a.button-white-blue:hover, a.button-white-blue:active, input.button-white-blue:hover, input.button-white-blue:active { color: #033F8E; background: #E1EAF5; } a.button-white-blue:disabled, input.button-white-blue:disabled { opacity: 0.4; } a.button-white-blue > span, input.button-white-blue > span { display: inline-block; padding: 0 0 0 44px; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; } @media all and (max-width: 767px) { a.button-white-blue, input.button-white-blue { padding-left: 20px; padding-right: 20px; } } a.button-white-outline, input.button-white-outline { display: inline-block; height: 52px; padding: 0 24px; font-size: 16px; line-height: 48px; font-weight: 400; color: #FFFFFF; text-align: center; white-space: nowrap; border: 2px solid #FFFFFF; background: #033F8E; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } a.button-white-outline:hover, a.button-white-outline:active, input.button-white-outline:hover, input.button-white-outline:active { color: #E1EAF5; background: rgba(255, 255, 255, 0.1); border: 2px solid #E1EAF5; } a.button-white-outline:disabled, input.button-white-outline:disabled { opacity: 0.4; } a.button-white-outline > span, input.button-white-outline > span { display: inline-block; padding: 0 0 0 44px; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; } @media all and (max-width: 767px) { a.button-white-outline, input.button-white-outline { padding-left: 20px; padding-right: 20px; } } a.blue-header, input.blue-header { height: 40px; font-size: 14px; font-weight: 400; line-height: 36px; color: #033F8E; border: 2px solid #033F8E; border-radius: 8px; } a.blue-header:hover, a.blue-header:active, input.blue-header:hover, input.blue-header:active { color: #ffffff; background: #013171; border: 2px solid #013171; } a.blue-header:disabled, input.blue-header:disabled { opacity: 0.4; } .window-cities__list { margin: 30px 0 0 0; overflow: hidden; } .window-cities__list .cities-federal { margin: 0 0 20px 0; overflow: hidden; } .window-cities__list .cities-federal > div { font-weight: 700; } .window-cities__list .cities-regional { overflow: hidden; } .window-cities__list .cities-regional > div h3 { margin: 0 0 10px 0; } @media all and (min-width: 721px) { .window-cities__list { width: 600px; } .window-cities__list .cities-federal > div { float: left; width: 25%; } .window-cities__list .cities-regional > div { float: left; width: 25%; margin: 20px 0 0 0; padding: 0 20px 0 0; } .window-cities__list .cities-regional > div:nth-child(1), .window-cities__list .cities-regional > div:nth-child(2), .window-cities__list .cities-regional > div:nth-child(3), .window-cities__list .cities-regional > div:nth-child(4) { margin-top: 0; } .window-cities__list .cities-regional > div:nth-child(4n+1) { clear: left; } } @media all and (min-width: 501px) and (max-width: 720px) { .window-cities__list { width: 100%; } .window-cities__list .cities-federal > div { float: left; width: 50%; } .window-cities__list .cities-regional > div { float: left; width: 50%; margin: 20px 0 0 0; padding: 0 20px 0 0; } .window-cities__list .cities-regional > div:nth-child(1), .window-cities__list .cities-regional > div:nth-child(2) { margin-top: 0; } .window-cities__list .cities-regional > div:nth-child(2n+1) { clear: left; } } @media all and (max-width: 500px) { .window-cities__list { width: 100%; } .window-cities__list .cities-regional > div { margin: 20px 0 0 0; padding: 0 20px 0 0; } .window-cities__list .cities-regional > div:nth-child(1) { margin-top: 0; } } .window-offices-list { padding: 40px; } .window-offices-list__item { padding: 24px; margin: 24px 0 0 0; border-radius: 12px; background: #FFFFFF; box-shadow: 0 4px 20px 0 rgba(1, 49, 113, 0.08); } .window-offices-list__item > a { display: block; padding: 24px; color: #000000; } .window-offices-list__item > a span { display: block; } @media all and (max-width: 767px) { .window-offices-list__item > a { padding: 20px; } } .window-offices-list__item .office-title { font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.3; letter-spacing: -0.3px; } .window-offices-list__item .office-info { margin: 30px 0 0 0; } .window-offices-list__item .office-info__left .address { padding: 0 0 0 22px; min-height: 40px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.57; letter-spacing: -0.3px; background: url("/local/templates/metib2023/images/window-offices/pin-location.svg") 0 -2px no-repeat; } @media all and (max-width: 767px) { .window-offices-list__item .office-info__left .address { min-height: unset; } } .window-offices-list__item .office-info__left .products-features { display: flex; flex-wrap: wrap; max-width: 220px; margin: 6px 0 0 -24px; } .window-offices-list__item .office-info__left .products-features li { flex: 0 0 50%; padding: 24px 0 0 24px; } .window-offices-list__item .office-info__left .products-features li span { padding: 0 0 0 24px; font-size: 14px; font-weight: 400; line-height: 16px; background: url("/local/templates/metib2023/images/window-offices/list-marker.png") 0 0 no-repeat; } @media all and (max-width: 767px) { .window-offices-list__item .office-info__left .products-features { display: none; } } .window-offices-list__item .office-info__right { flex: 0 0 60%; } .window-offices-list__item .office-info__right .features { display: flex; flex-wrap: wrap; margin: -20px 0 0 -20px; } .window-offices-list__item .office-info__right .features__item { margin: 20px 0 0 20px; padding: 8px 12px 8px 48px; position: relative; min-height: 40px; border-radius: 12px; background: #ffffff; box-shadow: 0 4px 20px 0 rgba(1, 49, 113, 0.08); } .window-offices-list__item .office-info__right .features__item .icon { position: absolute; top: 8px; left: 12px; width: 24px; height: 24px; border-radius: 6.857px; box-shadow: 0 0.8571427464px 5.1428565979px 0 rgba(2, 52, 117, 0.2); background: linear-gradient(135deg, #418BED 9.02%, #034296 90.85%); } .window-offices-list__item .office-info__right .features__item .text { padding: 2px 0 0 0; color: #000000; font-size: 12px; font-weight: 400; line-height: 20px; white-space: nowrap; } .window-offices-list__item .office-info__right .features__item.atm-machine .icon { background: url("/local/templates/metib2023/images/window-offices/atm-machine.svg") 50% 50% no-repeat, linear-gradient(135deg, #418BED 9.02%, #034296 90.85%); } .window-offices-list__item .office-info__right .features__item.cash .icon { background: url("/local/templates/metib2023/images/window-offices/cash.svg") 50% 50% no-repeat, linear-gradient(135deg, #418BED 9.02%, #034296 90.85%); } .window-offices-list__item .office-info__right .features__item.exchange .icon { background: url("/local/templates/metib2023/images/window-offices/exchange.svg") 50% 50% no-repeat, linear-gradient(135deg, #418BED 9.02%, #034296 90.85%); } .window-offices-list__item .office-info__right .features__item.locker .icon { background: url("/local/templates/metib2023/images/window-offices/locker.svg") 50% 50% no-repeat, linear-gradient(135deg, #418BED 9.02%, #034296 90.85%); } .window-offices-list__item .office-info__right .features__item.no-cash .text { font-weight: 500; color: #D64040; } @media all and (max-width: 767px) { .window-offices-list__item .office-info__right .features { padding-top: 20px; } } .window-offices-list__item .office-info__right .work-time { display: flex; margin: 30px 0 0 0; } .window-offices-list__item .office-info__right .work-time__item { flex: 0 0 50%; font-size: 14px; font-weight: 400; line-height: 1.57; letter-spacing: -0.3px; } .window-offices-list__item .office-info__right .work-time__item span { font-weight: 500; } .window-offices-list__item .office-info__right .work-time__item p { margin: 12px 0 0 0; line-height: 1.42; } @media all and (max-width: 767px) { .window-offices-list__item .office-info__right .work-time__item p { margin-top: 5px; } } @media all and (max-width: 767px) { .window-offices-list__item .office-info__right .work-time__item:last-child { margin-bottom: 0; } } @media all and (max-width: 767px) { .window-offices-list__item .office-info__right .work-time__item { margin-bottom: 15px; display: block; } } @media all and (max-width: 767px) { .window-offices-list__item .office-info__right .work-time { display: block; margin-top: 20px; } } @media all and (max-width: 767px) { .window-offices-list__item .office-info { margin-top: 10px; } } .window-offices-list__item.visible { display: block; } .window-offices-list__item.office-item .office-title { display: flex; justify-content: space-between; } .window-offices-list__item.office-item .office-title .invalidate { display: block; width: 24px; height: 24px; background: url("/local/templates/metib2023/images/window-offices/invalidate.svg") 50% 50% no-repeat; } .window-offices-list__item.office-item .office-info { display: flex; justify-content: space-between; } .window-offices-list__item.office-item .office-info__left { flex-grow: 1; margin: 0 20px 0 0; } @media all and (max-width: 767px) { .window-offices-list__item.office-item .office-info__left { margin-right: 0; margin-bottom: 24px; } } @media all and (max-width: 767px) { .window-offices-list__item.office-item .office-info { display: block; } } .window-offices-list__item.atm-machine-item > span { padding: 24px; } @media all and (max-width: 767px) { .window-offices-list__item.atm-machine-item > span { padding: 20px; } } .window-offices-list__item.atm-machine-item .office-address { margin: 30px 0 0 0; padding: 0 0 0 22px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.57; letter-spacing: -0.3px; background: url("/local/templates/metib2023/images/window-offices/pin-location.svg") 0 0 no-repeat; } @media all and (max-width: 767px) { .window-offices-list__item.atm-machine-item .office-address { margin-top: 10px; } } .window-offices-list__item.atm-machine-item span { display: block; } .window-offices-list__item:first-child { margin-top: 0; } .window-offices-list__item:hover { color: #033F8E; } @media all and (max-width: 767px) { .window-offices-list__item { padding: 20px; } } @media all and (max-width: 767px) { .window-offices-list { padding: 20px; } } .spoiler-list .spoiler-item { margin: 20px 0 0 0; padding: 0 0 24px 0; background: #FFFFFF; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08); border-radius: 12px; } .spoiler-list .spoiler-item__button { display: flex; align-items: center; justify-content: space-between; padding: 24px 24px 0 24px; font-weight: 500; font-size: 18px; line-height: 133%; color: #000000; } .spoiler-list .spoiler-item__button:after { content: ""; display: block; margin: 0 0 0 14px; flex: 0 0 16px; height: 16px; background: url("/local/templates/metib2023/images/layout/spoiler-list-arrow.svg") 50% 50% no-repeat; transform: matrix(1, 0, 0, -1, 0, 0); } .spoiler-list .spoiler-item__button.opened:after { transform: none; } @media all and (max-width: 767px) { .spoiler-list .spoiler-item__button { font-size: 16px; padding-top: 20px; padding-right: 20px; padding-left: 20px; } } .spoiler-list .spoiler-item__text { display: none; padding: 20px 24px 0 24px; font-size: 14px; line-height: 143%; } @media all and (max-width: 767px) { .spoiler-list .spoiler-item__text h2 { font-size: 18px; line-height: 133%; } } .spoiler-list .spoiler-item__text p { margin: 10px 0 0 0; } .spoiler-list .spoiler-item__text p:first-child { margin-top: 0; } .spoiler-list .spoiler-item__text ul, .spoiler-list .spoiler-item__text ol { margin: 10px 0 0 0; } .spoiler-list .spoiler-item__text ul:first-child, .spoiler-list .spoiler-item__text ol:first-child { margin-top: 0; } .spoiler-list .spoiler-item__text ul { list-style: none !important; padding-left: 0 !important; } .spoiler-list .spoiler-item__text ul li { position: relative; margin: 7px 0 0 0; padding: 0 0 0 7px; font-size: 14px; line-height: 20px; font-weight: 400; } .spoiler-list .spoiler-item__text ul li:before { content: ""; display: block; position: absolute; top: 9px; height: 3px; width: 3px; left: 0; background: url("/local/templates/metib2023/images/layout/circle-list-marker.svg") 50% 50% no-repeat; } .spoiler-list .spoiler-item__text ul li:first-child { margin-top: 0; } @media all and (max-width: 767px) { .spoiler-list .spoiler-item__text { padding-right: 20px; padding-left: 20px; } } .spoiler-list .spoiler-item:first-child { margin-top: 0; } @media all and (max-width: 767px) { .spoiler-list .spoiler-item { margin-top: 16px; padding-bottom: 20px; } } .fancybox-bg { background: transparent; } .fancybox-content { width: 100%; max-width: 1144px; padding: 60px 60px; background: #FFFFFF; box-shadow: 0px 4px 32px rgba(1, 49, 113, 0.12); border-radius: 20px; } .fancybox-content .form-container { max-width: 750px; margin: 0 auto; } @media all and (max-width: 767px) { .fancybox-content { padding: 24px; } } button:focus { outline: none; } input[type=radio] { position: absolute; left: -9999px; } input[type=radio] + label { position: relative; display: block; padding: 0 0 0 32px; line-height: 24px; } input[type=radio] + label:before { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 2px; left: 0; background: #DFE5EF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } input[type=radio]:checked + label:after { content: ""; display: block; width: 6px; height: 6px; position: absolute; top: 9px; left: 7px; background: #6783B2; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } input[type=checkbox] { position: absolute; left: -9999px; } input[type=checkbox] + label { position: relative; display: block; padding: 0 0 0 36px; line-height: 24px; } input[type=checkbox] + label:before { content: ""; display: block; width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: #EAF1F9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } input[type=checkbox]:checked + label:before { background: #033F8E url("/local/templates/metib2023/images/layout/checkbox.svg") 50% 50% no-repeat; } input[type=text], input[type=email], input[type=tel], textarea { display: block; width: 100%; height: 50px; padding: 13px 15px; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; border: 1px solid #6783B2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, textarea::placeholder { color: #666666; opacity: 1; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus { border: 1px solid #143582; } textarea { height: 80px; } .input-animated { position: relative; } .input-animated input + span, .input-animated textarea + span { display: none; position: absolute; top: 6px; left: 16px; font-size: 18px; line-height: 24px; color: #666666; } .input-animated input:focus, .input-animated input.filled, .input-animated textarea:focus, .input-animated textarea.filled { padding-top: 20px; padding-bottom: 6px; } .input-animated input:focus::placeholder, .input-animated input.filled::placeholder, .input-animated textarea:focus::placeholder, .input-animated textarea.filled::placeholder { opacity: 0; } .input-animated input:focus + span, .input-animated input.filled + span, .input-animated textarea:focus + span, .input-animated textarea.filled + span { display: block; position: absolute; top: 6px; left: 16px; font-size: 12px; line-height: 12px; color: #444444; } .input-simple > span { display: block; margin: 0 0 10px 0; font-size: 16px; } .input-radio > span { display: block; margin: 0 0 10px 0; font-size: 16px; } .form-container__head { margin: 0 0 40px 0; text-align: center; } .form-container__head h3 { margin: 0 0 20px 0; font-size: 36px; font-weight: 300; } .form-container__result { position: relative; text-align: center; font-size: 24px; font-weight: 400; } .form-container__result > span { position: relative; display: block; width: 60px; height: 60px; margin: 0 auto 20px auto; border: 1px solid #00cd66; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .form-container__result > span:before { content: ""; position: absolute; top: 12px; left: 22px; display: block; width: 13px; height: 25px; border-bottom: 1px solid #00cd66; border-right: 1px solid #00cd66; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .form-container__description { margin: 0 0 40px 0; font-size: 15px; color: #0f437b; font-weight: 400; } .form-container__form { margin: 0 0 25px 0; } .form-container__form .form-field { margin: 25px 0 0 0; } .form-container__form .form-field:nth-child(1) { margin-top: 0; } .form-container__form .form-field__error { padding: 10px 0 0 0; font-weight: normal; font-size: 12px; color: #EB0000; } .form-container__form--columns-2:after { content: ""; display: block; clear: both; } .form-container__form--columns-2 .form-field { float: left; width: 50%; padding-left: 13px; } .form-container__form--columns-2 .form-field:nth-child(2) { margin-top: 0; } .form-container__form--columns-2 .form-field:nth-child(2n+1) { clear: left; padding-right: 13px; padding-left: 0; } @media all and (max-width: 767px) { .form-container__form--columns-2 .form-field { float: none; width: 100%; margin-top: 25px; padding-left: 0; } .form-container__form--columns-2 .form-field:nth-child(2n+1) { padding-right: 0; } .form-container__form--columns-2 .form-field:nth-child(2) { margin-top: 25px; } .form-container__form--columns-2 .form-field:first-child { margin-top: 0; } } .form-container__submit { margin: 40px 0 0 0; text-align: center; } .form-container.consultation-block .form-container__form--columns-2 { display: flex; flex-wrap: wrap; justify-content: center; } .form-container.consultation-block .form-container__form--columns-2 .form-field { flex: 0 0 calc((100% - 26px) / 2); width: calc((100% - 26px) / 2); padding: 0; float: unset; } .form-container.consultation-block .form-container__form--columns-2 .form-field .form-field__field .input-animated input[type=text].focused.invalid, .form-container.consultation-block .form-container__form--columns-2 .form-field .form-field__field .input-animated input[type=email].focused.invalid, .form-container.consultation-block .form-container__form--columns-2 .form-field .form-field__field .input-animated input[type=tel].focused.invalid { background: #ffdfdf !important; } .form-container.consultation-block .form-container__form--columns-2 .form-field .form-field__field .input-animated textarea.focused.invalid { background: #ffdfdf !important; } .form-container.consultation-block .form-container__form--columns-2 .form-field .form-field__field .styled-select.invalid .selectbox .select { background: #ffdfdf !important; } .form-container.consultation-block .form-container__form--columns-2 .form-field:nth-child(2n) { margin-left: 26px; } @media all and (max-width: 767px) { .form-container.consultation-block .form-container__form--columns-2 .form-field:nth-child(2n) { margin-left: 0; } } @media all and (max-width: 767px) { .form-container.consultation-block .form-container__form--columns-2 .form-field { width: 100%; } } @media all and (max-width: 767px) { .form-container.consultation-block .form-container__form--columns-2 { display: block; } } .form-container.consultation-block .form-container__submit input { width: 251px; cursor: pointer; } @media all and (max-width: 767px) { .form-container.consultation-block .form-container__submit input { width: 100%; } } .form-container.consultation-block .form-container__submit a { width: 251px; margin-left: 26px; } @media all and (max-width: 767px) { .form-container.consultation-block .form-container__submit a { width: 100%; margin-top: 20px; margin-left: 0; } } .styled-select .selectbox { position: relative; display: block; cursor: pointer; color: #000000; } .styled-select .selectbox .select { position: relative; display: block; padding: 12px 15px; font-weight: 400; font-size: 18px; line-height: 24px; border: 1px solid #6783B2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .styled-select .selectbox .select .text { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .styled-select .selectbox .select .trigger { display: block; position: absolute; top: 50%; right: 14px; margin: -2px 0 0 0; border: 5px solid transparent; border-top: 5px solid #636c71; } .styled-select .selectbox .select.placeholder { color: #666666; } .styled-select .selectbox ul { display: none; max-height: 220px; margin: -1px 0 0 0; position: absolute; left: -1px; right: -1px; list-style: none; background: #ffffff; border: 1px solid #d5d5d5; overflow-y: auto; z-index: 9999; } .styled-select .selectbox ul li { padding: 9px 17px; line-height: 20px; border-bottom: 1px solid #d5d5d5; } .styled-select .selectbox ul li:before { display: none; } .styled-select .selectbox ul li:last-child { border-bottom: none; } .styled-select .selectbox ul li:hover, .styled-select .selectbox ul li.selected { background-color: #e9edf0; } .styled-select .selectbox ul li.placeholder { display: none; } .styled-select .selectbox ul li.group { font-weight: 700; background: #ffffff; cursor: default; } .styled-select .selectbox ul li.disabled { display: none; } #consultationFormContainer .form-container__head { margin-bottom: 4px; } #consultationFormContainer .form-container__head h3 { margin: 0 0 18px 0; font-weight: 700; font-size: 24px; line-height: 32px; } #consultationFormContainer .form-container__head p { font-weight: 400; font-size: 14px; line-height: 16px; text-align: center; color: #474E57; } #consultationFormContainer .form-container__form { margin-bottom: 20px; } #consultationFormContainer .form-container__form .form-field { margin-top: 20px; } #consultationFormContainer .form-container__form .form-field input[type=text], #consultationFormContainer .form-container__form .form-field input[type=tel], #consultationFormContainer .form-container__form .form-field input[type=email] { padding: 22px 24px; height: auto; font-weight: 400; font-size: 18px; line-height: 20px; color: #474E57; background: #EAF1F9; border-radius: 8px; border: none; } #consultationFormContainer .form-container__form .form-field input[type=text] + span, #consultationFormContainer .form-container__form .form-field input[type=tel] + span, #consultationFormContainer .form-container__form .form-field input[type=email] + span { left: 24px; } #consultationFormContainer .form-container__form .form-field input[type=checkbox] + label { color: #474E57; } #consultationFormContainer .form-container__form .form-field .styled-select .selectbox .select { padding: 22px 40px 22px 24px; font-weight: 400; font-size: 18px; line-height: 20px; color: #474E57; background: #EAF1F9; border-radius: 8px; border: none; } #consultationFormContainer .form-container__form .form-field .styled-select .selectbox .select .trigger { width: 13px; height: 7px; right: 24px; background: url("/local/templates/metib2023/images/layout/spoiler-list-arrow.svg") 50% 50% no-repeat; border: none; transform: matrix(1, 0, 0, -1, 0, 0); } #consultationFormContainer .form-container__form .form-field .styled-select .selectbox ul { padding: 0 0 14px 0; max-height: 235px; background: #EAF1F9; border: none; border-radius: 12px; } #consultationFormContainer .form-container__form .form-field .styled-select .selectbox ul li { padding: 8px 24px; font-weight: 400; font-size: 18px; line-height: 20px; color: #262626; border: none; } #consultationFormContainer .form-container__form .form-field .styled-select .selectbox ul li:first-child { padding-top: 0; } #consultationFormContainer .form-container__form .form-field .styled-select .selectbox.opened { border-radius: 12px; } #consultationFormContainer .form-container__form .form-field .styled-select .selectbox.opened .select { box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #consultationFormContainer .form-container__form .form-field .styled-select .selectbox.opened .select .trigger { top: 47%; transform: none; } #consultationFormContainer .form-container__form .form-field .styled-select .selectbox.opened .select:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: #EAF1F9; z-index: 10000; } #consultationFormContainer .form-container__form .form-field .styled-select .selectbox.opened ul { right: 0; left: 0; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08); } #consultationFormContainer .form-container__submit { margin-top: 24px; } .sms-validation-form { max-width: 600px !important; } .sms-validation-form__title { margin: 0 0 18px 0; font-weight: 700; font-size: 24px; line-height: 32px; text-align: center; } .sms-validation-form__code { margin: 20px 0 0 0; } .sms-validation-form__repeat { margin: 10px 0 0 0; } .sms-validation-form__submit { margin: 20px 0 0 0; text-align: center; } @media all and (max-width: 767px) { .sms-validation-form__submit .button-red { width: 100%; } } .sms-validation-form .jsSmsValidationLabel { margin: 10px 0 0 0; } .sms-validation-form input[type=text] { padding: 22px 24px; height: auto; font-weight: 400; font-size: 18px; line-height: 20px; color: #474E57; background: #EAF1F9; border-radius: 8px; border: none; } .sms-validation-form input[type=text].error { outline: 2px solid #d11f1f; background: #ffdfdf; } header { display: block; position: relative; background: #F6F8FB; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.12); } header .header-menu-mobile { display: none; padding: 0 20px 0 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(71, 78, 87, 0.5); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); z-index: 1000; } header .header-menu-mobile__inner { position: relative; height: 100%; padding: 52px 20px 50px 20px; background: #ffffff; } @media all and (max-width: 767px) { header .header-menu-mobile__inner { overflow-y: auto; } } header .header-menu-mobile .closer { display: block; width: 30px; height: 30px; position: absolute; top: 17px; right: 12px; } header .header-menu-mobile .closer:before, header .header-menu-mobile .closer:after { content: ""; display: block; width: 2px; height: 19px; position: absolute; top: 0; left: 50%; background: #000000; } header .header-menu-mobile .closer:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } header .header-menu-mobile .closer:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } header .header-menu-mobile .login { padding: 0 28px 0 0; font-weight: 700; font-size: 16px; line-height: 20px; color: #033F8E; background: url("/local/templates/metib2023/images/layout/login.svg") 100% 50% no-repeat; } header .header-menu-mobile .menu { margin: 24px 0 0 0; } header .header-menu-mobile .menu-item { border-bottom: 1px solid #474E57; } header .header-menu-mobile .menu-item > div { display: flex; justify-content: space-between; } header .header-menu-mobile .menu-item__link { display: block; flex-grow: 1; position: relative; padding: 16px 0; font-weight: 700; font-size: 16px; line-height: 20px; color: #474E57; } header .header-menu-mobile .menu-item__button { display: block; flex: 0 0 30px; margin: 10px 0 0 10px; height: 30px; background: url("/local/templates/metib2023/images/layout/spoiler-list-arrow.svg") 100% 50% no-repeat; background-size: 16px; transform: matrix(1, 0, 0, -1, 0, 0); } header .header-menu-mobile .menu-item__list { display: none; padding: 0 0 16px 0; } header .header-menu-mobile .menu-item__list--item { margin: 20px 0 0 0; } header .header-menu-mobile .menu-item__list--item > div { display: flex; } header .header-menu-mobile .menu-item__list--item .subsection-button { flex: 0 0 22px; position: relative; } header .header-menu-mobile .menu-item__list--item .subsection-button:before { content: ""; display: block; position: absolute; left: 0; top: 8px; height: 2px; width: 12px; background: #474E57; border-radius: 1px; } header .header-menu-mobile .menu-item__list--item .subsection-button:after { content: ""; display: block; position: absolute; left: 5px; top: 3px; width: 2px; height: 12px; background: #474E57; border-radius: 1px; } header .header-menu-mobile .menu-item__list--item .subsection-link { font-size: 16px; line-height: 20px; } header .header-menu-mobile .menu-item__list--item .subsection-link.pulsar { position: relative; padding-right: 25px; } header .header-menu-mobile .menu-item__list--item .subsection-link.pulsar span.pulsar { position: absolute; top: 4px; right: 0; width: 12px; height: 12px; } header .header-menu-mobile .menu-item__list--item .subsection-link.pulsar span.pulsar svg { display: block; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; } header .header-menu-mobile .menu-item__list--item .subsection-link.pulsar span.pulsar:before { content: ""; display: block; position: absolute; width: 14px; height: 14px; animation: pulsar-animate 1.5s ease infinite; border: 1px solid #EB001B; border-radius: 50%; transform: scale(1, 1); opacity: 0; top: -1px; left: -1px; } @keyframes pulsar-animate { 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.7, 1.7); transform: scale(1.7, 1.7); } } header .header-menu-mobile .menu-item__list--item .subsection-link.without-child { padding: 0 0 0 22px; } header .header-menu-mobile .menu-item__list--item .subsection-menu { display: none; padding: 16px 0 0 22px; } header .header-menu-mobile .menu-item__list--item .subsection-menu li { margin: 12px 0 0 0; } header .header-menu-mobile .menu-item__list--item .subsection-menu li a { font-size: 14px; line-height: 20px; } header .header-menu-mobile .menu-item__list--item .subsection-menu li.separator { margin-top: 16px; } header .header-menu-mobile .menu-item__list--item .subsection-menu li.separator a { font-weight: 500; font-size: 16px; line-height: 20px; color: #BEC9D8; cursor: default; } header .header-menu-mobile .menu-item__list--item .subsection-menu li:first-child { margin-top: 0; } header .header-menu-mobile .menu-item__list--item.opened .subsection-button:after { display: none; } header .header-menu-mobile .menu-item__list--item.opened .subsection-link { color: #000000; } header .header-menu-mobile .menu-item__list--item:first-child { margin-top: 0; } header .header-menu-mobile .menu-item__list a { display: inline-block; font-size: 14px; line-height: 20px; color: #474E57; } header .header-menu-mobile .menu-item.opened .menu-item__button { transform: none; } header .header-menu-mobile .menu-item.opened .menu-item__link { color: #000000; } header .header-menu-mobile .menu-item:first-child { border-top: 1px solid #474E57; } header .header-alert { background: #D64040; } header .header-alert__inner { width: 100%; max-width: 1220px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; } @media all and (max-width: 767px) { header .header-alert__inner { padding-left: 20px; padding-right: 20px; } } header .header-top { font-weight: 400; position: relative; overflow: hidden; } header .header-top > div { width: 100%; max-width: 1220px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; background: #F6F8FB; z-index: 300; } @media all and (max-width: 767px) { header .header-top > div { padding-left: 20px; padding-right: 20px; } } @media all and (max-width: 767px) { header .header-top > div { padding-top: 12px; padding-bottom: 12px; } } header .header-top > div:before { content: ""; display: block; position: absolute; top: 0; right: -5000px; bottom: 0; left: -5000px; background: #F6F8FB; } header .header-top:before { content: ""; display: none; background: rgba(71, 78, 87, 0.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; } header .header-top__left { padding: 0 10px 0 0; position: relative; } @media all and (max-width: 767px) { header .header-top__left { display: none; } } header .header-top__right { display: flex; padding: 0 0 0 10px; position: relative; } header .header-top__right a { font-size: 13px; line-height: 16px; color: #474E57; } header .header-top__right .region { margin: 0 25px 0 0; } header .header-top__right .region a { display: inline-block; padding: 0 0 0 25px; background: url("/local/templates/metib2023/images/layout/location-arrow.svg") 0 50% no-repeat; } header .header-top__right .region a:hover { color: #000000; } @media all and (max-width: 767px) { header .header-top__right .region { margin-right: 10px; } } header .header-top__right .offices { margin: 0 24px 0 0; } header .header-top__right .offices a { display: inline-block; padding: 0 0 0 22px; background: url("/local/templates/metib2023/images/layout/location-black.svg") 0 50% no-repeat; } header .header-top__right .offices a:hover { color: #000000; } @media all and (max-width: 767px) { header .header-top__right .offices a.desktop { display: none; } } header .header-top__right .offices a.mobile { display: none; } @media all and (max-width: 767px) { header .header-top__right .offices a.mobile { display: inline-block; } } @media all and (max-width: 767px) { header .header-top__right .offices { margin-right: 10px; } } header .header-top__right .contacts-dropdown__button { display: inline-block; padding: 0 11px 0 23px; position: relative; background: url("/local/templates/metib2023/images/layout/contacts-black.svg") 0 50% no-repeat; } header .header-top__right .contacts-dropdown__button:after { content: ""; display: block; position: absolute; right: 0; top: 3px; width: 8px; height: 8px; background: url("/local/templates/metib2023/images/layout/black-arrow.svg") 0 50% no-repeat; background-size: contain; } @media all and (max-width: 767px) { header .header-top__right .contacts-dropdown__button:after { display: none; } } header .header-top__right .contacts-dropdown__button:hover { color: #000000; } @media all and (max-width: 767px) { header .header-top__right .contacts-dropdown__button { padding-right: 0; } } header .header-top__right .phone { float: right; } header .header-top__right .phone a { display: block; font-size: 24px; line-height: 24px; color: #111111; } header .header-top__right .phone span { display: block; margin: 5px 0 0 0; font-size: 12px; line-height: 12px; color: #666666; } @media all and (max-width: 767px) { header .header-top__right { padding-left: 0; width: 100%; justify-content: space-between; } } header .header-top.contacts-opened > div { position: absolute; top: 0; right: 0; left: 0; } @media all and (max-width: 767px) { header .header-top.contacts-opened > div { position: unset; } } header .header-top.contacts-opened:before { display: block; } header .header-top.contacts-opened .header-top__right .contacts-dropdown__button:after { transform: matrix(1, 0, 0, -1, 0, 0); } header .header-top.contacts-opened .header-top__dropdown { z-index: 1000; display: block; } header .header-top.contacts-opened .header-top__dropdown > div { display: flex; } header .header-top.second-menu-opened:before { display: block; } header .header-top.second-menu-opened > div { position: relative; z-index: 100; } header .header-dropdown { display: none; position: absolute; right: 0; top: 100%; left: 0; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); z-index: 1000; } header .header-dropdown > div { flex-direction: column; } @media all and (max-width: 767px) { header .header-dropdown > div { height: 100%; } } header .header-dropdown .background { background: #ffffff; position: relative; } header .header-dropdown .background:before { content: ""; display: block; position: absolute; top: 0; right: -5000px; bottom: 0; left: -5000px; background: #ffffff; } @media all and (max-width: 767px) { header .header-dropdown .background:before { display: none; } } @media all and (max-width: 767px) { header .header-dropdown .background { height: 100%; } } header .header-dropdown .dropdown-closer { flex-grow: 1; } header .header-dropdown .dropdown-inner { width: 100%; max-width: 1220px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; padding-top: 40px; padding-bottom: 40px; } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner { padding-left: 20px; padding-right: 20px; } } header .header-dropdown .dropdown-inner__closer { display: none; position: absolute; top: 3px; right: -4px; } header .header-dropdown .dropdown-inner__closer a { display: block; width: 30px; height: 30px; position: absolute; top: 17px; right: 21px; } header .header-dropdown .dropdown-inner__closer a:before { content: ""; display: block; width: 2px; height: 19px; position: absolute; top: 0; left: 50%; background: #000000; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } header .header-dropdown .dropdown-inner__closer a:after { content: ""; display: block; width: 2px; height: 19px; position: absolute; top: 0; left: 50%; background: #000000; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__closer { display: inline-block; } } header .header-dropdown .dropdown-inner__title { position: relative; font-size: 32px; line-height: 125%; } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__title { font-size: 22px; line-height: 26px; } } header .header-dropdown .dropdown-inner__content { position: relative; display: flex; margin: 24px 0 0 0; } header .header-dropdown .dropdown-inner__content .dropdown-column { flex: 0 0 33.3333%; padding: 0 20px 0 0; } header .header-dropdown .dropdown-inner__content .dropdown-column h3 { margin: 36px 0 0 0; font-weight: 500; font-size: 20px; line-height: 120%; } header .header-dropdown .dropdown-inner__content .dropdown-column h3:first-of-type { margin-top: 0; } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content .dropdown-column h3 { font-size: 16px; line-height: 20px; } } header .header-dropdown .dropdown-inner__content .dropdown-column a { display: inline-block; margin: 20px 0 0 0; font-size: 20px; line-height: 120%; color: #000000; } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content .dropdown-column a { margin-top: 12px; font-size: 16px; line-height: 20px; } } header .header-dropdown .dropdown-inner__content .dropdown-column p { margin: 8px 0 0 0; color: #474E57; } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content .dropdown-column p { margin-top: 4px; font-size: 14px; } } header .header-dropdown .dropdown-inner__content .dropdown-column .socials { display: flex; margin: 28px 0 0 0; } header .header-dropdown .dropdown-inner__content .dropdown-column .socials__item { display: block; margin: 0 12px 0 0; width: 40px; height: 40px; border-radius: 16px; } header .header-dropdown .dropdown-inner__content .dropdown-column .socials__item--telegram { background: url("/local/templates/metib2023/images/layout/telegram.svg") 50% 50% no-repeat, linear-gradient(135deg, #C6CCD3 9.02%, #919BA9 90.85%); } header .header-dropdown .dropdown-inner__content .dropdown-column .socials__item--ok { background: url("/local/templates/metib2023/images/layout/ok.svg") 50% 50% no-repeat, linear-gradient(135deg, #C6CCD3 9.02%, #919BA9 90.85%); } header .header-dropdown .dropdown-inner__content .dropdown-column .socials__item--vk { background: url("/local/templates/metib2023/images/layout/vk.svg") 50% 50% no-repeat, linear-gradient(135deg, #C6CCD3 9.02%, #919BA9 90.85%); } header .header-dropdown .dropdown-inner__content .dropdown-column .socials__item--dzen { background: url("/local/templates/metib2023/images/layout/dzen.svg") 50% 50% no-repeat, linear-gradient(135deg, #C6CCD3 9.02%, #919BA9 90.85%); } header .header-dropdown .dropdown-inner__content .dropdown-column .socials__item:last-child { margin-right: 0; } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content .dropdown-column .socials { margin-top: 24px; } } header .header-dropdown .dropdown-inner__content .dropdown-column .faq-link { margin: 11px 0 0 0; } header .header-dropdown .dropdown-inner__content .dropdown-column .faq-link a { margin: 0; font-weight: 500; font-size: 18px; line-height: 24px; color: #045CD2; } header .header-dropdown .dropdown-inner__content .dropdown-column .faq-link a:hover { color: #033F8E; } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content .dropdown-column .faq-link a { font-size: 16px; } } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content .dropdown-column .faq-link { margin-top: 24px; } } header .header-dropdown .dropdown-inner__content .dropdown-column .faq-link + .security-link { margin: 5px 0 0 0; } header .header-dropdown .dropdown-inner__content .dropdown-column .security-link { margin: 28px 0 0 0; } header .header-dropdown .dropdown-inner__content .dropdown-column .security-link a { margin: 0; font-weight: 500; font-size: 18px; line-height: 24px; color: #045CD2; } header .header-dropdown .dropdown-inner__content .dropdown-column .security-link a:hover { color: #033F8E; } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content .dropdown-column .security-link a { font-size: 16px; } } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content .dropdown-column .security-link { margin-top: 24px; } } header .header-dropdown .dropdown-inner__content .dropdown-column:last-child { padding-right: 0; } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content .dropdown-column:last-child { margin-bottom: 0; } } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content .dropdown-column { margin-bottom: 24px; padding-right: 0; } } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner__content { display: block; } } @media all and (max-width: 767px) { header .header-dropdown .dropdown-inner { max-height: 100vh; overflow-y: auto; padding-top: 52px; padding-right: 52px; padding-bottom: 22px; } } header .header-dropdown:before { content: ""; display: block; position: absolute; top: 0; left: -5000px; right: -5000px; bottom: 0; background: #ffffff; } @media all and (max-width: 767px) { header .header-dropdown:before { display: none; } } header .header-dropdown.opened { display: block; } @media all and (max-width: 767px) { header .header-dropdown { position: fixed; bottom: 0; top: 0; padding-right: 20px; overflow-y: auto; } } header .header-bottom { padding-top: 20px; padding-bottom: 20px; background: #fff; } header .header-bottom > div { width: 100%; max-width: 1220px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; display: flex; align-items: center; } @media all and (max-width: 767px) { header .header-bottom > div { padding-left: 20px; padding-right: 20px; } } @media all and (max-width: 767px) { header .header-bottom > div { justify-content: space-between; } } header .header-bottom__logo { margin: 0 26px 0 0; } header .header-bottom__logo a { display: block; width: 223px; height: 27px; background: url("/local/templates/metib2023/images/layout/logo.svg") 0 0 no-repeat; background-size: contain; } header .header-bottom__menu { flex-grow: 1; } @media all and (max-width: 767px) { header .header-bottom__menu { display: none; } } header .header-bottom__burger { display: none; } header .header-bottom__burger a { display: block; width: 25px; height: 25px; position: relative; background: url("/local/templates/metib2023/images/layout/burger.svg") 100% 50% no-repeat; } @media all and (max-width: 767px) { header .header-bottom__burger { display: block; } } header .header-bottom.second-menu-opened { position: relative; z-index: 100; } header .header-bank { margin: 0 0 0 24px; align-self: center; } header .header-bank a { display: block; padding: 0 20px; font-size: 14px; line-height: 40px; font-weight: 400; color: #ffffff; white-space: nowrap; background: #D64040; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } header .header-bank a:hover { background: #bf3a3a; } header .header-menu { width: 100%; max-width: 1220px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; font-weight: 400; } @media all and (max-width: 767px) { header .header-menu { padding-left: 20px; padding-right: 20px; } } header .header-menu__first ul { position: relative; display: flex; flex-grow: 1; } header .header-menu__first ul li { margin: 0 24px 0 0; } header .header-menu__first ul li:last-child { margin-right: 0; } header .header-menu__first ul li a { font-size: 13px; line-height: 16px; color: #474E57; } header .header-menu__first ul li a:hover { color: #000000; } header .header-menu__first ul li.active { position: relative; } header .header-menu__first ul li.active a { color: #000000; } header .header-menu__first ul li.active:before { content: ""; display: block; height: 2px; position: absolute; bottom: -3px; left: 0; right: 0; background: #033F8E; } header .header-menu__third { position: relative; } header .header-menu__third ul { position: relative; display: none; } header .header-menu__third ul:before { content: ""; display: block; height: 1px; position: absolute; top: -1px; left: -2000px; right: -2000px; background: rgba(0, 71, 133, 0.2); } header .header-menu__third ul.active { display: block; } header .header-menu__third ul li { display: inline-block; margin: 0 24px 0 0; } header .header-menu__third ul li:last-child { margin-right: 0; } header .header-menu__third ul li a { font-size: 12px; line-height: 40px; color: #333333; } header .header-menu__third ul li a:hover { color: #2a5fb9; } header .header-menu__third ul li.active { position: relative; } header .header-menu__third ul li.active a { color: #003082; } header .header-menu__third ul li.active:before { content: ""; display: block; height: 3px; position: absolute; bottom: 0; left: -10px; right: -10px; background: #003082; } header .header-menu__third > a { display: none; } .overflow-content { overflow: hidden; } main { display: block; } main .main-wrapper { width: 100%; max-width: 1220px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; } @media all and (max-width: 767px) { main .main-wrapper { padding-left: 20px; padding-right: 20px; } } main h1 { margin: 24px 0 32px 0; font-weight: 400; font-size: 40px; line-height: 1.2; } main h1.mt-60 { margin-top: 60px; color: #000; font-size: 32px; font-style: normal; font-weight: 400; line-height: 1.25; } @media all and (max-width: 767px) { main h1.mt-60 { margin-top: 24px; font-size: 28px; } } @media all and (max-width: 767px) { main h1 { margin: 16px 0 20px 0; font-size: 28px; } } main h2 { margin: 0 0 24px 0; font-size: 32px; font-weight: 400; line-height: 125%; } @media all and (max-width: 767px) { main h2 { margin-bottom: 20px; font-size: 24px; } } main .doc-list__doc { padding: 8px 0 8px 30px; font-weight: 300; font-size: 18px; line-height: 24px; background: url("/local/templates/metib2023/images/extensions/file.svg") 0 8px no-repeat; border-bottom: 1px solid #EEF1F6; } main .doc-list__doc:last-child { border-bottom: none; } main .doc-list__doc.doc-type-doc { background-image: url("/local/templates/metib2023/images/extensions/doc.svg"); } main .doc-list__doc.doc-type-pdf { background-image: url("/local/templates/metib2023/images/extensions/pdf.svg"); } main .doc-list__doc.doc-type-xls { background-image: url("/local/templates/metib2023/images/extensions/xls.svg"); } main .doc-list__doc.doc-type-zip { background-image: url("/local/templates/metib2023/images/extensions/zip.svg"); } main .doc-list__doc .doc-name a { display: inline-block; } main .doc-list__doc .doc-name span { display: inline-block; margin: 0 0 0 20px; color: #666666; } main .doc-list__doc .doc-description { margin: 8px 0 0 0; color: #666666; } main .documents-list { margin: 20px 0 0 0; padding: 24px; background: #FFFFFF; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08); border-radius: 20px; } main .documents-list__doc { font-weight: 400; font-size: 14px; line-height: 20px; } main .documents-list__doc .doc-name a { display: inline-block; padding: 8px 0 8px 28px; color: #045CD2; background: url("/local/templates/metib2023/images/extensions/default-doc-icon.svg") 0 8px no-repeat; } main .documents-list__doc .doc-name span { display: inline-block; margin: 0 0 0 20px; color: #666666; } main .documents-list__doc.doc-type-doc a { background-image: url("/local/templates/metib2023/images/extensions/doc-icon.svg"); } main .documents-list__doc.doc-type-pdf a { background-image: url("/local/templates/metib2023/images/extensions/pdf-icon.svg"); } main .documents-list__doc.doc-type-xls a { background-image: url("/local/templates/metib2023/images/extensions/xls-icon.svg"); } main .documents-list__doc.doc-type-adobe a { background-image: url("/local/templates/metib2023/images/extensions/adobe-icon.svg"); } main .documents-list:first-child { margin-top: 0; } main .documents-list + p { margin-top: 20px; } @media all and (max-width: 767px) { main .documents-list { padding: 20px; } } main ul.faq-list { margin-top: 35px; } main ul.faq-list li { padding-bottom: 20px; font-size: 16px; } main ul.faq-list li > a { border-bottom: 1px dashed #199CD8; } main ul.faq-list li > div { display: none; padding: 10px 0 0 0; } main ul.faq-list li:last-child { margin-bottom: 0; } main .white-background-text { padding: 24px; font-weight: 400; border-radius: 12px; background: #ffffff; box-shadow: 0 4px 20px 0 rgba(1, 49, 113, 0.08); } main .white-background-text h2 { margin-bottom: 20px; font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.4; letter-spacing: -0.3px; } main .white-background-text h2:first-child { margin-top: 0; } main .white-background-text ul { margin: 20px 0 0 0; } main .white-background-text ul li { position: relative; padding-left: 24px; } main .white-background-text ul li a { text-decoration: underline; } main .white-background-text ul li:before { content: ""; display: block; position: absolute; top: 8px; left: 10px; width: 5px; height: 5px; background: #000000; border-radius: 50%; } main .white-background-text ul li:first-child { margin-top: 0; } main .white-background-text ul + p { margin-top: 12px; } main .white-background-text ul.font-14 li:before { top: 11px; } main .white-background-text ul:first-child { margin-top: 0; } main .white-background-text ul.blue-marker li { margin: 5px 0 0 0; } main .white-background-text ul.blue-marker li:before { background: #013171; } main .white-background-text ul.blue-marker li:first-child { margin-top: 0; } main .white-background-text a { color: #013171; } main .white-background-text p:last-child { margin-bottom: 0; } main .white-background-text div.documents-list { margin-top: 20px; padding: 0; background: transparent; box-shadow: none; border-radius: 0; } main .white-background-text div.documents-list .documents-list__doc { background-size: 18px; background-position: 0 1px; } main .white-background-text div.documents-list .documents-list__doc .doc-name a { color: #013171; } main .white-background-text div.documents-list .documents-list__doc:first-child a { padding-top: 0; background-position-y: 1px; } main .white-background-text div.documents-list .documents-list__doc:last-child a { padding-bottom: 0; } main .white-background-text div.documents-list:first-child { margin-top: 0; } main .white-background-text .fw-500 { font-weight: 500; } main .white-background-text table.dotted-table { margin: 24px 0 0 0; color: #262626; } main .white-background-text table.dotted-table thead tr th { padding: 0 0 0 24px; font-weight: 700; color: #262626; text-align: left; border-bottom: 0; } main .white-background-text table.dotted-table thead tr th:first-child { padding-left: 0; } main .white-background-text table.dotted-table tbody tr { border-bottom: 1px dashed #BEC9D8; } main .white-background-text table.dotted-table tbody tr td { padding: 16px 0 16px 24px; vertical-align: top; border-bottom: 0; } main .white-background-text table.dotted-table tbody tr td:first-child { padding-left: 0; } main .white-background-text table.dotted-table tbody tr:last-child { padding-bottom: 0; border-bottom: 0; } main .white-background-text table.dotted-table tbody tr:last-child td { padding-bottom: 0; } @media all and (max-width: 767px) { main .white-background-text { padding: 20px; } } .credit-calc { display: flex; } .credit-calc__fields { flex-grow: 1; margin: 0 40px 0 0; } .credit-calc__fields > p { margin: 0 0 20px 0; font-size: 16px; line-height: 1.25; } .credit-calc__fields > p.notice { margin-top: 20px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #474E57; } @media all and (max-width: 767px) { .credit-calc__fields > p { font-size: 14px; } } .credit-calc__fields .calc-field { margin: 20px 0 0 0; position: relative; } .credit-calc__fields .calc-field .field-top { padding: 12px 16px 0 16px; background: #EAF1F9; border-radius: 8px; } .credit-calc__fields .calc-field .field-top > span { display: block; margin: 0 0 4px 0; font-size: 12px; line-height: 16px; color: #474E57; } .credit-calc__fields .calc-field__value { position: relative; font-weight: 500; font-size: 18px; line-height: 32px; color: #000000; } .credit-calc__fields .calc-field__value input { display: block; padding: 0; height: 20px; width: 100%; font-weight: 400; font-size: 18px; line-height: 20px; color: #000000; border: 0; background: transparent; } .credit-calc__fields .calc-field__value span { display: block; position: absolute; top: 0; right: 0; } .credit-calc__fields .calc-field__alert { display: none; position: absolute; right: 0; bottom: 0; left: 0; width: auto; max-width: 100%; font-size: 12px; line-height: 16px; color: #D64040; background: #ffffff; } .credit-calc__fields .calc-field__scroller .scroller-box { position: relative; height: 8px; margin: 0 -8px; } .credit-calc__fields .calc-field__scroller .scroller-box:before { content: ""; display: block; height: 8px; position: absolute; top: 4px; left: -8px; right: -8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: url("/local/templates/metib2023/images/layout/scroller-pseudo-light.svg"); } .credit-calc__fields .calc-field__scroller .scroller-box:after { content: ""; display: block; width: 16px; height: 8px; position: absolute; top: 4px; left: -8px; border-bottom-left-radius: 8px; background: url("/local/templates/metib2023/images/layout/scroller-before.svg"); } .credit-calc__fields .calc-field__scroller .scroller-box__fill { position: absolute; top: 8px; left: 0; height: 4px; background: #033F8E; } .credit-calc__fields .calc-field__scroller .scroller-box__circle { position: absolute; top: 0; left: 0; /*margin: 0 0 0 -6px;*/ width: 16px; height: 16px; background: #FFFFFF; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16); z-index: 1; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .credit-calc__fields .calc-field__scroller .scroller-box__circle:after { content: ""; display: block; width: 8px; height: 8px; position: absolute; top: 4px; left: 4px; background: #033F8E; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .credit-calc__fields .calc-field__legend { display: flex; align-items: center; justify-content: space-between; margin: 8px 0 0 0; font-size: 12px; line-height: 16px; color: #474E57; } .credit-calc__fields .calc-field__legend > span { display: inline-block; } .credit-calc__fields .calc-field:first-child { margin-top: 0; } @media all and (max-width: 767px) { .credit-calc__fields .calc-field { margin-top: 16px; } } @media all and (max-width: 767px) { .credit-calc__fields { margin-right: 0; margin-bottom: 20px; } } .credit-calc__result { flex: 0 0 387px; padding: 24px; background: #ffffff; box-shadow: 0 4px 24px rgba(1, 49, 113, 0.12); border-radius: 12px; } .credit-calc__result > h3 { font-weight: 500; font-size: 18px; line-height: 111%; color: #000000; } .credit-calc__result > div { margin: 16px 0 0 0; } .credit-calc__result .calc-result { margin: 0 0 16px 0; } .credit-calc__result .calc-result:last-child { margin-bottom: 0; } .credit-calc__result .calc-result > span { display: block; font-size: 14px; line-height: 20px; color: #474E57; } .credit-calc__result .calc-result > div { margin: 4px 0 0 0; font-weight: 500; font-size: 18px; line-height: 20px; color: #000000; } .credit-calc__result .calc-buttons { display: flex; margin: 20px 0 0 0; } .credit-calc__result .calc-buttons > div { flex: 0 0 calc((100% - 20px) / 2); margin: 0 0 0 20px; } .credit-calc__result .calc-buttons > div:first-child { margin-left: 0; } @media all and (max-width: 767px) { .credit-calc__result .calc-buttons > div:first-child { margin-bottom: 16px; } } @media all and (max-width: 767px) { .credit-calc__result .calc-buttons > div:last-child { margin-bottom: 0; } } .credit-calc__result .calc-buttons > div a { display: block; padding-left: 0; padding-right: 0; text-align: center; } @media all and (max-width: 767px) { .credit-calc__result .calc-buttons > div { margin-left: 0; } } @media all and (max-width: 767px) { .credit-calc__result .calc-buttons { display: block; } } @media all and (max-width: 767px) { .credit-calc { display: block; } } .credit-calc-new { display: flex; align-items: flex-start; justify-content: space-between; position: relative; } .credit-calc-new .credit-calc-new__fields { flex-grow: 1; max-width: 532px; margin: 0 24px 0 0; } .credit-calc-new .credit-calc-new__fields > div { display: flex; flex-wrap: wrap; margin: -24px 0 0 -26px; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields > div { margin-top: 0; margin-left: 0; } } .credit-calc-new .credit-calc-new__fields .calc-field { flex: 0 0 calc(100% - 26px); margin: 29px 0 0 26px; position: relative; } .credit-calc-new .credit-calc-new__fields .calc-field input[type=radio] + label { padding: 9px 16px; font-weight: 400; font-size: 14px; line-height: 143%; text-align: center; color: #000; background: #eaf1f9; border-radius: 8px; cursor: pointer; } .credit-calc-new .credit-calc-new__fields .calc-field input[type=radio] + label:before { display: none; } .credit-calc-new .credit-calc-new__fields .calc-field input[type=radio] + label:after { display: none; } .credit-calc-new .credit-calc-new__fields .calc-field input[type=radio]:checked + label { color: #ffffff; box-shadow: 0 0 8px 0 rgba(1, 38, 87, 0.2); background: #283d4d; } .credit-calc-new .credit-calc-new__fields .calc-field .pseudo-start { position: absolute; bottom: 0; left: 0; width: 6.2%; height: 8px; border-bottom-left-radius: 8px; overflow: hidden; } .credit-calc-new .credit-calc-new__fields .calc-field .pseudo-start:before { content: ""; display: block; position: absolute; height: 4px; right: 0; bottom: 0; left: 0; background: #283d4d; } .credit-calc-new .credit-calc-new__fields .calc-field .pseudo-end { position: absolute; bottom: 0; right: 0; width: 10%; height: 8px; border-bottom-right-radius: 8px; overflow: hidden; } .credit-calc-new .credit-calc-new__fields .calc-field .pseudo-end:before { content: ""; display: block; position: absolute; height: 4px; right: 0; bottom: 0; left: 0; background: rgba(3, 63, 142, 0.2); } .credit-calc-new .credit-calc-new__fields .calc-field__scroller { position: relative; } .credit-calc-new .credit-calc-new__fields .calc-field__scroller .scroller-box { position: absolute; height: 8px; right: 0; bottom: 0; left: 0; margin: 0 10% 0 6.2%; overflow: hidden; } .credit-calc-new .credit-calc-new__fields .calc-field__scroller .scroller-box__scale { display: block; position: absolute; height: 4px; bottom: 0; right: 0; left: 0; background: rgba(3, 63, 142, 0.2); } .credit-calc-new .credit-calc-new__fields .calc-field__scroller .scroller-box__fill { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background: #283d4d; } .credit-calc-new .credit-calc-new__fields .calc-field__scroller .scroller-circle { position: absolute; margin: 0 10% 0 6.2%; right: 0; bottom: -4px; left: 0; } .credit-calc-new .credit-calc-new__fields .calc-field__scroller .scroller-circle__inner { position: absolute; bottom: 0; height: 16px; width: 16px; border-radius: 50%; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16); background: #283d4d; border: 4px solid #ffffff; z-index: 1; cursor: pointer; } .credit-calc-new .credit-calc-new__fields .calc-field__scroller .scroller-breakpoints { display: flex; position: absolute; right: 0; bottom: 0; left: 0; margin: 0 10% 0 6.2%; } .credit-calc-new .credit-calc-new__fields .calc-field__scroller .scroller-breakpoints span { display: block; position: relative; } .credit-calc-new .credit-calc-new__fields .calc-field__scroller .scroller-breakpoints span:after { content: ""; position: absolute; width: 2px; height: 4px; right: 1px; bottom: 0; background: #eaf1f9; } .credit-calc-new .credit-calc-new__fields .calc-field__scroller .scroller-breakpoints span:first-child { left: 0 !important; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field__scroller .scroller-breakpoints { display: none; } } .credit-calc-new .credit-calc-new__fields .calc-field__alert { position: absolute; right: 0; left: 0; width: auto; max-width: 100%; font-size: 12px; line-height: 16px; color: #D64040; background: #ffffff; } .credit-calc-new .credit-calc-new__fields .calc-field__legend { margin: 15px 10% 0 6.2%; position: relative; } .credit-calc-new .credit-calc-new__fields .calc-field__legend > span { display: block; font-weight: 400; font-size: 14px; line-height: 143%; color: rgba(38, 38, 38, 0.7); text-align: center; background: transparent; } .credit-calc-new .credit-calc-new__fields .calc-field__legend > span input[type=radio] + label { display: inline-block; z-index: 10; min-width: 66px; padding-right: 5px; padding-left: 5px; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field__legend > span input[type=radio] + label { padding: 8px 10px; font-size: 16px; line-height: 1.25; } } .credit-calc-new .credit-calc-new__fields .calc-field__legend > span:first-child { width: 12.4% !important; margin-left: -6.2%; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field__legend > span:first-child { margin-left: 14px; width: auto !important; } } .credit-calc-new .credit-calc-new__fields .calc-field__legend > span:not(.credit-calc-new .credit-calc-new__fields .calc-field__legend > span:first-child) { position: absolute; left: 0; bottom: 0; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field__legend > span:not(.credit-calc-new .credit-calc-new__fields .calc-field__legend > span:first-child) { position: unset; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field__legend > span { margin: 10px 0 0 14px; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field__legend.desktop { display: none; } } .credit-calc-new .credit-calc-new__fields .calc-field__legend.mobile { display: none; } .credit-calc-new .credit-calc-new__fields .calc-field__legend.mobile > span:nth-child(2n) { display: none; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field__legend.mobile.sum > span input[type=radio] + label { min-width: 90px; padding-right: 5px; padding-left: 5px; } } .credit-calc-new .credit-calc-new__fields .calc-field__legend.mobile.sum > span:nth-child(2n) { display: block; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field__legend.mobile.period > span input[type=radio] + label { min-width: 65px; padding-right: 5px; padding-left: 5px; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field__legend.mobile { display: flex; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field__legend { display: flex; flex-wrap: wrap; margin-top: 8px; margin-right: 0; margin-left: -14px; } } .credit-calc-new .credit-calc-new__fields .calc-field .field-top > span { display: block; margin: 0 0 8px 0; font-weight: 500; font-size: 13px; line-height: 123%; letter-spacing: -0.02em; color: #262626; } .credit-calc-new .credit-calc-new__fields .calc-field input[type=text] { padding: 17px; height: auto; font-weight: 400; font-size: 18px; line-height: 1; letter-spacing: -0.02em; color: #000; border: 1px solid rgba(38, 38, 38, 0.24); border-radius: 8px; background: #eaf1f9; } .credit-calc-new .credit-calc-new__fields .calc-field input[type=text]:focus { outline: none; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field input[type=text] { padding-top: 19px; padding-bottom: 19px; font-size: 16px; } } .credit-calc-new .credit-calc-new__fields .calc-field.radio .calc-field__value { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px; } .credit-calc-new .credit-calc-new__fields .calc-field.radio .calc-field__value > div { margin: 10px 0 0 10px; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field.radio.mobile-half .calc-field__value > div input[type=radio] + label { padding-right: 5px; padding-left: 5px; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field.radio.mobile-half .calc-field__value > div { flex: 0 0 calc((100% - 16px) / 2); max-width: 154px; } } .credit-calc-new .credit-calc-new__fields .calc-field:first-child { margin-top: 24px; } .credit-calc-new .credit-calc-new__fields .calc-field.filled .pseudo-end:before { background: #283d4d; } .credit-calc-new .credit-calc-new__fields .calc-field.sum .calc-field__legend.desktop { display: flex; justify-content: space-between; margin-right: 0; margin-left: 26px; } .credit-calc-new .credit-calc-new__fields .calc-field.sum .calc-field__legend.desktop > span { position: unset !important; width: 20% !important; } .credit-calc-new .credit-calc-new__fields .calc-field.sum .calc-field__legend.desktop input[type=radio] + label { display: block; width: max-content; margin: 0 auto; font-weight: 400; font-size: 14px; line-height: 143%; color: rgba(38, 38, 38, 0.7); text-align: center; background: transparent; box-shadow: none; cursor: pointer; } .credit-calc-new .credit-calc-new__fields .calc-field.sum .calc-field__legend.desktop input[type=radio] + label span { position: relative; z-index: 15; } .credit-calc-new .credit-calc-new__fields .calc-field.sum .calc-field__legend.desktop input[type=radio]:checked + label { font-weight: 400; font-size: 14px; line-height: 143%; color: rgba(38, 38, 38, 0.7); text-align: center; background: transparent; box-shadow: none; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field.sum .calc-field__legend.desktop { display: none; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-field { flex: 0 0 100%; margin-left: 0; margin-top: 16px; } } .credit-calc-new .credit-calc-new__fields .calc-title { flex: 0 0 calc(100% - 26px); margin: 24px 0 0 26px; font-weight: 500; font-size: 18px; line-height: 133%; letter-spacing: -0.02em; color: #262626; } .credit-calc-new .credit-calc-new__fields .calc-title + .calc-field { margin-top: 24px; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-title + .calc-field { margin-top: 33px; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-title { order: -1; margin-top: 0; margin-left: 0; } } .credit-calc-new .credit-calc-new__fields .notice { margin-top: 24px; font-weight: 400; font-size: 13px; line-height: 154%; color: rgba(38, 38, 38, 0.7); } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .notice { display: none; } } .credit-calc-new .credit-calc-new__fields .calc-result { display: none; padding: 24px; box-shadow: 0 4px 24px 0 rgba(1, 49, 113, 0.12); background: linear-gradient(120deg, #53729b 0%, #191d23 80%); border-radius: 12px; } .credit-calc-new .credit-calc-new__fields .calc-result .calc-results__item > span { font-weight: 400; font-size: 16px; line-height: 125%; color: #fff; } .credit-calc-new .credit-calc-new__fields .calc-result .calc-results__item > div { font-weight: 700; font-size: 24px; line-height: 117%; color: #fff; } .credit-calc-new .credit-calc-new__fields .calc-result .calc-results__item.sum { padding: 0 0 8px 0; margin: 0 0 16px 0; position: relative; } .credit-calc-new .credit-calc-new__fields .calc-result .calc-results__item.sum > span { display: block; margin: 0 0 16px 0; font-size: 18px; line-height: 1.11; } .credit-calc-new .credit-calc-new__fields .calc-result .calc-results__item.sum > div { display: flex; } .credit-calc-new .credit-calc-new__fields .calc-result .calc-results__item.sum:after { content: ""; display: block; position: absolute; height: 1px; right: -4px; bottom: 0; left: -4px; background: rgba(255, 255, 255, 0.08); } .credit-calc-new .credit-calc-new__fields .calc-result .calc-results__item.percent { display: flex; align-items: baseline; } .credit-calc-new .credit-calc-new__fields .calc-result .calc-results__item.percent > span { margin: 0 16px 0 0; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields .calc-result { display: block; width: 100%; margin-top: 24px; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__fields { margin-left: 0; margin-right: 0; max-width: unset; } } .credit-calc-new .credit-calc-new__result { display: flex; flex-direction: column; justify-content: space-between; flex: 0 0 432px; min-height: 400px; padding: 30px 33px 33px 33px; position: relative; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; background: linear-gradient(120deg, #53729b 0%, #191d23 80%); overflow: hidden; } .credit-calc-new .credit-calc-new__result > div { position: relative; } .credit-calc-new .credit-calc-new__result h3 { margin: 0 0 64px 0; position: relative; font-weight: 500; font-size: 24px; line-height: 108%; letter-spacing: -0.01em; text-align: center; color: #ffffff; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__result h3 { margin-bottom: 20px; font-size: 22px; line-height: 118%; } } .credit-calc-new .credit-calc-new__result .calc-results { display: flex; flex-wrap: wrap; justify-content: space-between; margin: -10px 0 0 -10px; } .credit-calc-new .credit-calc-new__result .calc-results__item { flex: 0 0 auto; margin: 10px 0 0 10px; } .credit-calc-new .credit-calc-new__result .calc-results__item > span { display: block; margin-bottom: 29px; font-weight: 400; font-size: 18px; line-height: 111%; color: #fff; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__result .calc-results__item > span { margin-bottom: 12px; } } .credit-calc-new .credit-calc-new__result .calc-results__item > div { font-weight: 700; font-size: 34px; line-height: 110%; letter-spacing: -0.01em; color: #fff; white-space: nowrap; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__result .calc-results__item > div { font-size: 24px; line-height: 1.17; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__result .calc-results__item.percent > span { margin-bottom: 0; font-size: 16px; line-height: 1.25; margin-right: 16px; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__result .calc-results__item.percent { display: flex; align-items: center; margin-top: 27px; position: relative; } .credit-calc-new .credit-calc-new__result .calc-results__item.percent:before { content: ""; display: block; position: absolute; top: -16px; right: -4.5px; left: -4.5px; height: 1px; background: rgba(255, 255, 255, 0.08); } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__result .calc-results__item { margin: 0; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__result .calc-results { display: block; margin: 0; } } .credit-calc-new .credit-calc-new__result .calc-buttons { margin-top: 36px; } .credit-calc-new .credit-calc-new__result .calc-buttons > div { margin-bottom: 12px; } .credit-calc-new .credit-calc-new__result .calc-buttons > div a { display: block; } .credit-calc-new .credit-calc-new__result .calc-buttons > div .open-button { display: none; } .credit-calc-new .credit-calc-new__result .calc-buttons > div .button-red { border-radius: 12px; } .credit-calc-new .credit-calc-new__result .calc-buttons > div .button-white { color: #ffffff; border: 2px solid rgba(255, 255, 255, 0.24); border-radius: 12px; background: transparent; } .credit-calc-new .credit-calc-new__result .calc-buttons > div:last-child { margin-bottom: 0; } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__result .calc-buttons { margin-top: 20px; } } @media all and (max-width: 1023px) { .credit-calc-new .credit-calc-new__result { padding: 22px 24px 24px 24px; margin-top: 32px; min-height: unset; } } .credit-calc-new__notice { display: none; } @media all and (max-width: 1023px) { .credit-calc-new__notice { display: block; margin: 16px 0 0 0; font-weight: 400; font-size: 14px; line-height: 143%; letter-spacing: -0.01em; color: rgba(38, 38, 38, 0.7); } } @media all and (max-width: 1023px) { .credit-calc-new { display: block; } } .deposit-calc { display: flex; position: relative; } .deposit-calc__fields { flex-grow: 1; margin: 0 40px 0 0; } .deposit-calc__fields .flex-container { display: flex; flex-wrap: wrap; margin: -8px 0 0 -20px; } .deposit-calc__fields .flex-container > div { margin: 8px 0 0 20px; } .deposit-calc__fields .calc-title { margin: 0 0 16px 0; font-weight: 500; font-size: 18px; line-height: 111%; color: #000000; } .deposit-calc__fields .calc-field { margin: 20px 0 0 0; } .deposit-calc__fields .calc-field .radio-buttons { display: flex; margin: 8px 0 0 0; } .deposit-calc__fields .calc-field .radio-buttons > div { margin: 0 20px 0 0; } .deposit-calc__fields .calc-field .radio-buttons > div:last-child { margin-right: 0; } .deposit-calc__fields .calc-field input[type=radio] { position: absolute; left: -9999px; } .deposit-calc__fields .calc-field input[type=radio] + label { position: relative; display: block; padding: 0 0 0 36px; line-height: 24px; } .deposit-calc__fields .calc-field input[type=radio] + label:before { content: ""; display: block; width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: #EAF1F9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .deposit-calc__fields .calc-field input[type=radio] + label:after { display: none; } .deposit-calc__fields .calc-field input[type=radio]:checked + label:before { background: #033F8E url("/local/templates/metib2023/images/layout/checkbox.svg") 50% 50% no-repeat; } .deposit-calc__fields .calc-field input[type=radio]:checked + label:after { display: none; } .deposit-calc__fields .calc-field .field-top { padding: 12px 16px 0 16px; background: #EAF1F9; border-radius: 8px; } .deposit-calc__fields .calc-field .field-top > span { display: block; margin: 0 0 4px 0; font-size: 12px; line-height: 16px; color: #474E57; } .deposit-calc__fields .calc-field .parameters-list { margin: 2px -6px -6px -6px; display: flex; flex-wrap: wrap; } .deposit-calc__fields .calc-field .parameters-list__item { padding: 6px; } .deposit-calc__fields .calc-field .parameters-list__item input[type=radio] { display: none; position: absolute; left: -5000px; } .deposit-calc__fields .calc-field .parameters-list__item input[type=radio] + label { display: inline-block; padding: 8px 12px; font-weight: 400; font-size: 14px; line-height: 20px; background: #EAF1F9; border-radius: 20px; } .deposit-calc__fields .calc-field .parameters-list__item input[type=radio] + label:before { display: none; } .deposit-calc__fields .calc-field .parameters-list__item input[type=radio] + label:after { display: none; } .deposit-calc__fields .calc-field .parameters-list__item input[type=radio]:checked + label { color: #ffffff; background: #033F8E; box-shadow: 0px 0px 8px rgba(1, 38, 87, 0.2); } .deposit-calc__fields .calc-field__title { font-weight: 400; font-size: 16px; line-height: 20px; } .deposit-calc__fields .calc-field__value { position: relative; font-weight: 500; font-size: 16px; line-height: 32px; color: #000000; } .deposit-calc__fields .calc-field__value input { display: block; padding: 0; height: 20px; width: 100%; font-weight: 400; font-size: 18px; line-height: 20px; color: #000000; border: 0; background: transparent; } .deposit-calc__fields .calc-field__value span { display: block; position: absolute; top: 0; right: 0; } .deposit-calc__fields .calc-field__scroller .scroller-box { position: relative; height: 8px; margin: 0 -8px; } .deposit-calc__fields .calc-field__scroller .scroller-box:before { content: ""; display: block; height: 8px; position: absolute; top: 4px; left: -8px; right: -8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: url("/local/templates/metib2023/images/layout/scroller-pseudo-light.svg"); } .deposit-calc__fields .calc-field__scroller .scroller-box:after { content: ""; display: block; width: 16px; height: 8px; position: absolute; top: 4px; left: -8px; border-bottom-left-radius: 8px; background: url("/local/templates/metib2023/images/layout/scroller-before.svg"); } .deposit-calc__fields .calc-field__scroller .scroller-box__fill { position: absolute; top: 8px; left: 0; height: 4px; background: #033F8E; } .deposit-calc__fields .calc-field__scroller .scroller-box__circle { position: absolute; top: 0; left: 0; /*margin: 0 0 0 -6px;*/ width: 16px; height: 16px; background: #FFFFFF; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16); z-index: 1; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .deposit-calc__fields .calc-field__scroller .scroller-box__circle:after { content: ""; display: block; width: 8px; height: 8px; position: absolute; top: 4px; left: 4px; background: #033F8E; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .deposit-calc__fields .calc-field__legend { display: flex; align-items: center; justify-content: space-between; margin: 8px 0 0 0; font-size: 12px; line-height: 16px; color: #474E57; } .deposit-calc__fields .calc-field__legend > span { display: inline-block; } .deposit-calc__fields .calc-field:first-child { margin-top: 0; } .deposit-calc__fields .calc-field.checkbox { margin-top: 24px; } @media all and (max-width: 767px) { .deposit-calc__fields .calc-field { margin-top: 16px; } } .deposit-calc__fields .bottom-text { margin: 40px 0 0 0; font-weight: 400; font-size: 14px; line-height: 1.43; color: #474E57; } @media all and (max-width: 767px) { .deposit-calc__fields { margin-right: 0; margin-bottom: 20px; } } .deposit-calc__result { flex: 0 0 387px; padding: 24px; background: #ffffff; box-shadow: 0 4px 24px rgba(1, 49, 113, 0.12); border-radius: 12px; } .deposit-calc__result > h3 { font-weight: 500; font-size: 18px; line-height: 111%; color: #000000; } .deposit-calc__result > div { margin: 16px 0 0 0; } .deposit-calc__result .calc-result { margin: 0 0 16px 0; } .deposit-calc__result .calc-result:last-child { margin-bottom: 0; } .deposit-calc__result .calc-result > span { display: block; font-size: 14px; line-height: 20px; color: #474E57; } .deposit-calc__result .calc-result > div { margin: 4px 0 0 0; font-weight: 500; font-size: 18px; line-height: 20px; color: #000000; } .deposit-calc__result .calc-buttons { display: flex; margin: 20px 0 0 0; } .deposit-calc__result .calc-buttons > div { flex: 0 0 calc((100% - 20px) / 2); margin: 0 0 0 20px; } .deposit-calc__result .calc-buttons > div:first-child { margin-left: 0; } @media all and (max-width: 767px) { .deposit-calc__result .calc-buttons > div:first-child { margin-bottom: 16px; } } .deposit-calc__result .calc-buttons > div a { display: block; padding-left: 0; padding-right: 0; text-align: center; } @media all and (max-width: 767px) { .deposit-calc__result .calc-buttons > div { margin-left: 0; } } .deposit-calc__result .calc-buttons.one-button { display: block; } .deposit-calc__result .calc-buttons.one-button > div { flex: 0 0 100%; margin-left: 0; margin-bottom: 16px; } .deposit-calc__result .calc-buttons.one-button > div:last-child { margin-bottom: 0; } @media all and (max-width: 767px) { .deposit-calc__result .calc-buttons { display: block; } } @media all and (max-width: 767px) { .deposit-calc { display: block; } } .deposit-calc-new { display: flex; align-items: flex-start; justify-content: space-between; position: relative; } .deposit-calc-new .deposit-calc-new__fields { flex-grow: 1; margin: 0 24px 0 0; max-width: 550px; } .deposit-calc-new .deposit-calc-new__fields > div { display: flex; flex-wrap: wrap; margin: -24px 0 0 -26px; } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields > div { margin-top: 0; margin-left: 0; } } .deposit-calc-new .deposit-calc-new__fields .calc-field { flex: 0 0 calc(100% - 26px); margin: 24px 0 0 26px; } .deposit-calc-new .deposit-calc-new__fields .calc-field__title { margin: 0 0 8px 0; font-weight: 500; font-size: 13px; line-height: 123%; letter-spacing: -0.02em; color: #262626; } .deposit-calc-new .deposit-calc-new__fields .calc-field__title a { display: none; font-weight: 400; font-size: 12px; line-height: 133%; color: #033f8e; } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field__title a { display: block; } } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field__title { display: flex; align-items: center; justify-content: space-between; } } .deposit-calc-new .deposit-calc-new__fields .calc-field input[type=text] { padding: 0 17px; height: auto; font-weight: 400; font-size: 18px; line-height: 54px; letter-spacing: -0.02em; color: #000; border: 1px solid rgba(38, 38, 38, 0.24); border-radius: 8px; background: #eaf1f9; } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field input[type=text] { font-size: 16px; } } .deposit-calc-new .deposit-calc-new__fields .calc-field input[type=radio] + label { padding: 9px 16px; font-weight: 400; font-size: 14px; line-height: 143%; text-align: center; color: #000; background: #eaf1f9; border-radius: 8px; cursor: pointer; } .deposit-calc-new .deposit-calc-new__fields .calc-field input[type=radio] + label:before { display: none; } .deposit-calc-new .deposit-calc-new__fields .calc-field input[type=radio] + label:after { display: none; } .deposit-calc-new .deposit-calc-new__fields .calc-field input[type=radio]:checked + label { color: #ffffff; box-shadow: 0 0 8px 0 rgba(1, 38, 87, 0.2); background: #283d4d; } .deposit-calc-new .deposit-calc-new__fields .calc-field__legend { display: none; margin: -8px 0 0 -14px; } .deposit-calc-new .deposit-calc-new__fields .calc-field__legend > div { margin: 8px 0 0 14px; } .deposit-calc-new .deposit-calc-new__fields .calc-field__legend > div input[type=radio] + label { min-width: 65px; padding-top: 0; padding-bottom: 0; padding-right: 8px; padding-left: 8px; font-size: 16px; line-height: 36px; } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field__legend { display: flex; } } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup { display: none; position: fixed; height: 100%; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 100000; } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup > div { display: flex; align-items: flex-end; height: 100%; } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup .popup-inner { width: 100%; box-shadow: 0 -4px 20px 0 rgba(1, 49, 113, 0.12); background: #fff; border-radius: 20px 20px 0 0; max-height: 414px; } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup .popup-inner__closer { display: block; height: 21px; position: relative; border-radius: 20px 20px 0 0; } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup .popup-inner__closer:before { content: ""; display: block; position: absolute; top: 8px; left: calc(50% - 20px); width: 40px; height: 5px; background: #919ba9; border-radius: 100px; } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup .popup-inner__title { margin: 0 0 24px 0; padding: 0 20px; font-weight: 500; font-size: 18px; line-height: 133%; letter-spacing: -0.02em; color: #000; } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup .popup-inner__values { padding: 0 20px 41px 20px; overflow-y: auto; } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup .popup-inner__values > div > div { margin: 24px 0 0 0; } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup .popup-inner__values > div > div:first-child { margin-top: 0; } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup .popup-inner__values input[type=radio] + label { padding: 0; font-family: "Helvetica Neue OTS", sans-serif; font-weight: 400; font-size: 16px; line-height: 125%; color: #000; text-align: left; background: transparent; } .deposit-calc-new .deposit-calc-new__fields .calc-field__popup .popup-inner__values input[type=radio]:checked + label { color: #0564E3; box-shadow: none; } .deposit-calc-new .deposit-calc-new__fields .calc-field .styled-select .selectbox .select { padding: 18px 17px 18px 17px; font-weight: 400; font-size: 18px; line-height: 1; color: #262626; border: 1px solid rgba(38, 38, 38, 0.24); border-radius: 8px; background: #eaf1f9; } .deposit-calc-new .deposit-calc-new__fields .calc-field .styled-select .selectbox .select .trigger { margin-top: -3px; width: 11px; height: 7px; right: 24px; border: 0; border-top: 0; background: url("/local/templates/metib2023/images/calc/select-arrow.svg") 50% 50%/contain no-repeat; } .deposit-calc-new .deposit-calc-new__fields .calc-field .styled-select .selectbox ul { box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08); background: #fff; border-radius: 10px; max-height: 300px; } .deposit-calc-new .deposit-calc-new__fields .calc-field .styled-select .selectbox ul li { position: relative; padding: 9px 16px; font-weight: 400; font-size: 18px; line-height: 122%; color: #262626; border-bottom: 0; } .deposit-calc-new .deposit-calc-new__fields .calc-field .styled-select .selectbox ul li:before { content: ""; display: block; height: 0.5px; position: absolute; bottom: 0; right: 16px; left: 16px; background: rgba(60, 60, 67, 0.36); } .deposit-calc-new .deposit-calc-new__fields .calc-field .styled-select .selectbox ul li:last-child:before { display: none; } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field .styled-select { display: none; } } .deposit-calc-new .deposit-calc-new__fields .calc-field.radio .calc-field__value { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px; } .deposit-calc-new .deposit-calc-new__fields .calc-field.radio .calc-field__value > div { margin: 10px 0 0 10px; } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field.radio .calc-field__value > div { margin-top: 14px; margin-left: 10px; } } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field.radio .calc-field__value { margin-top: -14px; margin-left: -10px; } } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field.radio.mobile-half .calc-field__value > div input[type=radio] + label { padding-right: 5px; padding-left: 5px; } } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field.radio.mobile-half .calc-field__value > div { flex: 0 0 calc((100% - 16px) / 2); max-width: 154px; } } .deposit-calc-new .deposit-calc-new__fields .calc-field.half-width { flex: 0 0 calc((100% - 52px) / 2); } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field.half-width { flex: 0 0 100%; } } .deposit-calc-new .deposit-calc-new__fields .calc-field:first-child { margin-top: 24px; } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field:first-child { margin-top: 0; } } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-field { flex: 0 0 100%; margin-left: 0; } } .deposit-calc-new .deposit-calc-new__fields .calc-title { flex: 0 0 calc(100% - 26px); margin: 24px 0 0 26px; font-weight: 500; font-size: 18px; line-height: 133%; letter-spacing: -0.02em; color: #262626; } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-title + .calc-field { margin-top: 32px; } } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-title { order: -1; margin-top: 0; margin-bottom: 26px; margin-left: 0; } } .deposit-calc-new .deposit-calc-new__fields .bottom-text { position: absolute; bottom: 0; margin-left: 26px; font-weight: 400; font-size: 13px; line-height: 154%; letter-spacing: -0.02em; color: rgba(38, 38, 38, 0.7); } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .bottom-text { position: unset; bottom: unset; margin-top: 16px; margin-left: 0; font-size: 14px; line-height: 143%; letter-spacing: -0.01em; } } .deposit-calc-new .deposit-calc-new__fields .calc-result { display: none; position: relative; padding: 24px; box-shadow: 0 4px 24px 0 rgba(1, 49, 113, 0.12); background: linear-gradient(120deg, #53729b 0%, #191d23 80%); border-radius: 12px; overflow: hidden; } .deposit-calc-new .deposit-calc-new__fields .calc-result > div { position: relative; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-results__item > span { font-weight: 400; font-size: 16px; line-height: 125%; color: #fff; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-results__item > div { font-weight: 700; font-size: 24px; line-height: 117%; color: #fff; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-results__item.sum { padding: 0 0 8px 0; margin: 0 0 16px 0; position: relative; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-results__item.sum > span { display: block; margin: 0 0 16px 0; font-size: 18px; line-height: 1.11; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-results__item.sum > div { display: flex; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-results__item.sum > div > div.profit { margin: 0 0 0 14px; padding-left: 16px; color: #34b46b; background: url("/local/templates/metib2023/images/calc/profit-arrow.svg") 0 2px no-repeat; background-size: 18px; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-results__item.sum:after { content: ""; display: block; position: absolute; height: 1px; right: -4px; bottom: 0; left: -4px; background: rgba(255, 255, 255, 0.08); } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-results__item.percent { display: flex; align-items: baseline; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-results__item.percent > span { margin: 0 16px 0 0; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-buttons { margin-top: 16px; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-buttons > div { margin-bottom: 12px; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-buttons > div a { display: block; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-buttons > div .open-button { display: none; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-buttons > div .button-red { border-radius: 12px; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-buttons > div .button-white { color: #ffffff; border: 2px solid rgba(255, 255, 255, 0.24); border-radius: 12px; background: transparent; } .deposit-calc-new .deposit-calc-new__fields .calc-result .calc-buttons > div:last-child { margin-bottom: 0; } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields .calc-result { display: block; width: 100%; margin-top: 24px; } } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__fields { margin-left: 0; margin-right: 0; max-width: unset; } } .deposit-calc-new .deposit-calc-new__result { display: flex; flex: 0 0 432px; position: relative; min-height: 400px; padding: 36px 33px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(120deg, #53729b 0%, #191d23 80%); overflow: hidden; } .deposit-calc-new .deposit-calc-new__result > div { display: flex; flex-direction: column; justify-content: space-between; margin-top: 0; position: relative; } .deposit-calc-new .deposit-calc-new__result .calc-results { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 0 -10px; } .deposit-calc-new .deposit-calc-new__result .calc-results__item { flex: 0 0 auto; margin: 35px 0 0 10px; } .deposit-calc-new .deposit-calc-new__result .calc-results__item > span { display: block; margin-bottom: 17px; font-weight: 400; font-size: 16px; line-height: 137%; color: #fff; } .deposit-calc-new .deposit-calc-new__result .calc-results__item > div { font-weight: 700; font-size: 34px; line-height: 120%; letter-spacing: -0.01em; color: #fff; white-space: nowrap; } .deposit-calc-new .deposit-calc-new__result .calc-results__item > div.profit { padding: 0 0 0 24px; color: #34b46b; background: url("/local/templates/metib2023/images/calc/profit-arrow.svg") 0 4px no-repeat; } .deposit-calc-new .deposit-calc-new__result .calc-results__item.full-width { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; flex: 0 0 calc(100% - 10px); margin-top: 0; } .deposit-calc-new .deposit-calc-new__result .calc-results__item.full-width > span { margin-bottom: 0; } .deposit-calc-new .deposit-calc-new__result .calc-results__item.full-width > div { line-height: 1; } .deposit-calc-new .deposit-calc-new__result .calc-results__item:last-child > div { text-align: right; } .deposit-calc-new .deposit-calc-new__result .calc-buttons { margin-top: 48px; } .deposit-calc-new .deposit-calc-new__result .calc-buttons > div { margin-bottom: 12px; } .deposit-calc-new .deposit-calc-new__result .calc-buttons > div a { display: block; } .deposit-calc-new .deposit-calc-new__result .calc-buttons > div .open-button { display: none; } .deposit-calc-new .deposit-calc-new__result .calc-buttons > div .button-red { border-radius: 12px; } .deposit-calc-new .deposit-calc-new__result .calc-buttons > div .button-white { color: #ffffff; border: 2px solid rgba(255, 255, 255, 0.24); border-radius: 12px; background: transparent; } .deposit-calc-new .deposit-calc-new__result .calc-buttons > div:last-child { margin-bottom: 0; } @media all and (max-width: 1023px) { .deposit-calc-new .deposit-calc-new__result { display: none; } } @media all and (max-width: 1023px) { .deposit-calc-new { display: block; } } .savingAccount-calc-new { display: flex; align-items: flex-start; justify-content: space-between; position: relative; } .savingAccount-calc-new .savingAccount-calc-new__fields { flex-grow: 1; margin: 0 30px 0 0; max-width: 460px; } .savingAccount-calc-new .savingAccount-calc-new__fields > div { display: flex; flex-wrap: wrap; margin: -24px 0 0 -26px; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields > div { margin-top: 0; margin-left: 0; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field { flex: 0 0 calc(100% - 26px); margin: 24px 0 0 26px; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field__title { margin: 0 0 8px 0; font-weight: 500; font-size: 13px; line-height: 123%; letter-spacing: -0.02em; color: #262626; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field__title a { display: none; font-weight: 400; font-size: 12px; line-height: 133%; color: #033f8e; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field__title a { display: block; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field__title { display: flex; align-items: center; justify-content: space-between; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field input[type=text] { padding: 17px; height: auto; font-weight: 400; font-size: 18px; line-height: 1; letter-spacing: -0.02em; color: #000; border: 1px solid rgba(38, 38, 38, 0.24); border-radius: 8px; background: #eaf1f9; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field input[type=text] { font-size: 16px; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field input[type=radio] + label { padding: 9px 16px; font-weight: 400; font-size: 14px; line-height: 143%; text-align: center; color: #000; background: #eaf1f9; border-radius: 8px; cursor: pointer; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field input[type=radio] + label .desktop { display: none; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field input[type=radio] + label .mobile { display: none; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field input[type=radio] + label .mobile { display: block; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field input[type=radio] + label:before { display: none; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field input[type=radio] + label:after { display: none; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field input[type=radio]:checked + label { color: #ffffff; box-shadow: 0 0 8px 0 rgba(1, 38, 87, 0.2); background: #283d4d; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field__legend { display: none; margin: -8px 0 0 -14px; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field__legend > div { margin: 8px 0 0 14px; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field__legend { display: flex; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio .calc-field__value { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio .calc-field__value > div { margin: 10px 0 0 10px; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio .calc-field__value > div { margin-top: 8px; margin-left: 8px; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio .calc-field__value { margin-top: -8px; margin-left: -8px; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio.mobile-half .calc-field__value > div input[type=radio] + label { padding-right: 5px; padding-left: 5px; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio.mobile-half .calc-field__value > div { flex: 0 0 calc((100% - 16px) / 2); max-width: 154px; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio.period .calc-field__value { justify-content: space-between; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio.period .calc-field__value .desktop { display: none; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio.period .calc-field__value .mobile { display: block; font-size: 16px; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio.period .calc-field__value > div { flex: 1 1 0; max-width: 96px; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio.period .calc-field__value > div input[type=radio] + label { padding-right: 5px; padding-left: 5px; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.radio.period .calc-field__value { max-width: 460px; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.half-width { flex: 0 0 calc((100% - 52px) / 2); } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.half-width { flex: 0 0 100%; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.percents .calc-field__value > div input[type=radio] + label { width: max-content; padding-right: 16px !important; padding-left: 16px !important; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.percents .calc-field__value > div { max-width: unset !important; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.percents .calc-field__value { display: block; margin-top: 0; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field.percents { margin-top: 31px; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field:first-child { margin-top: 24px; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-field { flex: 0 0 100%; margin-left: 0; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title { flex: 0 0 calc(100% - 26px); margin: 24px 0 0 26px; max-width: max-content; position: relative; font-weight: 500; font-size: 18px; line-height: 133%; letter-spacing: -0.02em; color: #262626; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title .calc-modal { display: block; position: absolute; top: 0; left: calc(100% + 8px); width: 300%; max-width: 137.5%; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title .calc-modal__open { display: block; width: 12px; height: 12px; background: url("/local/templates/metib2023/images/calc/modal-open.svg") 50% 50% no-repeat; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title .calc-modal__inner { display: none; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title .calc-modal__inner > span { display: block; position: relative; margin: 0 0 0 5px; padding: 16px; border: 1px solid #757575; border-radius: 0 8px 8px 8px; background: #ffffff; z-index: 10; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title .calc-modal__inner .modal-title { display: block; font-weight: 600; font-size: 16px; line-height: 140%; color: #1e1e1e; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title .calc-modal__inner .modal-text { display: block; margin: 4px 0 0 0; font-weight: 400; font-size: 14px; line-height: 129%; color: #474e57; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title .calc-modal__inner .modal-close { display: block; position: absolute; top: 16px; right: 16px; width: 20px; height: 20px; background: url("/local/templates/metib2023/images/calc/modal-close.svg") 50% 50% no-repeat; z-index: 15; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title .calc-modal { display: none; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title + .calc-field { margin-top: 35px; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-title { order: -1; margin-top: 0; margin-left: 0; } } .savingAccount-calc-new .savingAccount-calc-new__fields .bottom-text { margin-top: 24px; margin-left: 26px; font-weight: 400; font-size: 13px; line-height: 154%; letter-spacing: -0.02em; color: rgba(38, 38, 38, 0.7); } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .bottom-text { margin-top: 16px; margin-left: 0; font-size: 14px; line-height: 143%; letter-spacing: -0.01em; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result { display: none; padding: 24px; box-shadow: 0 4px 24px 0 rgba(1, 49, 113, 0.12); background: linear-gradient(120deg, #53729b 0%, #191d23 80%); border-radius: 12px; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item > span { font-weight: 400; font-size: 16px; line-height: 125%; color: #fff; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item > div { font-weight: 700; font-size: 24px; line-height: 117%; color: #fff; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item.sum { padding: 0 0 8px 0; margin: 0 0 16px 0; position: relative; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item.sum > span { display: block; margin: 0 0 16px 0; font-size: 18px; line-height: 1.11; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item.sum > span { margin-bottom: 12px; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item.sum > div { display: flex; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item.sum > div > div.profit { margin: 0 0 0 14px; padding-left: 16px; color: #34b46b; background: url("/local/templates/metib2023/images/calc/profit-arrow.svg") 0 2px no-repeat; background-size: 18px; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item.sum:after { content: ""; display: block; position: absolute; height: 1px; right: -4px; bottom: 0; left: -4px; background: rgba(255, 255, 255, 0.08); } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item.sum { margin-bottom: 13px; padding-bottom: 11px; } } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item.percent { display: flex; align-items: baseline; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-results__item.percent > span { margin: 0 16px 0 0; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-buttons { margin-top: 16px; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-buttons > div { margin-bottom: 12px; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-buttons > div a { display: block; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-buttons > div .open-button { display: none; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-buttons > div .button-red { border-radius: 12px; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-buttons > div .button-white { color: #ffffff; border: 2px solid rgba(255, 255, 255, 0.24); border-radius: 12px; background: transparent; } .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-buttons > div:last-child { margin-bottom: 0; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-buttons > div { margin-bottom: 17px; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result .calc-buttons { margin-top: 18px; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields .calc-result { display: block; width: 100%; margin-top: 33px; } } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__fields { margin-left: 0; margin-right: 0; max-width: unset; } } .savingAccount-calc-new .savingAccount-calc-new__result { display: flex; flex: 0 0 432px; min-height: 400px; padding: 36px 33px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; background: linear-gradient(120deg, #53729b 0%, #191d23 80%); } .savingAccount-calc-new .savingAccount-calc-new__result > div { display: flex; flex-direction: column; justify-content: space-between; margin-top: 0; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-results { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 0 -10px; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-results__item { flex: 0 0 auto; margin: 30px 0 0 10px; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-results__item > span { display: block; margin-bottom: 15px; font-weight: 400; font-size: 16px; line-height: 137%; color: #fff; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-results__item > div { font-weight: 700; font-size: 34px; line-height: 120%; letter-spacing: -0.01em; color: #fff; white-space: nowrap; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-results__item > div.profit { padding: 0 0 0 24px; color: #34b46b; background: url("/local/templates/metib2023/images/calc/profit-arrow.svg") 0 4px no-repeat; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-results__item.full-width { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; flex: 0 0 calc(100% - 10px); margin-top: 0; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-results__item.full-width > span { margin-bottom: 0; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-results__item:last-child > div { text-align: right; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-buttons { margin-top: 48px; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-buttons > div { margin-bottom: 12px; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-buttons > div a { display: block; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-buttons > div .open-button { display: none; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-buttons > div .button-red { border-radius: 12px; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-buttons > div .button-white { color: #ffffff; border: 2px solid rgba(255, 255, 255, 0.24); border-radius: 12px; background: transparent; } .savingAccount-calc-new .savingAccount-calc-new__result .calc-buttons > div:last-child { margin-bottom: 0; } @media all and (max-width: 1023px) { .savingAccount-calc-new .savingAccount-calc-new__result { display: none; } } @media all and (max-width: 1023px) { .savingAccount-calc-new { display: block; } } .fancybox-container.main-consumer-repayment-popup .fancybox-content { max-width: 512px; overflow: hidden; } .fancybox-container.main-consumer-repayment-popup .fancybox-iframe { top: -64px; } .fancybox-container.main-consumer-repayment-popup iframe { top: -64px; } .fancybox-container.main-consumer-repayment-popup iframe .close-modal-btn { display: none; } .fancybox-container.main-consumer-repayment-popup iframe .form__header .logo { display: none; } .index-buttons { margin: 60px 0 0 0; padding: 0 0 15px 0; } .index-buttons__head { display: flex; align-items: center; justify-content: space-between; } .index-buttons__head h2 { margin-bottom: 0; } .index-buttons__head--nav button.owl-prev, .index-buttons__head--nav button.owl-next { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: url("/local/templates/metib2023/images/layout/nav-arrow.svg") 50% 50% no-repeat, #ffffff; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08); } .index-buttons__head--nav button.owl-prev span, .index-buttons__head--nav button.owl-next span { display: none; } .index-buttons__head--nav button.owl-prev:hover, .index-buttons__head--nav button.owl-next:hover { cursor: pointer; } .index-buttons__head--nav button.owl-prev.disabled, .index-buttons__head--nav button.owl-next.disabled { opacity: 0.6; } .index-buttons__head--nav .owl-prev { margin: 0 16px 0 0; transform: matrix(-1, 0, 0, 1, 0, 0); } .index-buttons__head--nav.disabled { display: none; } @media all and (max-width: 767px) { .index-buttons__head--nav { display: none; } } .index-buttons__carousel { margin: 24px 0 0 0; } .index-buttons__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .index-buttons__carousel .owl-stage-outer { margin: -24px; padding: 24px; } .index-buttons__carousel .owl-stage-outer .owl-stage { display: flex; } .index-buttons__carousel .owl-stage-outer .owl-item { opacity: 0; } .index-buttons__carousel .owl-stage-outer .owl-item.active { opacity: 1; } @media all and (max-width: 767px) { .index-buttons__carousel .owl-stage-outer .owl-item.active .carousel-item.opened { position: absolute; top: -4px; right: -4px; left: -4px; height: auto; min-height: calc(100% + 8px); } .index-buttons__carousel .owl-stage-outer .owl-item.active .carousel-item.opened > a { padding-top: 24px; padding-right: 24px; padding-left: 24px; } .index-buttons__carousel .owl-stage-outer .owl-item.active .carousel-item.opened > div { display: block; padding-right: 24px; padding-left: 24px; } } @media all and (max-width: 767px) { .index-buttons__carousel .owl-stage-outer .owl-item { opacity: 1; } } .index-buttons__carousel .carousel-item { height: 100%; background: #FFFFFF; padding: 0 0 24px 0; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08); border-radius: 12px; } .index-buttons__carousel .carousel-item > a { display: block; padding: 24px 24px 0 24px; position: relative; } @media all and (max-width: 767px) { .index-buttons__carousel .carousel-item > a { padding-top: 20px; padding-right: 20px; padding-left: 20px; } } .index-buttons__carousel .carousel-item > div { display: none; margin: 12px 0 0 0; padding: 0 24px 0 24px; } .index-buttons__carousel .carousel-item > div a { display: block; margin: 8px 0 0 0; font-size: 16px; line-height: 1.43; font-weight: 400; color: #0564E3; } .index-buttons__carousel .carousel-item > div a:hover, .index-buttons__carousel .carousel-item > div a:active { color: #033F8E; } .index-buttons__carousel .carousel-item > div a:first-child { margin-top: 0; } @media all and (max-width: 767px) { .index-buttons__carousel .carousel-item > div { padding-left: 12px; padding-right: 12px; } } .index-buttons__carousel .carousel-item__icon { display: block; height: 56px; width: 56px; box-shadow: 0 2px 12px rgba(2, 52, 117, 0.2); border-radius: 16px; } .index-buttons__carousel .carousel-item__name { display: block; margin: 16px 0 0 0; font-weight: 700; font-size: 16px; line-height: 20px; color: #000000; } .index-buttons__carousel .carousel-item.icon-form .carousel-item__icon { background: url("/local/templates/metib2023/images/icons/icon-form-new.svg") 50% 50% no-repeat, linear-gradient(135deg, #53729b 8.46%, #191d23 90.85%), radial-gradient(37.64% 62.92% at 49.03% 47.08%, rgba(150, 213, 255, 0.7) 0%, rgba(41, 105, 190, 0) 100%); } .index-buttons__carousel .carousel-item.icon-consultation .carousel-item__icon { background: url("/local/templates/metib2023/images/icons/icon-consultation-new.svg") 50% 50% no-repeat, linear-gradient(135deg, #53729b 8.46%, #191d23 90.85%), radial-gradient(37.64% 62.92% at 49.03% 47.08%, rgba(150, 213, 255, 0.7) 0%, rgba(41, 105, 190, 0) 100%); } .index-buttons__carousel .carousel-item.icon-transfer .carousel-item__icon { background: url("/local/templates/metib2023/images/icons/icon-transfer-new.svg") 50% 50% no-repeat, linear-gradient(135deg, #53729b 8.46%, #191d23 90.85%), radial-gradient(37.64% 62.92% at 49.03% 47.08%, rgba(150, 213, 255, 0.7) 0%, rgba(41, 105, 190, 0) 100%); } .index-buttons__carousel .carousel-item.icon-pay .carousel-item__icon { background: url("/local/templates/metib2023/images/icons/icon-payment-new.svg") 50% 50% no-repeat, linear-gradient(135deg, #53729b 8.46%, #191d23 90.85%), radial-gradient(37.64% 62.92% at 49.03% 47.08%, rgba(150, 213, 255, 0.7) 0%, rgba(41, 105, 190, 0) 100%); } .index-buttons__carousel .carousel-item.icon-lawyer .carousel-item__icon { background: url("/local/templates/metib2023/images/icons/icon-lawyer.svg") 50% 50% no-repeat, linear-gradient(135deg, #53729b 8.46%, #191d23 90.85%), radial-gradient(37.64% 62.92% at 49.03% 47.08%, rgba(150, 213, 255, 0.7) 0%, rgba(41, 105, 190, 0) 100%); } .index-buttons__carousel .carousel-item.icon-doctor .carousel-item__icon { background: url("/local/templates/metib2023/images/icons/icon-doctor.svg") 50% 50% no-repeat, linear-gradient(135deg, #53729b 8.46%, #191d23 90.85%), radial-gradient(37.64% 62.92% at 49.03% 47.08%, rgba(150, 213, 255, 0.7) 0%, rgba(41, 105, 190, 0) 100%); } .index-buttons__carousel .carousel-item.icon-tax .carousel-item__icon { background: url("/local/templates/metib2023/images/icons/icon-tax.svg") 50% 50% no-repeat, linear-gradient(135deg, #53729b 8.46%, #191d23 90.85%), radial-gradient(37.64% 62.92% at 49.03% 47.08%, rgba(150, 213, 255, 0.7) 0%, rgba(41, 105, 190, 0) 100%); } .index-buttons__carousel .carousel-item.icon-insurance .carousel-item__icon { background: url("/local/templates/metib2023/images/icons/icon-insurance.svg") 50% 50% no-repeat, linear-gradient(135deg, #53729b 8.46%, #191d23 90.85%), radial-gradient(37.64% 62.92% at 49.03% 47.08%, rgba(150, 213, 255, 0.7) 0%, rgba(41, 105, 190, 0) 100%); } @media all and (min-width: 768px) { .index-buttons__carousel .carousel-item:hover { position: absolute; top: -4px; right: -4px; left: -4px; height: auto; min-height: calc(100% + 8px); } .index-buttons__carousel .carousel-item:hover > a { padding-top: 28px; padding-right: 28px; padding-left: 28px; } } @media all and (min-width: 768px) and (max-width: 767px) { .index-buttons__carousel .carousel-item:hover > a { padding-top: 24px; padding-right: 24px; padding-left: 24px; } } @media all and (min-width: 768px) { .index-buttons__carousel .carousel-item:hover > div { display: block; padding-right: 28px; padding-left: 28px; } } @media all and (min-width: 768px) and (max-width: 767px) { .index-buttons__carousel .carousel-item:hover > div { padding-right: 24px; padding-left: 24px; } } @media all and (max-width: 767px) { .index-buttons__carousel .carousel-item { padding-bottom: 20px; } } @media all and (max-width: 767px) { .index-buttons__carousel { margin-top: 20px; } } @media all and (max-width: 767px) { .index-buttons { margin-top: 28px; padding-right: 60px; padding-bottom: 0; overflow: visible; } } .index-apps { margin: 60px 0 0 0; padding: 60px; position: relative; background: linear-gradient(135deg, #FFBB7D 7.4%, #FA6969 92.65%), linear-gradient(94.15deg, #DCECFF 4.69%, #C1D8F4 91.67%); box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08); border-radius: 20px; } .index-apps__inner { padding: 0 50% 0 0; } @media all and (max-width: 767px) { .index-apps__inner h2 { margin-bottom: 20px; } } .index-apps__inner--text { margin: 24px 0 0 0; font-size: 18px; line-height: 28px; } @media all and (max-width: 767px) { .index-apps__inner--text { margin-top: 20px; font-size: 16px; line-height: 24px; } } .index-apps__inner--buttons { display: flex; align-items: center; margin: 57px 0 0 0; } .index-apps__inner--buttons a { display: block; margin: 0 16px 0 0; padding: 11px 13px; height: 52px; width: 132px; background: #FFFFFF; border-radius: 12px; } .index-apps__inner--buttons a span { display: block; height: 100%; width: 100%; } .index-apps__inner--buttons a.rustore span { background: url("/local/templates/metib2023/images/private/mobile-apps/ru-store-no-border.svg") 50% 50% no-repeat; background-size: contain; } .index-apps__inner--buttons a.site-app span { background: url("/local/templates/metib2023/images/private/mobile-apps/index-site-app.svg") 50% 50% no-repeat; background-size: contain; } .index-apps__inner--buttons a:last-child { margin-right: 0; } @media all and (max-width: 767px) { .index-apps__inner--buttons { margin-top: 25px; } } @media all and (max-width: 767px) { .index-apps__inner { padding-right: 20px; padding-bottom: 260px; } } .index-apps:before { content: ""; display: block; position: absolute; right: 0; left: 45%; bottom: 0; top: 0; background: url("/local/templates/metib2023/images/apps/apps-banner-pic-mobile.png") 70% 100% no-repeat; background-size: 60%; } @media all and (max-width: 767px) { .index-apps:before { left: 0; top: calc(100% - 260px); background: url("/local/templates/metib2023/images/apps/apps-banner-pic-mobile.png") 50% 100% no-repeat; background-size: contain; } } @media all and (max-width: 767px) { .index-apps { margin-top: 28px; padding: 20px; } } .window-buttons__button { margin: 0 0 24px 0; width: 280px; } .window-buttons__button:last-child { margin-bottom: 0; } .window-buttons__button a { display: block; padding: 0 0 0 17px; text-align: left; font-weight: 300; font-size: 14px; line-height: 20px; color: #003082; border: 1px solid #003082; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .window-buttons__button a:hover { color: #00215a; background: #D9EBF5; border: 1px solid #00215a; } .window-buttons__button a > span { display: inline-block; padding: 5px 0 5px 49px; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; } .window-buttons__button a > span > span { display: block; font-weight: 500; } .window-buttons__button a.icon-none > span { padding-left: 0; } .window-buttons__button a.icon-form > span { background: url("/local/templates/metib2023/images/icons/icon-form.svg") 0 50% no-repeat; } .window-buttons__button a.icon-consultation > span { background: url("/local/templates/metib2023/images/icons/icon-consultation.svg") 0 50% no-repeat; } .window-buttons__button a.icon-transfer > span { background: url("/local/templates/metib2023/images/icons/icon-transfer.svg") 0 50% no-repeat; } .window-buttons__button a.icon-pay > span { background: url("/local/templates/metib2023/images/icons/icon-pay.svg") 0 50% no-repeat; } .window-buttons__button a.icon-phone > span { background: url("/local/templates/metib2023/images/icons/icon-phone.svg") 0 50% no-repeat; } .index-calc { margin: 60px 0 0 0; padding: 60px; background: #FFFFFF; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08); border-radius: 20px; } .index-calc__inner { margin: 24px 0 0 0; position: relative; } .index-calc__inner--switcher { display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; max-width: 280px; padding: 4px; background: #EAF1F9; border-radius: 8px; z-index: 10; } .index-calc__inner--switcher a { display: block; width: 100%; font-weight: 500; font-size: 14px; line-height: 32px; text-align: center; color: #033F8E; } .index-calc__inner--switcher a.active { background: #ffffff; box-shadow: 0 0 8px rgba(1, 38, 87, 0.2); border-radius: 6px; } @media all and (max-width: 767px) { .index-calc__inner--switcher { margin-bottom: 16px; } } .index-calc__inner--folders .folder-item { display: none; } .index-calc__inner--folders .folder-item .credit-calc__fields { padding-top: 64px; } .index-calc__inner--folders .folder-item .deposit-calc__fields { padding-top: 64px; } .index-calc__inner--folders .folder-item.active { display: block; } @media all and (max-width: 767px) { .index-calc__inner { margin-top: 20px; } } @media all and (max-width: 767px) { .index-calc { margin-top: 28px; padding: 20px; } } .index-calc2024 { margin: 60px 0 0 0; } .index-calc2024__top { display: flex; align-items: center; justify-content: space-between; } .index-calc2024__top h2 { margin: 0; font-size: 31px; font-weight: 500; line-height: 133%; letter-spacing: -0.01em; color: #262626; } @media all and (max-width: 767px) { .index-calc2024__top h2 { font-size: 24px; line-height: 117%; color: #000; } } .index-calc2024__top .calc-switcher { display: flex; padding: 3px 4px; margin: 4px 0 0 0; background: #ffffff; border-radius: 8px; } .index-calc2024__top .calc-switcher__item { display: inline-block; min-width: 109px; padding: 0 12px; font-size: 16px; line-height: 38px; text-align: center; color: #262626; } .index-calc2024__top .calc-switcher__item.active { color: #ffffff; box-shadow: 0 0 8px 0 rgba(1, 38, 87, 0.2); background: #283d4d; border-radius: 6px; } @media all and (max-width: 767px) { .index-calc2024__top .calc-switcher__item:last-child { margin-right: 0; } } @media all and (max-width: 767px) { .index-calc2024__top .calc-switcher__item { min-width: 73px; margin: 0 6px 0 0; padding-right: 8px; padding-left: 8px; font-size: 14px; background: #eaf1f9; border-radius: 6px; } } @media all and (max-width: 767px) { .index-calc2024__top .calc-switcher { margin-top: 32px; padding: 0; background: none; } } @media all and (max-width: 767px) { .index-calc2024__top { display: block; } } .index-calc2024__folders { margin: 40px 0 0 0; } .index-calc2024__folders .folder-item { display: none; padding: 40px 20px 20px 20px; background: #ffffff; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08); border-radius: 20px; } .index-calc2024__folders .folder-item.deposit { padding-bottom: 28px; } @media all and (max-width: 767px) { .index-calc2024__folders .folder-item.deposit { padding-bottom: 0; } } .index-calc2024__folders .folder-item.credit { padding-bottom: 29px; } @media all and (max-width: 767px) { .index-calc2024__folders .folder-item.credit { padding-bottom: 0; } } .index-calc2024__folders .folder-item.saving-account { padding-bottom: 53px; } @media all and (max-width: 767px) { .index-calc2024__folders .folder-item.saving-account { padding-bottom: 0; } } .index-calc2024__folders .folder-item.active { display: block; } @media all and (max-width: 767px) { .index-calc2024__folders .folder-item { padding: 0; margin-top: 32px; border: 0; box-shadow: none; } } @media all and (max-width: 767px) { .index-calc2024__folders { margin-top: 32px; } } @media all and (max-width: 767px) { .index-calc2024 { padding-top: 32px; padding-right: 20px; padding-bottom: 32px; padding-left: 20px; margin-right: -20px; margin-left: -20px; box-shadow: none; border-radius: 0; background: #ffffff; } } .index-currencies { margin: 60px 0 0 0; } .index-currencies-inner { margin: 32px 0 0 0; min-height: 369px; position: relative; padding: 24px 55% 24px 24px; background: radial-gradient(18.09% 21.86% at 73.12% 79.95%, rgba(0, 38, 89, 0.7) 0%, rgba(0, 38, 89, 0) 100%), radial-gradient(32.87% 55.46% at 75.31% 36.18%, rgba(150, 236, 255, 0.36) 0%, rgba(150, 196, 255, 0) 100%), linear-gradient(135deg, #418BED 9.02%, #034296 90.85%); box-shadow: 0 4px 20px rgba(1, 49, 113, 0.04); border-radius: 20px; } .index-currencies-inner__switcher { position: relative; } .index-currencies-inner__switcher--active { display: inline-block; position: relative; padding-right: 21px; font-weight: 500; font-size: 24px; line-height: 29px; color: #ffffff; } .index-currencies-inner__switcher--active:after { content: ""; display: block; position: absolute; top: 12px; right: 0; width: 13px; height: 7px; background: url("/local/templates/metib2023/images/layout/spoiler-list-arrow-white.svg") 50% 50% no-repeat; background-size: contain; } @media all and (max-width: 767px) { .index-currencies-inner__switcher--active:after { top: 11px; } } .index-currencies-inner__switcher--active:hover { color: #ffffff; } .index-currencies-inner__switcher--active.opened:after { transform: rotate(180deg); } @media all and (max-width: 767px) { .index-currencies-inner__switcher--active { font-size: 18px; } } .index-currencies-inner__switcher--select { display: none; padding: 8px 0; position: absolute; top: 100%; left: 0; right: 0; background: #FFFFFF; border: 1px solid #EAF1F9; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.12); border-radius: 8px; z-index: 100; } .index-currencies-inner__switcher--select li a { display: block; padding: 12px 16px; color: #000000; } .index-currencies-inner__switcher--select li.active a { background: #EAF1F9; } .index-currencies-inner__folders .folder-item { display: none; position: relative; color: #ffffff; } .index-currencies-inner__folders .folder-item .currencies-table { display: table; margin: 24px 0 0 0; width: 100%; border-collapse: collapse; } .index-currencies-inner__folders .folder-item .currencies-table > div { display: table-row; } .index-currencies-inner__folders .folder-item .currencies-table > div div { display: table-cell; padding: 20px 0 0 0; font-size: 18px; line-height: 20px; text-align: center; } .index-currencies-inner__folders .folder-item .currencies-table > div div span { display: inline-block; margin: 0 0 0 4px; vertical-align: middle; } .index-currencies-inner__folders .folder-item .currencies-table > div div span.down { width: 8px; height: 5.5px; background: url("/local/templates/metib2023/images/rates/red-rates-arrow.svg") 50% 50% no-repeat; background-size: contain; } .index-currencies-inner__folders .folder-item .currencies-table > div div span.up { width: 8px; height: 5.5px; background: url("/local/templates/metib2023/images/rates/green-rates-arrow.svg") 50% 50% no-repeat; background-size: contain; } .index-currencies-inner__folders .folder-item .currencies-table > div div.head { padding: 0 0 16px 0; font-size: 12px; line-height: 16px; } .index-currencies-inner__folders .folder-item .currencies-table > div div:first-child { text-align: left; } .index-currencies-inner__folders .folder-item .currencies-table > div div:last-child { text-align: right; } @media all and (max-width: 767px) { .index-currencies-inner__folders .folder-item .currencies-table > div div { padding-top: 16px; } } .index-currencies-inner__folders .folder-item .currencies-table > div:first-child { border-bottom: 1px solid #EAF1F9; } @media all and (max-width: 767px) { .index-currencies-inner__folders .folder-item .currencies-table { margin-top: 20px; } } .index-currencies-inner__folders .folder-item .buttons { display: flex; margin: 24px 0 0 0; } .index-currencies-inner__folders .folder-item .buttons a:nth-child(2) { margin-left: 16px; } .index-currencies-inner__folders .folder-item p.small { margin: 10px 0 0 0; font-size: 12px; } @media all and (max-width: 767px) { .index-currencies-inner__folders .folder-item p.small { position: absolute; bottom: 20px; } } .index-currencies-inner__folders .folder-item.active { display: block; } @media all and (max-width: 767px) { .index-currencies-inner__folders .folder-item { padding-bottom: 240px; } } .index-currencies-inner:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("/local/templates/metib2023/images/rates/rates-pic.png") 90% 50% no-repeat; background-size: 40%; } @media all and (max-width: 767px) { .index-currencies-inner:before { background-position: 50% 85%; background-size: 200px; } } @media all and (max-width: 767px) { .index-currencies-inner { margin-top: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 0; padding-left: 20px; background: radial-gradient(34.37% 9.26% at 54.53% 92.88%, rgba(0, 38, 89, 0.7) 0%, rgba(0, 38, 89, 0) 100%), radial-gradient(39.58% 24.19% at 50% 76.76%, rgba(150, 236, 255, 0.36) 0%, rgba(150, 196, 255, 0) 100%), linear-gradient(135deg, #418BED 9.02%, #034296 90.85%); } } @media all and (max-width: 767px) { .index-currencies { margin-top: 28px; } } .index-currencies__popup > div { margin: 40px 0 0 0; } .index-currencies__popup > div p { margin: 10px 0 0 0; } .index-currencies__popup > div p:first-child { margin-top: 0; } .index-currencies__popup > div:first-child { margin-top: 20px; } .index-currencies__popup .image { margin: 20px 0 0 0; } .index-currencies__popup .image img { display: block; width: 100%; max-width: 350px; } .index-rates { margin: 60px 0 0 -22px; overflow: hidden; } @media all and (max-width: 767px) { .index-rates { margin-left: -20px; margin-right: -20px; } } .index-rates__item { float: left; width: 50%; padding: 0 0 0 22px; } .index-rates__item > div { position: relative; height: 270px; padding: 20px; background: #EEF1F6; border-radius: 5px; } @media all and (max-width: 767px) { .index-rates__item { float: none; width: 100%; margin-top: 30px; padding: 0; } .index-rates__item:first-child { margin-top: 0; } .index-rates__item > div { border-radius: 0; } } .index-rates__item h3 { font-weight: 300; font-size: 18px; line-height: 130%; } .index-rates__item h3 span { display: block; margin: 10px 0 0 0; font-size: 14px; line-height: 110%; color: #999999; } .index-rates__item .rates-table { display: table; width: 100%; border-collapse: collapse; } .index-rates__item .rates-table > div { display: table-row; border-top: 1px solid #CCCCCC; } .index-rates__item .rates-table > div:nth-child(1), .index-rates__item .rates-table > div:nth-child(2) { border-top: 0; } .index-rates__item .rates-table > div > div { display: table-cell; font-weight: 300; font-size: 14px; line-height: 40px; text-align: center; } .index-rates__item .rates-table > div > div.head { font-size: 12px; line-height: 20px; color: #333333; } .index-rates__item .rates-table > div > div.name { text-align: left; } .index-rates__item .rates-table > div > div.up { color: #309D2E; } .index-rates__item .rates-table > div > div.down { color: #DA0C0C; } .index-rates__item .rates-pic { position: absolute; top: 20px; right: 20px; } .index-rates__item .rates-pic img { display: block; width: 70px; height: auto; } @media all and (max-width: 767px) { .index-rates__item .rates-pic img { width: 40px; } } .index-rates__item .rates-title { padding: 0 40px 0 0; max-height: 46px; font-weight: 300; font-size: 18px; line-height: 130%; overflow: hidden; } .index-rates__item .rates-type { margin: 12px 0 0 0; max-height: 16px; font-weight: 300; font-size: 16px; line-height: 100%; color: #999999; } .index-rates__item .rates-value { position: absolute; top: 150px; left: 20px; right: 20px; font-weight: 400; font-size: 24px; line-height: 100%; color: #000000; } .index-rates__item .rates-value span { display: block; margin: 12px 0 0 0; font-weight: 300; font-size: 16px; line-height: 100%; color: #999999; } .index-rates__item .rates-info { display: flex; align-items: center; height: 160px; position: absolute; bottom: 20px; left: 20px; right: 20px; font-weight: 300; font-size: 14px; line-height: 1.4; color: #000000; } .index-rates__item .rates-info ul li { position: relative; padding: 0 0 0 20px; margin: 10px 0 0 0; line-height: 26px; } .index-rates__item .rates-info ul li:first-child { margin-top: 0; } .index-rates__item .rates-info ul li:before { content: ""; position: absolute; top: 14px; left: 0; display: block; width: 10px; height: 1px; background: #000000; } .index-rates__item .rates-info ul li span { font-weight: 700; } .index-rates__item .rates-price { position: absolute; bottom: 20px; left: 20px; right: 20px; font-weight: 300; font-size: 18px; line-height: 100%; color: #000000; } .index-rates__item .rates-price > span { color: #999999; } .index-about { margin: 60px 0 0 0; padding: 60px; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(1, 49, 113, 0.08); border-radius: 20px; } .index-about__columns { display: flex; align-items: center; } .index-about__columns .about-info { padding: 0 22px 0 0; margin: 0 7% 0 0; font-size: 18px; line-height: 140%; } .index-about__columns .about-info span { font-size: 32px; line-height: 125%; white-space: nowrap; } @media all and (max-width: 767px) { .index-about__columns .about-info span { font-size: 28px; } } .index-about__columns .about-info p { margin: 2px 0 0 0; font-size: 18px; line-height: 133%; white-space: nowrap; } @media all and (max-width: 767px) { .index-about__columns .about-info p { font-size: 16px; } } .index-about__columns .about-rating { flex-grow: 1; display: flex; } .index-about__columns .about-rating > div { flex: 0 0 33.333%; padding: 0 0 0 24px; } .index-about__columns .about-rating > div:first-child { padding-right: 24px; padding-left: 0; } @media all and (max-width: 767px) { .index-about__columns .about-rating > div:first-child { padding-right: 0; margin-top: 0; } } @media all and (max-width: 767px) { .index-about__columns .about-rating > div { display: flex; align-items: center; padding-left: 0; margin-top: 20px; } } .index-about__columns .about-rating .rating-pic { flex: 0 0 42%; max-width: 144px; } .index-about__columns .about-rating .rating-pic img { display: block; width: 100%; height: auto; object-fit: contain; } @media all and (max-width: 767px) { .index-about__columns .about-rating .rating-pic { margin-right: 12px; } } .index-about__columns .about-rating .rating-text { margin: 16px 0 0 0; font-size: 16px; line-height: 125%; } @media all and (max-width: 767px) { .index-about__columns .about-rating .rating-text { margin-top: 0; font-size: 14px; } } @media all and (max-width: 767px) { .index-about__columns .about-rating { display: block; margin: 28px 0 0 0; } } @media all and (max-width: 767px) { .index-about__columns { display: block; } } @media all and (max-width: 767px) { .index-about { margin-top: 28px; padding: 20px; } } .custom-page { font-size: 16px; font-weight: 300; } .custom-page h2 { margin: 60px 0 24px 0; font-size: 32px; line-height: 125%; font-weight: 400; } @media all and (max-width: 767px) { .custom-page h2 { font-size: 24px; margin-top: 28px; margin-bottom: 20px; } } .custom-page p { margin: 0 0 20px 0; } .custom-page ul { margin: 0 0 20px 0; } .custom-page ul li { position: relative; padding: 0 0 0 20px; line-height: 26px; } .custom-page ul li:before { content: ""; position: absolute; top: 14px; left: 0; display: block; width: 10px; height: 1px; background: #000000; } .custom-page ol { list-style-position: inside; margin: 0 0 20px 0; } .custom-page ol li ol { margin: 0 0 0 20px; } .custom-page table { width: 100%; border-collapse: collapse; } .custom-page table thead tr td, .custom-page table thead tr th { padding: 5px 10px 5px 0; color: #666666; vertical-align: top; border-bottom: 1px solid #EEF1F6; } .custom-page table thead tr td:last-child, .custom-page table thead tr th:last-child { padding-right: 0; } .custom-page table tbody tr td, .custom-page table tbody tr th { padding: 5px 10px 5px 0; border-bottom: 1px solid #EEF1F6; } .custom-page table tbody tr td:last-child, .custom-page table tbody tr th:last-child { padding-right: 0; } .custom-page table tbody tr:last-child td, .custom-page table tbody tr:last-child th { border-bottom: none; } .investments-page__top { position: relative; margin: 0 0 60px 0; padding: 40px 0; } .investments-page__top:before { content: ""; display: block; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: 0; background: url("/local/templates/metib2023/images/private/investments/top.jpg") 50% 50% no-repeat; } .investments-page__top > div { display: flex; position: relative; padding: 45px 60px; background: #ffffff; } .investments-page__top > div .top-info { flex-grow: 1; font-weight: 300; font-size: 16px; line-height: 130%; color: #000000; } .investments-page__top > div .top-info h1 { margin: 0 0 20px 0; } .investments-page__top > div .top-info p { margin: 0; } .investments-page__top > div .top-buttons { position: relative; flex: 0 0 230px; margin: 0 0 0 40px; } .investments-page__top > div .top-buttons a { display: block; margin-top: 20px; } .investments-page__top > div .top-buttons a:first-child { margin-top: 0; } @media all and (min-width: 768px) and (max-width: 1199px) { .investments-page__top:before { background-size: contain; } .investments-page__top > div { display: block; } .investments-page__top > div .top-buttons { margin: 0; } .investments-page__top > div .top-buttons a { display: inline-block; margin: 20px 20px 0 0; } .investments-page__top > div .top-buttons a:first-child { margin-top: 20px; } .investments-page__top > div .top-buttons a:last-child { margin-right: 0; } } @media all and (max-width: 767px) { .investments-page__top { padding: 0; } .investments-page__top:before { display: none; } .investments-page__top > div { display: block; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .investments-page__top > div .top-buttons { margin: 20px 0 0 0; } } .investments-page__management { margin-top: 60px; } .investments-page__management .management-top { display: flex; margin: 0 auto -26px auto; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #C4C4C4; width: 100%; max-width: 992px; justify-content: stretch; } @media all and (max-width: 1199px) { .investments-page__management .management-top { display: none; } } .investments-page__management .management-top__button { width: 33.33%; border-left: 1px solid #C4C4C4; background: white; color: #000000; flex: auto; } .investments-page__management .management-top__button a { display: block; padding: 17px 20px; color: #000000; line-height: 100%; text-align: center; } .investments-page__management .management-top__button.active { background: radial-gradient(50% 50% at 50% 50%, #979797 0%, #797979 100%); } .investments-page__management .management-top__button.active a { color: #FFFFFF; } .investments-page__management .management-top__button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: none; } .investments-page__management .management-top__button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .investments-page__management .management-info__folders { display: none; border: 1px solid #C4C4C4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 85px 60px 50px 60px; background: #ffffff; } @media all and (max-width: 1199px) { .investments-page__management .management-info__folders { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-top: none; padding: 30px 20px; } } .investments-page__management .management-info__folders.active { display: block; } @media all and (max-width: 1199px) { .investments-page__management .management-info__folders ul { margin-bottom: 20px; } } .investments-page__management .management-info__folders ul li { padding-left: 37px; margin-bottom: 10px; } @media all and (min-width: 1201px) { .investments-page__management .management-info__folders ul li.min-height { min-height: 52px; } } .investments-page__management .management-info__folders ul li:last-child { margin-bottom: 0; } .investments-page__management .management-info__folders ul li:before { height: 19px; width: 9px; top: -1px; left: 6px; border-right: 1px solid #00802B; border-bottom: 1px solid #00802B; background: white; transform: rotate(33.11deg); } .investments-page__management .management-info__folders ul.strategies-list { display: flex; flex-direction: row; } @media all and (max-width: 1199px) { .investments-page__management .management-info__folders ul.strategies-list { display: block; margin-top: -20px; } } .investments-page__management .management-info__folders ul.strategies-list li { margin-right: 30px; line-height: 30px; padding-left: 42px; } .investments-page__management .management-info__folders ul.strategies-list li:before { display: none; } .investments-page__management .management-info__folders ul.strategies-list li:after { content: ""; display: block; width: 30px; height: 30px; position: absolute; top: 0; left: 0; background: 0 0 no-repeat; } .investments-page__management .management-info__folders ul.strategies-list li:nth-child(1):after { background-image: url("/local/templates/metib2023/images/private/investments/conservative.svg"); } .investments-page__management .management-info__folders ul.strategies-list li:nth-child(2):after { background-image: url("/local/templates/metib2023/images/private/investments/balance.svg"); } .investments-page__management .management-info__folders ul.strategies-list li:nth-child(3) { margin-right: 0; } .investments-page__management .management-info__folders ul.strategies-list li:nth-child(3):after { background-image: url("/local/templates/metib2023/images/private/investments/progressive.svg"); } .investments-page__management .management-info__folders h3 { font-weight: 500; font-size: 18px; margin-top: 30px; margin-bottom: 28px; } @media all and (min-width: 1201px) { .investments-page__management .management-info__folders h3.align-right { text-align: right; } } .investments-page__management .management-info__folders .content-table { display: flex; margin-top: 30px; justify-content: space-between; } @media all and (max-width: 1199px) { .investments-page__management .management-info__folders .content-table { flex-direction: column; } } .investments-page__management .management-info__folders .content-table .title-column { display: flex; align-items: center; font-weight: 500; font-size: 18px; margin-bottom: 28px; position: relative; padding-left: 71px; min-height: 50px; } .investments-page__management .management-info__folders .content-table .title-column:before { content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 50px; display: block; } .investments-page__management .management-info__folders .content-table .title-column.icon-metallinvest:before { background: url("/local/templates/metib2023/images/private/investments/mib-logo.svg") no-repeat; } .investments-page__management .management-info__folders .content-table .title-column.icon-quick:before { background: url("/local/templates/metib2023/images/private/investments/quick.png") no-repeat; } .investments-page__management .management-info__folders .content-table .rates-table { margin-bottom: 30px; display: table; width: 100%; border-collapse: collapse; } .investments-page__management .management-info__folders .content-table .rates-table > div { display: table-row; border-top: 1px solid #CCCCCC; } .investments-page__management .management-info__folders .content-table .rates-table > div:nth-child(1) { border-top: 0; } .investments-page__management .management-info__folders .content-table .rates-table > div > div { display: table-cell; font-weight: 300; font-size: 14px; line-height: 40px; text-align: center; } .investments-page__management .management-info__folders .content-table .rates-table > div > div.name { text-align: left; } .investments-page__management .management-info__folders .content-table__left { width: 50%; padding-right: 4%; } .investments-page__management .management-info__folders .content-table__left--30 { width: 30%; } .investments-page__management .management-info__folders .content-table__left--30 h3 { margin-top: 0; } @media all and (max-width: 1199px) { .investments-page__management .management-info__folders .content-table__left { width: 100%; padding-right: 0; margin-top: 10px; } } .investments-page__management .management-info__folders .content-table__right { width: 50%; padding-left: 4%; } .investments-page__management .management-info__folders .content-table__right--70 { width: 70%; } @media all and (max-width: 1199px) { .investments-page__management .management-info__folders .content-table__right { width: 100%; padding-left: 0; margin-top: 50px; } .investments-page__management .management-info__folders .content-table__right--mobile-margin-0 { margin-top: 0; } } .investments-page__management .management-info__folders .button-white { display: block; width: 140px; margin: 50px auto 0 auto; } .investments-page__management .management-info__buttons { display: none; border: 1px solid #C4C4C4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .investments-page__management .management-info__buttons a { display: block; padding: 17px 20px; color: #000000; line-height: 100%; } @media all and (max-width: 1199px) { .investments-page__management .management-info__buttons { display: block; margin-top: 20px; } .investments-page__management .management-info__buttons:first-child { margin-top: 0; } .investments-page__management .management-info__buttons.active { background: radial-gradient(50% 50% at 50% 50%, #979797 0%, #797979 100%); -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .investments-page__management .management-info__buttons.active a { color: #FFFFFF; } } .investments-page__management .management-info h2 { font-weight: 300; font-size: 36px; margin: 0; text-align: center; } @media all and (max-width: 1199px) { .investments-page__management .management-info h2 { text-align: unset; font-size: 28px; } } .investments-page__procedure { margin-top: 80px; } @media all and (max-width: 1199px) { .investments-page__procedure { margin-top: 60px; } } .investments-page__procedure .procedure-block { display: flex; margin-top: 50px; } @media all and (max-width: 1199px) { .investments-page__procedure .procedure-block { margin-top: 38px; } } @media all and (max-width: 767px) { .investments-page__procedure .procedure-block { flex-direction: column; } } .investments-page__procedure .procedure-block__elements { flex: 0 0 33%; text-align: center; position: relative; } @media all and (max-width: 1199px) { .investments-page__procedure .procedure-block__elements { min-height: 46px; } } @media all and (max-width: 767px) { .investments-page__procedure .procedure-block__elements { width: 100%; position: relative; padding-left: 60px; margin-bottom: 20px; text-align: left; } .investments-page__procedure .procedure-block__elements:last-child { margin-bottom: 20px; } } .investments-page__procedure .procedure-block__elements:before { content: ""; display: block; height: 1px; position: absolute; top: 40px; left: 0; right: 50%; margin: 0 40px 0 0; background: #000000; } @media all and (max-width: 767px) { .investments-page__procedure .procedure-block__elements:before { display: none; } } .investments-page__procedure .procedure-block__elements:after { content: ""; display: block; height: 1px; position: absolute; top: 40px; left: 50%; right: 0; margin: 0 0 0 40px; background: #000000; } @media all and (max-width: 767px) { .investments-page__procedure .procedure-block__elements:after { display: none; } } .investments-page__procedure .procedure-block__elements:first-child:before { display: none; } .investments-page__procedure .procedure-block__elements:last-child:after { display: none; } .investments-page__procedure .procedure-block__elements > span { display: block; margin: 0 auto 20px auto; width: 80px; height: 80px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #000000; font-weight: 100; font-size: 36px; line-height: 77px; text-align: center; } @media all and (max-width: 767px) { .investments-page__procedure .procedure-block__elements > span { width: 40px; height: 40px; font-size: 24px; line-height: 36px; position: absolute; left: 0; top: 3px; } } .investments-page__procedure > h2 { font-weight: 300; font-size: 36px; margin: 0; text-align: center; } @media all and (max-width: 1199px) { .investments-page__procedure > h2 { font-size: 28px; } } .investments-page__start { margin-top: 80px; } @media all and (max-width: 1199px) { .investments-page__start { margin-top: 50px; } } .investments-page__start > h2 { font-weight: 300; font-size: 36px; margin: 0; text-align: center; } @media all and (max-width: 1199px) { .investments-page__start > h2 { font-size: 28px; } } .investments-page__start .start-buttons { margin-top: 70px; text-align: center; } @media all and (max-width: 1199px) { .investments-page__start .start-buttons { margin-top: 22px; } } .investments-page__start .start-buttons > a { width: 230px; margin: 20px 10px 0 10px; } @media all and (max-width: 767px) { .investments-page__start .start-buttons > a { width: 100%; margin-left: 0; margin-right: 0; } } #ordinary-stocks-info h3, #privileged-stocks-info h3, #futures-info h3, #rus-bonds-info h3, #gdr-info h3 { margin: 20px 0 0 0; } #ordinary-stocks-info p, #privileged-stocks-info p, #futures-info p, #rus-bonds-info p, #gdr-info p { margin: 20px 0 0 0; } .cookies-window { position: fixed; z-index: 300; left: 20px; right: 20px; bottom: 24px; } .cookies-window > div { display: flex; align-items: center; padding: 24px; margin: 0 auto; max-width: 680px; background-color: white; box-shadow: rgba(30, 75, 210, 0.15) 0px 4px 20px 0px, rgba(30, 75, 210, 0.15) 0px 0px 10px 0px; border-radius: 8px; animation-duration: 0.3s; animation-iteration-count: 1; animation-name: show; animation-timing-function: linear; } @media all and (max-width: 767px) { .cookies-window > div { display: block; } } .cookies-window__text { flex-grow: 1; } .cookies-window__button { margin: 0 0 0 20px; } .cookies-window__button a:hover { color: #ffffff; background: #033F8E; } @media all and (max-width: 767px) { .cookies-window__button a { width: 100%; } } @media all and (max-width: 767px) { .cookies-window__button { margin-top: 20px; margin-left: 0; } } .window-mobile-bank { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff url("/local/templates/metib2023/images/private/repayment/mobile-bank.png") 50% 30% no-repeat; z-index: 1000; } .window-mobile-bank:before { content: ""; display: block; width: 50px; height: 50px; position: absolute; top: 20px; left: 20px; background: url("/local/templates/metib2023/images/layout/logo-symbol.svg") 0 0 no-repeat; background-size: contain; } .window-mobile-bank > a { display: block; width: 30px; height: 30px; position: absolute; top: 30px; right: 30px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .window-mobile-bank > a:before { content: ""; display: block; position: absolute; left: 0; top: 50%; right: 1px; height: 1px; background: #000000; } .window-mobile-bank > a:after { content: ""; display: block; position: absolute; top: 1px; right: 50%; bottom: 0; width: 1px; background: #000000; } .window-mobile-bank > div { position: absolute; left: 20px; right: 20px; bottom: 20px; } .window-mobile-bank > div h1 { margin: 0 0 10px 0; text-align: center; } .window-mobile-bank > div .title-h1 { margin: 0 0 10px 0; text-align: center; font-size: 28px; font-weight: bold; } .window-mobile-bank > div p { margin: 0 0 70px 0; font-size: 140%; text-align: center; } .window-mobile-bank > div a { display: block; margin: 20px 0 0 0; height: 50px; text-align: center; font-weight: 300; font-size: 16px; line-height: 48px; color: #003082; border: 1px solid #003082; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .window-mobile-bank > div a.filled { color: #ffffff; background: #003082; } #footer { display: block; margin: 60px 0 0 0; color: #ffffff; padding: 40px 0 32px 0; background: #474E57; } #footer a { color: #ffffff; } #footer > div { width: 100%; max-width: 1220px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; } @media all and (max-width: 767px) { #footer > div { padding-left: 20px; padding-right: 20px; } } #footer .footer-logo { display: none; } #footer .footer-logo a { display: block; height: 24px; width: 213px; background: url("/local/templates/metib2023/images/layout/logo-white.svg") 0 0 no-repeat; background-size: contain; } @media all and (max-width: 767px) { #footer .footer-logo { display: block; } } #footer .footer-middle { display: flex; } #footer .footer-middle__menu { display: flex; flex: 0 0 calc(50% - 10px); margin: 0 20px 0 0; } #footer .footer-middle__menu h3 { font-size: 16px; line-height: 20px; } #footer .footer-middle__menu .menu-block { flex: 0 0 calc(50% - 10px); margin: 0 20px 0 0; } #footer .footer-middle__menu .menu-block__head a { display: inline-block; position: relative; padding: 0 24px 0 0; font-size: 16px; line-height: 20px; font-weight: 700; } #footer .footer-middle__menu .menu-block__head a span { content: ""; display: block; position: absolute; height: 24px; width: 24px; top: -2px; right: -6px; background: url("/local/templates/metib2023/images/layout/white-arrow.svg") 50% 50% no-repeat; background-size: 12px; } @media all and (max-width: 767px) { #footer .footer-middle__menu .menu-block__head a span { top: 15px; right: 0; background: url("/local/templates/metib2023/images/layout/spoiler-list-arrow-white.svg") 100% 50% no-repeat; } } @media all and (max-width: 767px) { #footer .footer-middle__menu .menu-block__head a { display: block; padding-top: 16px; padding-bottom: 16px; } } #footer .footer-middle__menu .menu-block__list { display: block; margin: 16px 0 0 0; font-size: 14px; line-height: 20px; } #footer .footer-middle__menu .menu-block__list li { margin: 8px 0 0 0; } #footer .footer-middle__menu .menu-block__list li:first-child { margin-top: 0; } @media all and (max-width: 767px) { #footer .footer-middle__menu .menu-block__list li { margin-top: 12px; } } @media all and (max-width: 767px) { #footer .footer-middle__menu .menu-block__list { display: none; margin-top: 0; padding-bottom: 16px; } } @media all and (max-width: 767px) { #footer .footer-middle__menu .menu-block.opened .menu-block__head a span { transform: matrix(1, 0, 0, -1, 0, 0); } } #footer .footer-middle__menu .menu-block:last-child { margin-right: 0; } @media all and (max-width: 767px) { #footer .footer-middle__menu .menu-block:last-child { border-bottom: 1px solid #919BA9; } } @media all and (max-width: 767px) { #footer .footer-middle__menu .menu-block { margin-right: 0; border-top: 1px solid #919BA9; } } @media all and (max-width: 767px) { #footer .footer-middle__menu { display: block; flex: 0 0 100%; margin-right: 0; margin-top: 28px; padding-top: 0; } } #footer .footer-middle__info { display: flex; flex: 0 0 calc(50% - 10px); } #footer .footer-middle__info .info-block { flex: 0 0 calc(50% - 10px); } #footer .footer-middle__info .info-block .mobile-bank__buttons { display: flex; margin: 16px 0 0 0; } #footer .footer-middle__info .info-block .mobile-bank__buttons a { display: block; flex: 0 0 calc((100% - 16px) / 2); margin: 0 16px 0 0; padding: 8px; max-width: 84px; background: rgba(255, 255, 255, 0.1); border-radius: 12px; } #footer .footer-middle__info .info-block .mobile-bank__buttons a span { display: block; padding: 0 0 100% 0; height: 100%; width: 100%; } @media all and (max-width: 767px) { #footer .footer-middle__info .info-block .mobile-bank__buttons a span { padding-bottom: 0; } } #footer .footer-middle__info .info-block .mobile-bank__buttons a.ru-store span { background: url("/local/templates/metib2023/images/layout/footer-rustore.svg") 50% 50% no-repeat; background-size: contain; } @media all and (max-width: 767px) { #footer .footer-middle__info .info-block .mobile-bank__buttons a.ru-store span { background-image: url("/local/templates/metib2023/images/layout/rustore-white.svg"); } } #footer .footer-middle__info .info-block .mobile-bank__buttons a.site-app span { background: url("/local/templates/metib2023/images/layout/footer-site-app.svg") 50% 50% no-repeat; background-size: contain; } @media all and (max-width: 767px) { #footer .footer-middle__info .info-block .mobile-bank__buttons a.site-app span { background-image: url("/local/templates/metib2023/images/layout/site-app-white.svg"); } } #footer .footer-middle__info .info-block .mobile-bank__buttons a:last-child { margin-right: 0; } @media all and (max-width: 767px) { #footer .footer-middle__info .info-block .mobile-bank__buttons a { height: 48px; flex: 0 0 124px; max-width: unset; } } #footer .footer-middle__info .info-block .socials { margin: 24px 0 0 0; } #footer .footer-middle__info .info-block .socials-list { display: flex; margin: 16px 0 0 0; } #footer .footer-middle__info .info-block .socials-list__item { display: block; flex: 0 0 calc((100% - 36px) / 4); margin: 0 12px 0 0; max-width: 40px; background: rgba(255, 255, 255, 0.1); border-radius: 12px; } #footer .footer-middle__info .info-block .socials-list__item span { display: block; padding-bottom: 100%; } #footer .footer-middle__info .info-block .socials-list__item--telegram span { background: url("/local/templates/metib2023/images/layout/telegram.svg") 50% 50% no-repeat; background-size: 16px; } #footer .footer-middle__info .info-block .socials-list__item--ok span { background: url("/local/templates/metib2023/images/layout/ok.svg") 50% 50% no-repeat; background-size: 16px; } #footer .footer-middle__info .info-block .socials-list__item--vk span { background: url("/local/templates/metib2023/images/layout/vk.svg") 50% 50% no-repeat; background-size: 16px; } #footer .footer-middle__info .info-block .socials-list__item--dzen span { background: url("/local/templates/metib2023/images/layout/dzen.svg") 50% 50% no-repeat; background-size: 16px; } #footer .footer-middle__info .info-block .socials-list__item:last-child { margin-right: 0; } @media all and (max-width: 767px) { #footer .footer-middle__info .info-block .socials { margin-top: 28px; } } #footer .footer-middle__info .info-block.contacts { margin: 0 20px 0 0; } #footer .footer-middle__info .info-block.contacts p { margin: 16px 0 0 0; font-size: 14px; line-height: 20px; color: #BEC9D8; } #footer .footer-middle__info .info-block.contacts p:first-child { margin-top: 0; } #footer .footer-middle__info .info-block.contacts a { display: block; margin: 8px 0 0 0; font-size: 20px; line-height: 24px; } @media all and (max-width: 767px) { #footer .footer-middle__info .info-block.contacts a { font-size: 24px; } } #footer .footer-middle__info .info-block.contacts .callback { margin: 16px 0 0 0; } #footer .footer-middle__info .info-block.contacts .callback a { margin: 0; font-size: 14px; line-height: 20px; } @media all and (max-width: 767px) { #footer .footer-middle__info .info-block.contacts { margin-right: 0; margin-bottom: 28px; } } @media all and (max-width: 767px) { #footer .footer-middle__info { flex: 0 0 100%; display: block; } } @media all and (max-width: 767px) { #footer .footer-middle { flex-direction: column-reverse; margin-top: 28px; } } #footer .footer-bottom { margin: 32px 0 0 0; padding: 32px 0 0 0; font-size: 12px; line-height: 14px; border-top: 1px solid #919BA9; } #footer .footer-bottom p { margin: 8px 0 0 0; color: rgba(255, 255, 255, 0.7); } #footer .footer-bottom p:first-child { margin-top: 0; } #footer .footer-bottom__copyright { margin: 16px 0 0 0; font-size: 14px; line-height: 20px; color: #ffffff; } @media all and (max-width: 767px) { #footer .footer-bottom { margin-top: 0; padding-top: 28px; border-top: 0; } } @media all and (max-width: 767px) { #footer { margin-top: 28px; padding-top: 28px; padding-bottom: 20px; } } .small-business-page__top { position: relative; background: #F3F7FA; } .small-business-page__top:before { content: ""; display: block; position: absolute; top: 0; left: -5000px; right: -5000px; bottom: 0; z-index: -1; background: #F3F7FA; } .small-business-page__top > div { background: url(/local/templates/metib2023/images/small-business/small-business-top-picture.png) 100% 100% no-repeat; padding: 30px 350px 30px 0; } @media all and (max-width: 767px) { .small-business-page__top > div { background: transparent; padding-right: 0; } } .small-business-page__top .top-info h1 { margin-top: 28px; margin-bottom: 41px; } .small-business-page__top .top-info ul li { font-size: 18px; line-height: 36px; padding-left: 37px; } .small-business-page__top .top-info ul li:before { height: 19px; width: 9px; top: 5px; left: 6px; border-right: 1px solid #00802B; border-bottom: 1px solid #00802B; background: #F3F7FA; transform: rotate(33.11deg); } .small-business-page__top .top-buttons { margin-top: 76px; } .small-business-page__top .top-buttons > div { display: inline-block; } .small-business-page__top .top-buttons > div:first-child { margin-right: 20px; } .small-business-page__top .top-buttons > div a { width: 270px; } .small-business-page__top .top-buttons > div a.btn-score span { background: url(/local/templates/metib2023/images/small-business/score-business.svg) 0 50% no-repeat; } @media (max-width: 400px) { .small-business-page__top .top-buttons > div a.btn-score { width: 100%; } } .small-business-page__top .top-buttons > div a.btn-consultation { display: inline-block; } .small-business-page__top .top-buttons > div a.btn-consultation span { background: url(/local/templates/metib2023/images/small-business/consultation-business.svg) 0 50% no-repeat; } @media (max-width: 400px) { .small-business-page__top .top-buttons > div a.btn-consultation { width: 100%; } } @media all and (max-width: 767px) { .small-business-page__top .top-buttons > div { display: block; } .small-business-page__top .top-buttons > div:first-child { margin-bottom: 20px; margin-right: 0; } .small-business-page__top .top-buttons > div > p { text-align: center; } } .small-business-page__advantages > h2 { font-size: 36px; line-height: 50px; font-weight: 300; text-align: center; margin: 80px 0 50px 0; } .small-business-page__advantages .advantages-swiper.owl-carousel .owl-stage-outer { overflow: visible; } .small-business-page__advantages .advantages-swiper__item { padding: 30px 30px 108px 30px; box-shadow: 0px 0px 5px rgba(89, 116, 139, 0.6); border-radius: 3px; height: 357px; } .small-business-page__advantages .advantages-swiper__item.item-online { background: url(/local/templates/metib2023/images/small-business/world-grid.svg) 90% 90% no-repeat; } .small-business-page__advantages .advantages-swiper__item.item-free { background: url(/local/templates/metib2023/images/small-business/surprise.svg) 90% 90% no-repeat; } .small-business-page__advantages .advantages-swiper__item.item-discount { background: url(/local/templates/metib2023/images/small-business/discount.svg) 90% 90% no-repeat; } .small-business-page__advantages .advantages-swiper__item > h3 { font-size: 32px; line-height: 32px; font-weight: 300; color: #00286C; margin-bottom: 16px; } .small-business-page__advantages .advantages-swiper__item > p { font-size: 18px; line-height: 25px; } .small-business-page__advantages .advantages-swiper__item ul li { font-size: 18px; line-height: 36px; padding-left: 37px; } .small-business-page__advantages .advantages-swiper__item ul li:before { height: 19px; width: 9px; top: 5px; left: 6px; border-right: 1px solid #00802B; border-bottom: 1px solid #00802B; background: #ffffff; transform: rotate(33.11deg); } .small-business-page__decisions > h2 { font-size: 36px; line-height: 50px; font-weight: 300; text-align: center; margin: 80px 0 50px 0; } .small-business-page__decisions .decisions-swiper.owl-carousel .owl-stage-outer { overflow: visible; } .small-business-page__decisions .decisions-swiper__item { padding: 35px 13px 128px 35px; background: #F3F7FA 100% 100% no-repeat; border: 1px solid #DFE6F2; box-sizing: border-box; box-shadow: 0px 0px 10px #DFE6F2; border-radius: 4px; height: 357px; /* &.item-start { background-image: url(/local/templates/metib2023/images/small-business/start.png); } &.item-optimal { background-image: url(/local/templates/metib2023/images/small-business/optimal.png); } &.item-corporative { background-image: url(/local/templates/metib2023/images/small-business/corporative.png); } */ } .small-business-page__decisions .decisions-swiper__item .block-price { font-weight: bold; font-size: 70px; line-height: 70px; color: #00286C; } .small-business-page__decisions .decisions-swiper__item .block-price > span { font-size: 30px; } .small-business-page__decisions .decisions-swiper__item .block-title { min-height: 200px; } .small-business-page__decisions .decisions-swiper__item .block-title h3 { font-size: 32px; line-height: 40px; font-weight: 300; color: #00286C; margin-bottom: 5px; } .small-business-page__decisions .decisions-swiper__item .block-title p { font-size: 16px; line-height: 22px; } .small-business-page__open .open-score { display: flex; align-items: center; max-width: max-content; margin: 0 auto; } .small-business-page__open .open-score > div { width: 270px; } .small-business-page__open .open-score > div:first-child { margin-right: 21px; } .small-business-page__open .open-score > div > a { width: 270px; height: 70px; line-height: 70px; font-size: 24px; } .small-business-page__open .open-score > div > a span { background: url(/local/templates/metib2023/images/small-business/score-business.svg) 0 50% no-repeat; } .small-business-page__open .open-score > div > p { margin-bottom: 0; text-align: right; font-size: 20px; line-height: 28px; } @media all and (max-width: 767px) { .small-business-page__open .open-score { flex-direction: column; } .small-business-page__open .open-score > div { width: 270px; } .small-business-page__open .open-score > div:first-child { margin-right: 0; margin-bottom: 20px; } .small-business-page__open .open-score > div > p { text-align: center; } } .small-business-page__open > h2 { font-size: 36px; line-height: 50px; font-weight: 300; text-align: center; margin: 80px 0 50px 0; } .restructuring h2 { margin: 60px 0; text-align: center; } @media all and (max-width: 767px) { .restructuring h2 { margin: 40px 0 30px 0; text-align: left; } } .restructuring p.restructuring-description { margin: -40px 0 60px 0; } @media all and (max-width: 767px) { .restructuring p.restructuring-description { margin-top: -20px; } } .restructuring-top { display: flex; justify-content: space-between; } .restructuring-top__pic { margin: 10px 0 20px 0; } .restructuring-top__pic > img { width: 400px; } @media all and (max-width: 767px) { .restructuring-top__pic > img { width: 100%; max-width: 400px; } } @media all and (max-width: 767px) { .restructuring-top__pic { margin: 0 0 20px 0; } } .restructuring-top h2 { margin: 0 0 20px 0; text-align: left; } @media all and (max-width: 767px) { .restructuring-top { flex-direction: column-reverse; } } .restructuring-variants__item { float: left; width: 33.333%; padding: 100px 30px 0 30px; font-weight: 300; line-height: 170%; text-align: center; } .restructuring-variants__item:nth-child(1) { background: url(/local/templates/metib2020/images/private/restructuring/clock.svg) 50% 0 no-repeat; background-size: 80px 80px; } @media all and (max-width: 767px) { .restructuring-variants__item:nth-child(1) { background-position: 0 50%; background-size: 40px 40px; } } .restructuring-variants__item:nth-child(2) { background: url(/local/templates/metib2020/images/private/restructuring/calendar.svg) 50% 0 no-repeat; background-size: 80px 80px; } @media all and (max-width: 767px) { .restructuring-variants__item:nth-child(2) { background-position: 0 50%; background-size: 40px 40px; } } .restructuring-variants__item:nth-child(3) { background: url(/local/templates/metib2020/images/private/restructuring/discount.svg) 50% 0 no-repeat; background-size: 80px 80px; } @media all and (max-width: 767px) { .restructuring-variants__item:nth-child(3) { background-position: 0 50%; background-size: 40px 40px; } } .restructuring-variants__item h3 { margin-bottom: 10px; } @media all and (max-width: 767px) { .restructuring-variants__item { float: none; width: 100%; padding: 0 0 0 60px; text-align: left; } } .restructuring-variants:after { content: ""; display: block; clear: both; } .restructuring-instruction__item { position: relative; float: left; width: 33.333%; padding: 0 30px; font-weight: 300; line-height: 170%; text-align: center; color: #000000; } .restructuring-instruction__item > span { display: block; width: 80px; height: 80px; margin: 0 auto 20px auto; font-weight: 300; font-size: 30px; line-height: 76px; text-align: center; color: #000000; border: 2px solid #000000; box-sizing: border-box; border-radius: 40px; } @media all and (max-width: 767px) { .restructuring-instruction__item > span { margin: -20px 0 0 0; width: 40px; height: 40px; font-weight: 400; font-size: 24px; line-height: 36px; border-radius: 20px; position: absolute; top: 50%; left: 0; } } .restructuring-instruction__item:before { content: ""; display: block; position: absolute; top: 40px; width: 101px; height: 11px; right: -50px; background: url(/local/templates/metib2020/images/private/restructuring/arrow.svg) no-repeat; } @media all and (max-width: 767px) { .restructuring-instruction__item:before { display: none; } } .restructuring-instruction__item:last-child:before { display: none; } @media (max-width: 800px) { .restructuring-instruction__item { width: 100%; margin-bottom: 10px; padding: 2px 0 2px 60px; text-align: left; } } .restructuring-instruction:after { content: ""; display: block; clear: both; } .repayment-window-info { display: none; max-width: 1140px; } .repayment-window-info > h2 { margin-bottom: 30px; font-size: 24px; line-height: 40px; font-weight: 400; } .repayment-window-info > p { margin-bottom: 20px; } .repayment-window-info > ul { margin-bottom: 20px; } .repayment-window-info > ul li { position: relative; padding: 0 0 0 20px; line-height: 26px; } .repayment-window-info > ul li:before { content: ""; position: absolute; top: 14px; left: 0; display: block; width: 10px; height: 1px; background: #000000; } .repayment h2 { font-weight: 300; font-size: 36px; } .repayment-methods { margin: 0 0 80px 0; } .repayment-methods > div { margin: -30px 0 0 -30px; } .repayment-methods > div:after { content: ""; display: block; clear: both; } .repayment-methods-item { float: left; padding: 30px 0 0 30px; width: 33.3%; } .repayment-methods-item__title { min-height: 56px; font-size: 20px; text-align: center; } .repayment-methods-item__pic { height: 120px; position: absolute; left: 30px; right: 30px; bottom: 180px; text-align: center; } .repayment-methods-item__pic > img { max-width: 100%; } @media all and (max-width: 767px) { .repayment-methods-item__pic { position: unset; margin-top: 25px; } } .repayment-methods-item__text { position: absolute; left: 30px; bottom: 107px; right: 30px; text-align: center; font-size: 16px; } .repayment-methods-item__text > div { margin: 0 0 5px 0; } .repayment-methods-item__text > div > span { font-weight: 500; } .repayment-methods-item__text > div > span.red { color: #CB3100; } .repayment-methods-item__text > div > span.green { color: #00CB51; } @media all and (max-width: 767px) { .repayment-methods-item__text { position: unset; margin: 25px 0 25px 0; } } .repayment-methods-item__buttons { display: flex; position: absolute; left: 30px; right: 30px; bottom: 30px; font-size: 16px; line-height: 16px; } .repayment-methods-item__buttons > div { flex: 0 0 46%; } .repayment-methods-item__buttons > div:first-child { margin: 0 8% 0 0; } @media all and (max-width: 767px) { .repayment-methods-item__buttons > div:first-child { margin-right: 0; margin-bottom: 20px; } } .repayment-methods-item__buttons a.button-white, .repayment-methods-item__buttons a.button-red { display: block; padding: 0; width: 100%; } .repayment-methods-item__buttons.single-button { display: block; } .repayment-methods-item__buttons.single-button > div { margin: 0 auto; width: 140px; } @media all and (max-width: 767px) { .repayment-methods-item__buttons.single-button > div { width: 100%; } } @media all and (max-width: 767px) { .repayment-methods-item__buttons { flex-direction: column; position: unset; } } .repayment-methods-item > div { padding: 30px; position: relative; min-height: 412px; box-shadow: 0px 0px 5px rgba(89, 116, 139, 0.6); background: #ffffff; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } @media all and (max-width: 767px) { .repayment-methods-item > div { position: unset; min-height: unset; } } .repayment-methods-item:nth-child(3n+1) { clear: left; } @media all and (max-width: 1199px) { .repayment-methods-item:nth-child(3n+1) { clear: none; } } @media all and (max-width: 1199px) { .repayment-methods-item:nth-child(2n+1) { clear: left; } } @media all and (max-width: 767px) { .repayment-methods-item:nth-child(2n+1) { clear: none; } } @media all and (max-width: 1199px) { .repayment-methods-item { width: 50%; } } @media all and (max-width: 767px) { .repayment-methods-item { width: 100%; } } .repayment-comfort > div { display: flex; margin: 37px 0 0 0; align-items: center; } @media all and (max-width: 767px) { .repayment-comfort > div { display: block; } } .repayment-comfort__left { display: flex; flex-grow: 1; margin: 0 12% 0 0; } .repayment-comfort__left > div > ul li { font-size: 16px; line-height: 32px; padding-left: 37px; position: relative; } .repayment-comfort__left > div > ul li:before { content: ""; height: 19px; width: 9px; position: absolute; top: 5px; left: 6px; border-right: 1px solid #00802B; border-bottom: 1px solid #00802B; background: transparent; transform: rotate(33.11deg); } .repayment-comfort__left > div > img { display: block; } @media all and (max-width: 767px) { .repayment-comfort__left { flex-grow: unset; width: 100%; margin-right: 0; margin-bottom: 40px; } } @media all and (max-width: 767px) { .repayment-comfort__left { flex-direction: column; } } .repayment-comfort__right { display: flex; flex: 0 0 270px; margin: 16px 0 0 0; } .repayment-comfort__right a { display: block; flex: 0 0 calc((100% - 16px) / 2); margin: 0 16px 0 0; padding: 8px; max-width: 84px; background: #5a6068; border-radius: 12px; } .repayment-comfort__right a span { display: block; padding: 0 0 100% 0; height: 100%; width: 100%; } @media all and (max-width: 767px) { .repayment-comfort__right a span { padding-bottom: 0; } } .repayment-comfort__right a.ru-store span { background: url("/local/templates/metib2023/images/layout/footer-rustore.svg") 50% 50% no-repeat; background-size: contain; } @media all and (max-width: 767px) { .repayment-comfort__right a.ru-store span { background-image: url("/local/templates/metib2023/images/layout/rustore-white.svg"); } } .repayment-comfort__right a.site-app span { background: url("/local/templates/metib2023/images/layout/footer-site-app.svg") 50% 50% no-repeat; background-size: contain; } @media all and (max-width: 767px) { .repayment-comfort__right a.site-app span { background-image: url("/local/templates/metib2023/images/layout/site-app-white.svg"); } } .repayment-comfort__right a:last-child { margin-right: 0; } @media all and (max-width: 767px) { .repayment-comfort__right a { height: 48px; flex: 0 0 124px; max-width: unset; } } .repayment-faq { margin: 80px 0 0 0; } body.new-year { background: url("/local/templates/metib2023/images/new-year/header.jpg") 50% 0 repeat-x; background-color: #F0F4FA; } body.new-year header { margin-top: 100px; } body.new-year header .header-bottom__logo a { height: 43px; background-image: url("/local/templates/metib2023/images/new-year/logo.png"); } body.new-year .index-slider__items:before { content: ""; display: block; width: 89px; position: absolute; left: -95px; top: 0; bottom: 0; background: url("/local/templates/metib2023/images/new-year/banner-left.svg") 50% 50% no-repeat; background-size: contain; } body.new-year .index-slider__items:after { content: ""; display: block; width: 89px; position: absolute; right: -100px; top: 0; bottom: 0; background: url("/local/templates/metib2023/images/new-year/banner-right.svg") 50% 50% no-repeat; background-size: contain; } body.new-year #footer { padding-bottom: 50px; background: #509FCA url("/local/templates/metib2023/images/new-year/footer.jpg") 50% 100% no-repeat; } body.new-year #footer a { color: #ffffff; } body.new-year #footer a:hover { color: #B6E5FF; } @media all and (max-width: 767px) { body.new-year #footer .footer-middle:before { display: none; } } .mobile-apps-top { display: flex; align-items: center; position: relative; min-height: 341px; background: linear-gradient(135deg, #5898ED 8.46%, #034296 90.85%); border-radius: 25px; overflow: hidden; } .mobile-apps-top .inner { padding: 40px 50% 40px 60px; position: relative; color: #ffffff; z-index: 1; } .mobile-apps-top .inner h1 { margin: 0 0 30px 0; } .mobile-apps-top .inner h1 span { white-space: nowrap; } .mobile-apps-top .inner p { font-size: 20px; line-height: 120%; } @media all and (max-width: 767px) { .mobile-apps-top .inner p { font-size: 14px; } } .mobile-apps-top .inner .buttons { display: flex; align-items: center; margin: 57px 0 0 0; } .mobile-apps-top .inner .buttons a { display: block; margin: 0 16px 0 0; padding: 11px 13px; height: 52px; flex: 0 0 50%; max-width: 132px; background: #FFFFFF; border-radius: 12px; } .mobile-apps-top .inner .buttons a span { display: block; height: 100%; width: 100%; } .mobile-apps-top .inner .buttons a.rustore span { background: url("/local/templates/metib2023/images/private/mobile-apps/ru-store-no-border.svg") 50% 50% no-repeat; background-size: contain; } .mobile-apps-top .inner .buttons a.site-app span { background: url("/local/templates/metib2023/images/private/mobile-apps/index-site-app.svg") 50% 50% no-repeat; background-size: contain; } .mobile-apps-top .inner .buttons a:last-child { margin-right: 0; } @media all and (max-width: 767px) { .mobile-apps-top .inner .buttons { margin-top: 25px; padding-right: 20px; } } @media all and (max-width: 767px) { .mobile-apps-top .inner { padding-top: 20px; padding-left: 20px; padding-bottom: 250px; padding-right: 20px; } } .mobile-apps-top:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("/local/templates/metib2023/images/private/mobile-apps/banner-pic.png") 104% 100% no-repeat; background-size: 45%; } @media all and (max-width: 767px) { .mobile-apps-top:after { left: 0; right: 0; top: auto; height: 250px; background-size: 350px; background-position: 50% 100%; } } .mobile-apps-services > div { display: flex; flex-wrap: wrap; } @media all and (max-width: 700px) { .mobile-apps-services > div { display: block; } } .mobile-apps-services__item { flex: 0 0 31.5%; padding: 30px 30px 80px 30px; margin: 2.7% 0 0 2.7%; position: relative; border: 1px solid #DFE6F2; background: #ffffff; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } .mobile-apps-services__item h3 { min-height: 52px; } .mobile-apps-services__item div { position: absolute; bottom: 20px; right: 20px; width: 80px; } .mobile-apps-services__item div img { display: block; width: 100%; } .mobile-apps-services__item:nth-child(1), .mobile-apps-services__item:nth-child(2), .mobile-apps-services__item:nth-child(3) { margin-top: 0; } @media all and (max-width: 700px) { .mobile-apps-services__item:nth-child(2) { margin-top: 30px; } } @media all and (max-width: 1199px) { .mobile-apps-services__item:nth-child(3) { margin-top: 2.7%; } } @media all and (max-width: 700px) { .mobile-apps-services__item:nth-child(3) { margin-top: 30px; } } .mobile-apps-services__item:nth-child(3n+1) { margin-left: 0; } @media all and (max-width: 1199px) { .mobile-apps-services__item:nth-child(3n+1) { margin-left: 2.7%; } } @media all and (max-width: 700px) { .mobile-apps-services__item:nth-child(3n+1) { margin-left: 0; } } @media all and (max-width: 1199px) { .mobile-apps-services__item:nth-child(2n+1) { margin-left: 0; } } @media all and (max-width: 1199px) { .mobile-apps-services__item { flex: 0 0 48.6%; } } @media all and (max-width: 700px) { .mobile-apps-services__item { margin-left: 0; margin-top: 30px; } } .mobile-apps-tabs { position: relative; margin: 77px 0 0 0; } @media all and (max-width: 767px) { .mobile-apps-tabs .desktop { display: none; } } .mobile-apps-tabs .mobile { display: none; } @media all and (max-width: 767px) { .mobile-apps-tabs .mobile .spoiler-list .spoiler-item__text div.percent-table-block { overflow-x: auto; margin: -20px; padding: 20px; } } @media all and (max-width: 767px) { .mobile-apps-tabs .mobile .spoiler-list .spoiler-item__text table.table-procent { margin: 20px 0 0 0; background: #FFFFFF; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.04); border-radius: 12px; overflow: hidden; } .mobile-apps-tabs .mobile .spoiler-list .spoiler-item__text table.table-procent thead tr td { padding: 20px 10px; font-size: 14px; line-height: 16px; color: #919BA9; text-align: center; vertical-align: middle; } .mobile-apps-tabs .mobile .spoiler-list .spoiler-item__text table.table-procent thead tr td:first-child { padding-left: 20px; text-align: left; } .mobile-apps-tabs .mobile .spoiler-list .spoiler-item__text table.table-procent thead tr td:last-child { padding-right: 20px; } .mobile-apps-tabs .mobile .spoiler-list .spoiler-item__text table.table-procent tbody tr td { padding: 16px 10px; font-size: 14px; line-height: 16px; text-align: center; vertical-align: middle; } .mobile-apps-tabs .mobile .spoiler-list .spoiler-item__text table.table-procent tbody tr td a { color: #000000; } .mobile-apps-tabs .mobile .spoiler-list .spoiler-item__text table.table-procent tbody tr td:first-child { padding-left: 20px; text-align: left; } .mobile-apps-tabs .mobile .spoiler-list .spoiler-item__text table.table-procent tbody tr td:last-child { padding-right: 20px; } .mobile-apps-tabs .mobile .spoiler-list .spoiler-item__text table.table-procent tbody tr:nth-child(2n+1) { background: #F6F8FB; } } @media all and (max-width: 767px) { .mobile-apps-tabs .mobile { display: block; } } .mobile-apps-tabs .tabs-list { white-space: nowrap; overflow-x: auto; } .mobile-apps-tabs .tabs-list__tab { display: inline-block; margin: 0 5px 0 0; } .mobile-apps-tabs .tabs-list__tab:last-child { margin-right: 0; } .mobile-apps-tabs .tabs-list__tab a { position: relative; display: block; padding: 16px 20px; font-weight: 500; font-size: 16px; line-height: 20px; color: #4e4f50; white-space: nowrap; background: #EAF1F9; border-radius: 8px 8px 0 0; } .mobile-apps-tabs .tabs-list__tab.active a { color: #000000; background: #ffffff; } .mobile-apps-tabs .tabs-content { padding: 24px; background: #FFFFFF; box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08); border-radius: 0 12px 12px 12px; font-size: 14px; font-weight: 400; } .mobile-apps-tabs .tabs-content__tab { display: none; } .mobile-apps-tabs .tabs-content__tab.active { display: block; } .mobile-apps-tabs .tabs-content__tab .preview { margin: 0 0 20px 0; } .mobile-apps-tabs .tabs-content__tab h2 { margin: 24px 0 12px 0; font-size: 20px; line-height: 1.2; font-weight: 400; } .mobile-apps-tabs .tabs-content__tab p { margin: 0 0 20px 0; } .mobile-apps-tabs .tabs-content__tab ul li { position: relative; margin: 7px 0 0 0; padding: 0 0 0 8px; font-size: 14px; line-height: 20px; font-weight: 400; } .mobile-apps-tabs .tabs-content__tab ul li:before { content: ""; display: block; position: absolute; top: 9px; height: 3px; width: 3px; left: 0; background: url("/local/templates/metib2023/images/layout/circle-list-marker.svg") 50% 50% no-repeat; } .mobile-apps-tabs .tabs-content__tab ul li:first-child { margin-top: 0; } .mobile-apps-tabs .tabs-content__tab table { margin: 0 0 0 -8px; } .mobile-apps-tabs .tabs-content__tab table thead tr td, .mobile-apps-tabs .tabs-content__tab table tbody tr td { font-size: 14px; font-weight: 400; line-height: 20px; color: #000000; border-bottom: 0; } .mobile-apps-tabs .tabs-content__tab table thead tr td:last-child, .mobile-apps-tabs .tabs-content__tab table tbody tr td:last-child { text-align: left; } .mobile-apps-tabs .tabs-content__tab table thead tr td span, .mobile-apps-tabs .tabs-content__tab table tbody tr td span { display: inline-block; padding: 0 8px 0 8px; height: 100%; background: #ffffff; } .mobile-apps-tabs .tabs-content__tab table thead tr td:last-child, .mobile-apps-tabs .tabs-content__tab table tbody tr td:last-child { vertical-align: bottom; } .mobile-apps-tabs .tabs-content__tab table thead tr td:last-child span, .mobile-apps-tabs .tabs-content__tab table tbody tr td:last-child span { padding-right: 0; } .mobile-apps-tabs .tabs-content__tab table thead tr td b, .mobile-apps-tabs .tabs-content__tab table tbody tr td b { font-weight: 400; } .mobile-apps-tabs .tabs-content__tab table tbody tr td { padding-top: 12px; padding-bottom: 0; font-size: 14px; font-weight: 400; line-height: 20px; color: #000000; border-bottom: 0; } .mobile-apps-tabs .tabs-content__tab table tbody tr td span { display: inline-block; padding: 0 8px 0 8px; height: 100%; background: #ffffff; } .mobile-apps-tabs .tabs-content__tab table tbody tr td:first-child { background: url("/local/templates/metib2023/images/table-separator.svg") 100% 100% repeat-x; } .mobile-apps-tabs .tabs-content__tab table tbody tr td:first-child[colspan] { background: transparent; } .mobile-apps-tabs .tabs-content__tab table tbody tr td:last-child { vertical-align: bottom; } .mobile-apps-tabs .tabs-content__tab table tbody tr td:last-child span { padding-right: 0; } .qr-service h2 { font-size: 36px; line-height: 50px; font-weight: 300; text-align: center; margin: 80px 0 50px 0; } .qr-service__top-banner { display: flex; align-items: center; position: relative; min-height: 341px; background: linear-gradient(135deg, #5898ED 8.46%, #034296 90.85%); border-radius: 25px; overflow: hidden; } .qr-service__top-banner:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 60px; bottom: 0; background: url("/local/templates/metib2023/images/services/qr/qr.svg") 100% 50% no-repeat; background-size: 200px; } .qr-service__top-banner .inner { padding: 40px 50% 40px 60px; position: relative; color: #ffffff; z-index: 1; } .qr-service__top-banner .inner p { font-size: 20px; line-height: 120%; } .qr-service__top-banner .inner .limits { display: flex; align-items: center; margin: 25px 0 0 0; } .qr-service__top-banner .inner .limits__icon { display: block; flex: 0 0 60px; margin: 0 20px 0 0; height: 60px; text-align: center; font-size: 35px; font-weight: 500; color: #054498; line-height: 60px; border: 2px solid #054498; border-radius: 50%; background: #ffffff; overflow: hidden; } .qr-service__top-banner .inner .limits__text { display: block; font-size: 18px; } .qr-service__top-banner .inner .buttons { display: flex; align-items: center; margin: 57px 0 0 0; } .qr-service__top-banner .inner .buttons a { display: block; margin: 0 16px 0 0; padding: 11px 13px; height: 52px; flex: 0 0 50%; max-width: 132px; background: #FFFFFF; border-radius: 12px; } .qr-service__top-banner .inner .buttons a:last-child { margin-right: 0; } .qr-service__top-banner .inner .buttons a span { display: block; height: 100%; width: 100%; } .qr-service__top-banner .inner .buttons a.rustore span { background: url("/local/templates/metib2023/images/private/mobile-apps/ru-store-no-border.svg") 50% 50% no-repeat; background-size: contain; } .qr-service__top-banner .inner .buttons a.site-app span { background: url("/local/templates/metib2023/images/private/mobile-apps/index-site-app.svg") 50% 50% no-repeat; background-size: contain; } @media all and (max-width: 767px) { .qr-service__top-banner:after { left: 0; right: 0; top: auto; bottom: 20px; height: 250px; background-position: 50% 100%; } .qr-service__top-banner .inner { padding-top: 20px; padding-left: 20px; padding-bottom: 250px; padding-right: 20px; } .qr-service__top-banner .inner p { font-size: 14px; } .qr-service__top-banner .inner .buttons { margin-top: 25px; padding-right: 20px; } } .qr-service__top { position: relative; } .qr-service__top:before { content: ""; display: block; position: absolute; top: 0; left: -5000px; right: -5000px; bottom: 0; z-index: -1; background: #F3F7FA; } .qr-service__top > div { padding: 40px 350px 40px 0; background: url("/local/templates/metib2023/images/services/qr/qr.svg") 100% 50% no-repeat; background-size: 200px; } @media all and (max-width: 767px) { .qr-service__top > div { background: transparent; padding-right: 0; } } .qr-service__top .top-info__title { margin-top: 0; margin-bottom: 45px; } .qr-service__top .top-info__description { max-width: 500px; font-size: 18px; line-height: 24px; font-weight: 300; } .qr-service__top .top-info__limits { display: flex; align-items: center; margin: 25px 0 0 0; } .qr-service__top .top-info__limits--icon { display: block; flex: 0 0 60px; margin: 0 20px 0 0; height: 60px; text-align: center; font-size: 35px; font-weight: 500; color: #38AA4D; line-height: 60px; border: 2px solid #333333; border-radius: 50%; background: #ffffff; overflow: hidden; } .qr-service__top .top-info__limits--text { display: block; font-size: 18px; } .qr-service__features { margin: 60px -15px -15px -15px; } .qr-service__features .features-list { display: flex; flex-wrap: wrap; } .qr-service__features .features-list__item { width: 25%; padding: 15px; } .qr-service__features .features-list__item > div { height: 100%; padding: 30px; background: #ffffff; box-shadow: 0 0 5px rgba(89, 116, 139, 0.6); border-radius: 3px; } .qr-service__features .features-list__item--top { display: flex; align-items: center; margin: 0 0 10px 0; } .qr-service__features .features-list__item--top div { flex: 0 0 40px; height: 40px; margin: 0 20px 0 0; } .qr-service__features .features-list__item--top div img { display: block; width: 100%; height: auto; } .qr-service__features .features-list__item--top span { flex-grow: 1; font-weight: 700; font-size: 18px; } .qr-service__features .features-list__item--bottom { margin: 20px 0 0 0; } @media all and (max-width: 767px) { .qr-service__features .features-list__item { width: 50%; } } @media all and (max-width: 767px) { .qr-service__features .features-list__item { width: 100%; } } .qr-service__steps h2 { text-align: center; } .qr-service__steps .steps-list { display: flex; flex-wrap: wrap; } @media all and (min-width: 768px) { .qr-service__steps .steps-list .steps-list__item { display: flex; flex: 0 0 33.3%; flex-direction: column; position: relative; padding: 0 30px; line-height: 170%; text-align: center; color: #000000; } .qr-service__steps .steps-list .steps-list__item--text > span { display: block; width: 80px; height: 80px; margin: 0 auto 20px auto; font-weight: 300; font-size: 30px; line-height: 76px; text-align: center; color: #000000; border: 2px solid #000000; box-sizing: border-box; border-radius: 40px; } .qr-service__steps .steps-list .steps-list__item--text > p { padding: 0 0 20px 0; } .qr-service__steps .steps-list .steps-list__item--pic { display: flex; flex-grow: 1; } .qr-service__steps .steps-list .steps-list__item--pic img { display: block; margin: 0 auto; align-self: flex-end; max-height: 500px; width: auto; max-width: 100%; } .qr-service__steps .steps-list .steps-list__item:before { display: block; content: ""; position: absolute; top: 40px; left: 0; right: calc(50% + 40px); height: 2px; background: #000000; } .qr-service__steps .steps-list .steps-list__item:after { display: block; content: ""; position: absolute; top: 40px; left: calc(50% + 40px); right: 0; height: 2px; background: #000000; } .qr-service__steps .steps-list .steps-list__item:first-child:before { display: none; } .qr-service__steps .steps-list .steps-list__item:last-child:after { display: none; } } @media all and (max-width: 767px) { .qr-service__steps .steps-list .steps-list__item { display: flex; align-items: start; padding: 0 0 30px 0; width: 100%; position: relative; line-height: 170%; color: #000000; } .qr-service__steps .steps-list .steps-list__item--text { display: flex; align-items: flex-start; margin: 0 30px 0 0; flex-grow: 1; } .qr-service__steps .steps-list .steps-list__item--text > span { display: block; flex: 0 0 40px; height: 40px; margin-right: 20px; font-weight: 300; font-size: 20px; line-height: 36px; text-align: center; color: #000000; border: 2px solid #000000; box-sizing: border-box; border-radius: 40px; } .qr-service__steps .steps-list .steps-list__item--text > p { display: flex; align-items: center; min-height: 40px; line-height: 20px; } .qr-service__steps .steps-list .steps-list__item--text > p > span { display: block; } .qr-service__steps .steps-list .steps-list__item--pic { display: flex; } .qr-service__steps .steps-list .steps-list__item--pic img { display: block; margin: 0 auto; align-self: flex-end; max-height: 150px; width: auto; } .qr-service__steps .steps-list .steps-list__item:before { display: block; content: ""; position: absolute; top: 40px; left: 19px; width: 2px; bottom: 0; background: #000000; } .qr-service__steps .steps-list .steps-list__item:last-child { padding-bottom: 0; } .qr-service__steps .steps-list .steps-list__item:last-child:before { display: none; } } .qr-service__limits { margin: 30px 0 0 0; } .qr-service__limits--icon { width: 60px; height: 60px; margin: 0 0 20px 0; } .qr-service__limits--icon img { display: block; width: 100%; height: auto; } .qr-service__apps > div { max-width: 314px; margin: 0 auto; } .qr-service__apps > div > div { float: left; } .qr-service__apps > div:after { content: ""; display: block; clear: both; } @media all and (max-width: 400px) { .qr-service__apps > div { max-width: 100%; } } .qr-service__apps h2 { margin-left: auto; margin-right: auto; max-width: 400px; } .qr-service__apps--links { margin-right: 34px; } .qr-service__apps--links a { display: block; width: 164px; height: 53px; } .qr-service__apps--links a img { display: block; width: 100%; height: auto; } .qr-service__apps--links a:first-child { margin: 0 0 10px 0; } @media all and (max-width: 400px) { .qr-service__apps--links a:first-child { margin-bottom: 16%; } } @media all and (max-width: 400px) { .qr-service__apps--links a { width: 100%; height: 100%; } } @media all and (max-width: 400px) { .qr-service__apps--links { width: 50%; margin-right: 10%; } } .qr-service__apps--qr { display: inline-block; width: 116px; height: 116px; } .qr-service__apps--qr img { display: block; width: 100%; } @media all and (max-width: 400px) { .qr-service__apps--qr { width: 40%; } } .qr-page h1 { margin: 0; } .qr-page h2 { font-size: 36px; line-height: 50px; font-weight: 300; text-align: center; margin: 80px 0 50px 0; } .qr-page__top { position: relative; } .qr-page__top:before { content: ""; display: block; position: absolute; top: 0; left: -5000px; right: -5000px; bottom: 0; z-index: -1; background: #F3F7FA; } .qr-page__top > div { padding: 40px 350px 40px 0; background: url("/local/templates/metib2023/images/private/small-business/qr/qr.svg") 100% 50% no-repeat; background-size: 200px; } @media all and (max-width: 767px) { .qr-page__top > div { background: transparent; padding-right: 0; } } .qr-page__top .top-info__title { margin-bottom: 45px; } .qr-page__top .top-info__description { max-width: 500px; font-size: 18px; line-height: 24px; font-weight: 300; } .qr-page__top .top-info__button { margin: 25px 0 0 0; } .qr-page__advantages .advantages-slider.owl-carousel .owl-stage-outer { overflow: visible; } .qr-page__advantages .advantages-slider.owl-carousel .owl-stage-outer .owl-stage { display: flex; align-items: stretch; } .qr-page__advantages .advantages-slider__item { height: 100%; display: flex; align-items: center; padding: 30px; box-shadow: 0 0 5px rgba(89, 116, 139, 0.6); border-radius: 3px; } .qr-page__advantages .advantages-slider__item--pic { display: flex; flex: 0 0 20%; height: 100%; margin: 0 20px 0 0; } .qr-page__advantages .advantages-slider__item--pic img { display: block; align-self: center; width: 100%; height: auto; } .qr-page__advantages .advantages-slider__item--text { flex-grow: 1; font-weight: 400; font-size: 18px; } .qr-page__advantages .advantages-slider__item--text span { font-weight: bold; font-size: 30px; line-height: 1; } .qr-page__places .places-slider.owl-carousel .owl-stage-outer { overflow: visible; } .qr-page__places .places-slider.owl-carousel .owl-stage-outer .owl-stage { display: flex; align-items: stretch; } .qr-page__places .places-slider__item { height: 100%; display: flex; align-items: center; padding: 30px; box-shadow: 0 0 5px rgba(89, 116, 139, 0.6); border-radius: 3px; } .qr-page__places .places-slider__item--pic { display: flex; flex: 0 0 20%; height: 100%; margin: 0 20px 0 0; } .qr-page__places .places-slider__item--pic img { display: block; align-self: center; width: 100%; height: auto; } .qr-page__places .places-slider__item--text { flex-grow: 1; font-weight: 400; font-size: 14px; } .qr-page__instruction h2 { text-align: center; } @media all and (min-width: 768px) { .qr-page__instruction .instruction-list .instruction-list__item { position: relative; float: left; width: 25%; padding: 0 30px; line-height: 170%; text-align: center; color: #000000; } .qr-page__instruction .instruction-list .instruction-list__item span { display: block; width: 80px; height: 80px; margin: 0 auto 20px auto; font-weight: 300; font-size: 30px; line-height: 76px; text-align: center; color: #000000; border: 2px solid #000000; box-sizing: border-box; border-radius: 40px; } .qr-page__instruction .instruction-list .instruction-list__item:before { content: ""; display: block; position: absolute; top: 40px; width: 101px; height: 11px; right: -50px; background: url("/local/templates/metib2023/images/private/small-business/qr/arrow.svg") no-repeat; } .qr-page__instruction .instruction-list .instruction-list__item:last-child:before { display: none; } } @media all and (max-width: 767px) { .qr-page__instruction .instruction-list .instruction-list__item { display: flex; position: relative; margin-bottom: 10px; width: 100%; min-height: 40px; padding: 2px 0 2px 60px; line-height: 170%; text-align: left; color: #000000; } .qr-page__instruction .instruction-list .instruction-list__item span { display: block; margin: -20px 0 0 0; width: 40px; height: 40px; position: absolute; top: 50%; left: 0; font-weight: 400; font-size: 24px; line-height: 36px; text-align: center; color: #000000; border: 2px solid #000000; box-sizing: border-box; border-radius: 20px; } .qr-page__instruction .instruction-list .instruction-list__item p { height: max-content; align-self: center; } .qr-page__instruction .instruction-list .instruction-list__item:before { display: block; content: ""; position: absolute; top: 0; left: 19px; width: 2px; bottom: calc(50% + 20px); background: #000000; } .qr-page__instruction .instruction-list .instruction-list__item:after { display: block; content: ""; position: absolute; bottom: -10px; top: calc(50% + 20px); left: 19px; width: 2px; background: #000000; } .qr-page__instruction .instruction-list .instruction-list__item:first-child:before { display: none; } .qr-page__instruction .instruction-list .instruction-list__item:last-child { margin-bottom: 0; } .qr-page__instruction .instruction-list .instruction-list__item:last-child:after { display: none; } } .qr-page__instruction:after { content: ""; display: block; clear: both; } .qr-page__start .start-slider.owl-carousel .owl-stage-outer { overflow: visible; } .qr-page__start .start-slider.owl-carousel .owl-stage-outer .owl-stage { display: flex; align-items: stretch; } .qr-page__start .start-slider__item { height: 100%; display: flex; align-items: center; padding: 30px; box-shadow: 0 0 5px rgba(89, 116, 139, 0.6); border-radius: 3px; } .qr-page__start .start-slider__item--pic { display: flex; flex: 0 0 20%; height: 100%; margin: 0 20px 0 0; } .qr-page__start .start-slider__item--pic img { display: block; align-self: center; width: 100%; height: auto; } .qr-page__start .start-slider__item--text { flex-grow: 1; font-weight: 400; font-size: 14px; } .qr-page__form { margin: 80px 0 0 0; padding: 40px 0 40px 0; position: relative; } .qr-page__form h2 { margin: 0 auto 50px auto; max-width: 600px; text-align: center; } .qr-page__form:before { content: ""; display: block; position: absolute; top: 0; left: -5000px; right: -5000px; bottom: 0; z-index: -1; background: #F3F7FA; } .qr-page__form > div { margin: 0 auto; max-width: 600px; } @media all and (max-width: 767px) { .qr-page__form > div { padding-right: 0; } } .qr-page__documents { margin: 70px 0 0 0; } .ved-page h1 { margin: 0; } .ved-page h2 { font-size: 36px; line-height: 50px; font-weight: 300; color: #333333; text-align: center; margin: 80px 0 50px 0; } .ved-page__top { position: relative; } .ved-page__top:before { content: ""; display: block; position: absolute; top: 0; left: -5000px; right: -5000px; bottom: 0; z-index: -1; background: #F3F7FA; } .ved-page__top > div { padding: 40px 350px 40px 0; background: url("/local/templates/metib2023/images/small-business/ved/picture.png") 100% 100% no-repeat; background-size: 300px; } @media all and (max-width: 767px) { .ved-page__top > div { background: transparent; padding-right: 0; } } .ved-page__top .top-info__title { margin-bottom: 45px; } .ved-page__top .top-info__description { max-width: 500px; font-size: 18px; line-height: 24px; font-weight: 300; } .ved-page__top .top-info__buttons { margin: 76px 0 0 0; } .ved-page__top .top-info__buttons .btn-score { display: inline-block; margin: 0 20px 0 0; width: 270px; } .ved-page__top .top-info__buttons .btn-score span { background: url("/local/templates/metib2023/images/small-business/ved/form.svg") 0 50% no-repeat; } @media all and (max-width: 1024px) { .ved-page__top .top-info__buttons .btn-score { display: block; margin-right: 0; margin-bottom: 20px; } } .ved-page__top .top-info__buttons .btn-consultation { display: inline-block; line-height: 49px; width: 270px; } .ved-page__top .top-info__buttons .btn-consultation span { background: url("/local/templates/metib2023/images/small-business/ved/consultation.svg") 0 50% no-repeat; } .ved-page__advantages h2 { max-width: 700px; margin-left: auto; margin-right: auto; } .ved-page__advantages .advantages-list { display: flex; flex-wrap: wrap; } .ved-page__advantages .advantages-list__item { width: 33.33%; min-height: 200px; padding: 15px; } .ved-page__advantages .advantages-list__item > span { display: block; height: 100%; padding: 30px; box-shadow: 0 0 5px rgba(89, 116, 139, 0.6); border-radius: 3px; } .ved-page__advantages .advantages-list__item > span span { display: block; margin: 0 0 20px 0; font-weight: 700; font-size: 18px; } @media all and (max-width: 1199px) { .ved-page__advantages .advantages-list__item { width: 50%; } } @media all and (max-width: 600px) { .ved-page__advantages .advantages-list__item { width: 100%; } } .ved-page__steps h2 { text-align: center; } @media all and (min-width: 801px) { .ved-page__steps .steps-list .steps-list__item { position: relative; float: left; width: 33.33%; padding: 0 30px; line-height: 170%; text-align: center; color: #000000; } .ved-page__steps .steps-list .steps-list__item span { display: block; width: 80px; height: 80px; margin: 0 auto 20px auto; font-weight: 300; font-size: 30px; line-height: 76px; text-align: center; color: #000000; border: 2px solid #000000; box-sizing: border-box; border-radius: 40px; } .ved-page__steps .steps-list .steps-list__item:before { content: ""; display: block; position: absolute; top: 40px; width: 101px; height: 11px; right: -50px; background: url(/local/templates/metib2023/images/small-business/ved/arrow.svg) no-repeat; } .ved-page__steps .steps-list .steps-list__item:last-child:before { display: none; } } @media all and (max-width: 800px) { .ved-page__steps .steps-list .steps-list__item { display: flex; position: relative; margin-bottom: 10px; width: 100%; min-height: 40px; padding: 2px 0 2px 60px; line-height: 170%; text-align: left; color: #000000; } .ved-page__steps .steps-list .steps-list__item span { display: block; margin: -20px 0 0 0; width: 40px; height: 40px; position: absolute; top: 50%; left: 0; font-weight: 400; font-size: 24px; line-height: 36px; text-align: center; color: #000000; border: 2px solid #000000; box-sizing: border-box; border-radius: 20px; } .ved-page__steps .steps-list .steps-list__item p { height: max-content; align-self: center; } .ved-page__steps .steps-list .steps-list__item:before { display: block; content: ""; position: absolute; top: 0; left: 19px; width: 2px; bottom: calc(50% + 20px); background: #000000; } .ved-page__steps .steps-list .steps-list__item:after { display: block; content: ""; position: absolute; bottom: -10px; top: calc(50% + 20px); left: 19px; width: 2px; background: #000000; } .ved-page__steps .steps-list .steps-list__item:first-child:before { display: none; } .ved-page__steps .steps-list .steps-list__item:last-child { margin-bottom: 0; } .ved-page__steps .steps-list .steps-list__item:last-child:after { display: none; } } .ved-page__steps .steps-note { margin: 20px 0 0 0; } .ved-page__steps:after { content: ""; display: block; clear: both; } /*# sourceMappingURL=template_styles.css.map */ /* End */ /* /local/templates/metib2023/css/owl.carousel/owl.carousel.min.css?16728429393351 */ /* /local/templates/metib2023/css/owl.carousel/owl.theme.default.min.css?16728429391013 */ /* /local/templates/metib2023/css/fancybox/jquery.fancybox.min.css?167284293812795 */ /* /local/templates/metib2023/css/swiper/swiper-bundle.min.css?174065427318457 */ /* /local/templates/metib2023/components/bitrix/menu/header-multi-buttons/style.css?16728429631254 */ /* /local/templates/metib2023/components/bitrix/menu/header-menu-promo/style.css?174539448810747 */ /* /local/templates/metib2023/components/bitrix/breadcrumb/.default/style.css?16734386791431 */ /* /local/templates/metib2023/template_styles.css?1740142539226635 */