.promo-mobile, .promo-tablet, .promo-desktop { max-width: 100%;} .promo-mobile.hidden, .promo-tablet.hidden, .promo-desktop.hidden { display: none;} /* Reset (default browsers styles erasing) */ 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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; vertical-align: baseline; -webkit-text-size-adjust: none;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body { background: #fff; line-height: 1;} :focus { outline: 0;} ::placeholder { opacity: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0;} /* Fonts (including not standart fonts) */ @font-face { font-family: "Raleway"; src: url("../fonts/raleway/bold.eot"); src: url("../fonts/raleway/bold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/bold.woff2") format("woff2"), url("../fonts/raleway/bold.woff") format("woff"), url("../fonts/raleway/bold.ttf") format("truetype"), url("../fonts/raleway/bold.svg#raleway") format("svg"); font-weight: 600; font-style: normal;} @font-face { font-family: "Raleway"; src: url("../fonts/raleway/bold-italic.eot"); src: url("../fonts/raleway/bold-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/bold-italic.woff2") format("woff2"), url("../fonts/raleway/bold-italic.woff") format("woff"), url("../fonts/raleway/bold-italic.ttf") format("truetype"), url("../fonts/raleway/bold-italic.svg#raleway") format("svg"); font-weight: 600; font-style: italic;} @font-face { font-family: "Raleway"; src: url("../fonts/raleway/semibold.eot"); src: url("../fonts/raleway/semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/semibold.woff2") format("woff2"), url("../fonts/raleway/semibold.woff") format("woff"), url("../fonts/raleway/semibold.ttf") format("truetype"), url("../fonts/raleway/semibold.svg#raleway") format("svg"); font-weight: 500; font-style: normal;} @font-face { font-family: "Raleway"; src: url("../fonts/raleway/semibold-italic.eot"); src: url("../fonts/raleway/semibold-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/semibold-italic.woff2") format("woff2"), url("../fonts/raleway/semibold-italic.woff") format("woff"), url("../fonts/raleway/semibold-italic.ttf") format("truetype"), url("../fonts/raleway/semibold-italic.svg#raleway") format("svg"); font-weight: 500; font-style: italic;} @font-face { font-family: "Raleway"; src: url("../fonts/raleway/ralewayextralight.woff2") format("woff2"), url("../fonts/raleway/ralewayextralight.woff") format("woff"), url("../fonts/raleway/ralewayextralight.ttf") format("truetype"); font-weight: 200; font-style: normal;} @font-face { font-family: "Raleway"; src: url("../fonts/raleway/ralewaylight.woff2") format("woff2"), url("../fonts/raleway/ralewaylight.woff") format("woff"), url("../fonts/raleway/ralewaylight.ttf") format("truetype"); font-weight: 300; font-style: normal;} @font-face { font-family: "Raleway"; src: url("../fonts/raleway/ralewayregular.woff2") format("woff2"), url("../fonts/raleway/ralewayregular.woff") format("woff"), url("../fonts/raleway/ralewayregular.ttf") format("truetype"); font-weight: 400; font-style: normal;} @font-face { font-family: "Raleway"; src: url("../fonts/raleway/ralewaymedium.woff2") format("woff2"), url("../fonts/raleway/ralewaymedium.woff") format("woff"), url("../fonts/raleway/ralewaymedium.ttf") format("truetype"); font-weight: 500; font-style: normal;} @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-Light.ttf") format("truetype"); font-weight: 300; font-weight: light; font-style: normal;} @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-LightItalic.ttf") format("truetype"); font-weight: 300; font-weight: light; font-style: italic;} @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-Regular.ttf") format("truetype"); font-weight: 400; font-weight: normal; font-style: normal;} @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-Italic.ttf") format("truetype"); font-weight: 400; font-weight: normal; font-style: italic;} @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-weight: bold; font-style: normal;} @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-weight: bold; font-style: italic;} /* Inter */ @font-face {font-family: "Inter";src:url("../fonts/inter/Inter-Thin.woff") format("woff"), url("../fonts/inter/Inter-Thin.ttf") format("truetype");font-weight: 100;} @font-face {font-family: "Inter";src:url("../fonts/inter/Inter-ExtraLight.woff") format("woff"), url("../fonts/inter/Inter-ExtraLight.ttf") format("truetype");font-weight: 200;} @font-face {font-family: "Inter";src:url("../fonts/inter/Inter-Light.woff") format("woff"), url("../fonts/inter/Inter-Light.ttf") format("truetype");font-weight: 300;} @font-face {font-family: "Inter";src:url("../fonts/inter/Inter-Regular.woff") format("woff"), url("../fonts/inter/Inter-Regular.ttf") format("truetype");font-weight: 400;} @font-face {font-family: "Inter";src:url("../fonts/inter/Inter-Medium.woff") format("woff"), url("../fonts/inter/Inter-Medium.ttf") format("truetype");font-weight: 500;} @font-face {font-family: "Inter";src:url("../fonts/inter/Inter-SemiBold.woff") format("woff"), url("../fonts/inter/Inter-SemiBold.ttf") format("truetype");font-weight: 600;} @font-face {font-family: "Inter";src:url("../fonts/inter/Inter-Bold.woff") format("woff"), url("../fonts/inter/Inter-Bold.ttf") format("truetype");font-weight: 700;} @font-face {font-family: "Inter";src:url("../fonts/inter/Inter-ExtraBold.woff") format("woff"), url("../fonts/inter/Inter-ExtraBold.ttf") format("truetype");font-weight: 800;} @font-face {font-family: "Inter";src:url("../fonts/inter/Inter-Black.woff") format("woff"), url("../fonts/inter/Inter-Black.ttf") format("truetype");font-weight: 900;} /* end Inter */ /* Common (common styles) */ body, input, textarea, select, button { font-family: "Inter", sans-serif; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;} body { font-size: 0.75em; /* 12 px */ line-height: 1.5em; /* 18 px */ } input, textarea, select, button { font-size: 1em;} .monety-basket { position: relative; display: block; width: 24px; top: 0px; right: 20px;} .monety-basket > svg { top: 10px; position: absolute;} .clear { clear:both;} .success_order > span { color: #6BD0C3; font-size: 14px; line-height: 19px; display: block; margin-bottom: 5px;} .success_order > a { color: #757575; text-transform: uppercase; font-size: 14px; line-height: 16px; display: inline-flex; align-items: center;} .success_order > a > svg { margin: 0 5px;} .monety-basket > div { background-color: #6BD0C3; width: 20px; height: 20px; line-height: 16px; text-align: center; border-radius: 50%; border: 2px solid #fff; box-sizing: border-box; position: absolute; top: 6px; right: -8px;} @media screen and (max-width: 480px) { .monety-basket > svg { top: 0; position: relative;} .monety-basket { right: 0px;} .monety-basket > div { top: -5px; text-indent: 0 !important; font-size: 10px;} } /* Overrides extra padding in Firefox */ button::-moz-focus-inner { padding: 0; border: none;} a { color: #174882; transition: .3s; text-decoration: none;} input[type='number'] { -moz-appearance: textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none;} input, button { -webkit-appearance: none;} :invalid { box-shadow: none; border: 0;} :-moz-submit-invalid { box-shadow: none; border: 0;} :-moz-ui-invalid { box-shadow: none; border: 0;} /* Global (global styles) / prefix — g- */ .g-pseudo-link { border-bottom: 1px dashed; text-decoration: none !important; cursor: pointer;} .g-limited { /* width or min-width and max-width*/ } .g-cleaner { display: block; clear: both; height: 0; overflow: hidden; font-size: 0; line-height: 0;} .g-cleared:after { display: block; content: "."; height: 0; clear: both; overflow: hidden; visibility: hidden;} .g-hidden { display: none !important;} /* Layout / prefix — l- */ .l-outer { position: relative; overflow: hidden; min-width: 1230px; padding-top: 114px; box-sizing: border-box;} .l-outer:after { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(50, 50, 50, .18); z-index: 64; opacity: 0; visibility: hidden; transition: .3s; content: "";} .l-outer---reduced { height: 100%;} .l-outer---shadowed:after { opacity: 1; visibility: visible;} .l-header { position: fixed; left: 0; right: 0; top: 0; background: #fff; width: 100%; z-index: 64;} .l-header .l-header--section { position: relative; width: 1170px; max-width: 100%; margin: 0 auto; box-sizing: border-box;} .l-header .l-header--section---first { height: 48px;} .l-header .l-header--section:before { position: absolute; bottom: 0; width: 3000px; height: 1px; left: 50%; margin-left: -1500px; background: #f5f5f5; content: "";} .l-header .l-header--section---second { height: 66px;} .l-header---inverted { bottom: 0; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; z-index: 128;} .l-header---inverted .l-header--section---first:before { position: absolute; top: 0; bottom: 0; height: 100%; background: #174882;} .l-header---inverted .b-logo { background-image: url(../i/b-logo---white.svg?t);} .l-header---inverted .b-logo---en { background-image: url(../i/b-logo-en---white.png?t);} .l-header---inverted .b-header-menu--clause--link { color: #fff;} .l-header---inverted .b-header-menu--clause--link:before { background: #fff;} .l-header---inverted .b-location-dropdown--opener { color: #fff;} .l-header---inverted .b-location-dropdown--opener:before { background-image: url(../i/b-location-dropdown--opener---white.svg);} .l-content { /*padding-bottom:80px;*/} .l-content--section { width: 1170px; margin: 60px auto 0 auto;} main[class*=product-vazhnie-voprosi] .b-cover--inside { height:610px;} main[class*=product-vazhnie-voprosi] .b-cover--background { width:1370px; margin-left:-685px;} main[class*=product-vazhnie-voprosi] .l-content--section.icons { position:relative; margin-top:0; height:85px;} .iconsblock { position: absolute; z-index:5; top: -245px; background:#FFF; border-radius:6px; box-shadow:0 4px 33px rgba(0,0,0,0.25); padding:38px; margin-bottom:-200px; width:100%;} .iconsblock, .iconsblock * { box-sizing:border-box;} .iconsblock .block { float:left; width: 280px; margin-right:120px;} .iconsblock .block.icon3 { width:250px; margin:0;} .iconsblock .block p { padding-top:88px; font-size:14px; line-height:140%; height:175px; background:0 0 no-repeat;} .iconsblock .block.icon4 p {background-position-x: -16px;} .iconsblock .block * { font-size:14px; line-height:140%;} .iconsblock .icon1 p { background-image:url(/i/vv/21.svg);} .iconsblock .icon2 p { background-image:url(/i/vv/23.svg);} .iconsblock .icon3 p { background-image:url(/i/vv/24.svg);} .iconsblock .icon4 p { background-image:url(/i/vv/22.svg);} .iconsblock .block a { font-weight:500;} .iconsblock .block a:after { content:""; display:inline-block; width:16px; height:16px; background:url(/i/vv/arrow.svg) no-repeat; margin-left:12px; position:relative; top:5px;} main[class*=product-vazhnie-voprosi] .b-products-article--additions { margin-top:0;} .l-header .searchbut { float:right; margin-left:24px; padding-top:13px; position:relative; z-index:10;} .l-header .searchbut span { display:block; width:30px; height:37px; background:url("/i/vv/search.svg") center center no-repeat; cursor:pointer;} .l-header .top { position:absolute; top:114px; left:0; right:0; background:#FFF; z-index:18; display:none;} .l-header .top .b-search-form---footer { display: block; height: auto; width:auto; margin-left: 0;} .l-header .top .searchblock { position: relative; max-width: 100%; margin: 0 auto; box-sizing: border-box; padding:52px 0 56px;} .l-header .top .b-text-field { border:1px solid #DCE1E1; background:#F5F5F5; border-radius:6px;} .l-header .top .b-text-field.focused { border-color:#164883; box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.20);} .l-header .top form { position:relative;} .l-header .top .b-text-field--entity { padding:0 62px; font-family:"Inter"; font-size: 24px; color:#000; border:none; height:71px; width:100%; background:none;} .l-header .top .b-text-field--entity::placeholder { opacity:1; color:#757575;} .l-header .top .b-search-form--button { position:absolute; top:0; left:0; width:64px; height:70px; background:url("/i/vv/sbut.svg") center center no-repeat; margin:0;} div.overlay { position:fixed; top:150px; left:0; right:0; bottom:0; background:rgba(0,0,0,0.25); z-index:20;} span.stName { font-size: 8px; line-height: 11px;} #bgimg { background-image: url(/local/images/msk2017.jpg); width: 997px; height: 1222px;} #bgimg_d { background-image: url(/local/images/msk2017_d.jpg); width: 997px; height: 1222px;} svg .mbR_6 { stroke: #ef1e25;} .mbT_6 { color: #000000; cursor: pointer;} svg .mbSt_6 { fill: #ef1e25; cursor: pointer;} svg .mbR_7 { stroke: #029a55;} .mbT_7 { color: #000000; cursor: pointer;} svg .mbSt_7 { fill: #029a55; cursor: pointer;} svg .mbR_8 { stroke: #0252a2;} .mbT_8 { color: #000000; cursor: pointer;} svg .mbSt_8 { fill: #0252a2; cursor: pointer;} svg .mbR_9 { stroke: #019ee0;} .mbT_9 { color: #000000; cursor: pointer;} svg .mbSt_9 { fill: #019ee0; cursor: pointer;} svg .mbR_10 { stroke: #745c2f;} .mbT_10 { color: #000000; cursor: pointer;} svg .mbSt_10 { fill: #745c2f; cursor: pointer;} svg .mbR_11 { stroke: #fbaa33;} .mbT_11 { color: #000000; cursor: pointer;} svg .mbSt_11 { fill: #fbaa33; cursor: pointer;} svg .mbR_12 { stroke: #b61d8e;} .mbT_12 { color: #000000; cursor: pointer;} svg .mbSt_12 { fill: #b61d8e; cursor: pointer;} svg .mbR_13 { stroke: #ffd803;} .mbT_13 { color: #000000; cursor: pointer;} svg .mbSt_13 { fill: #ffd803; cursor: pointer;} svg .mbR_14 { stroke: #acadaf;} .mbT_14 { color: #000000; cursor: pointer;} svg .mbSt_14 { fill: #acadaf; cursor: pointer;} svg .mbR_15 { stroke: #b1d332;} .mbT_15 { color: #000000; cursor: pointer;} svg .mbSt_15 { fill: #b1d332; cursor: pointer;} svg .mbR_16 { stroke: #0891bb;} .mbT_16 { color: #000000; cursor: pointer;} svg .mbSt_16 { fill: #0891bb; cursor: pointer;} svg .mbR_17 { stroke: #079dd6;} .mbT_17 { color: #000000; cursor: pointer;} svg .mbSt_17 { fill: #079dd6; cursor: pointer;} svg .mbR_18 { stroke: #85d4f3;} .mbT_18 { color: #000000; cursor: pointer;} svg .mbSt_18 { fill: #85d4f3; cursor: pointer;} svg .mbR_31 { stroke: #e2a09b;} .mbT_31 { color: #000000; cursor: pointer;} svg .mbSt_31 { fill: #e2a09b; cursor: pointer;} svg .mbR_d { stroke: #e4e4e4;} .mbT_d { color: #e4e4e4 !important; cursor: pointer;} svg .mbSt_d { fill: #e4e4e4; cursor: pointer;} svg .mbStBg { stroke: black;} svg .mbStBg_d { stroke: #e4e4e4;} .stName.active { font-size: 8px; line-height: 11px;} @media (min-width: 1025px) { .l-header .top .searchblock { width: 1170px;} .l-header .top .b-text-field.focused { border:2px solid #164883;} .l-header .top .b-text-field.focused .b-text-field--entity { height:69px; padding:0 61px;} } @media (max-width: 1024px) { .iconsblock .block { margin-bottom:28px; width:210px; margin-right: 60px;} .iconsblock .block.icon2, .iconsblock .block.icon4 { margin-right:0;} main[class*=product-vazhnie-voprosi] .l-content--section.icons { height:345px;} main[class*=product-vazhnie-voprosi] .b-contents { font-size: 14px; line-height: 24px;} .iconsblock .block p { height:200px;} } @media (max-width: 480px) { main[class*=product-vazhnie-voprosi] .b-cover--background { width: 860px; margin-left: -632px; height: auto; margin-top: 119px;} main[class*=product-vazhnie-voprosi] .l-content--section.icons { height:450px;} .iconsblock .block { margin-right:0;} .iconsblock .block a br { display:none;} main[class*=product-vazhnie-voprosi] .l-content--section { width:315px;} main[class*=product-vazhnie-voprosi] .l-content--section---wide { width:100%;} .iconsblock .block p { height:auto; padding-bottom: 10px;} main[class*=product-vazhnie-voprosi] .b-widgets--section, main[class*=product-vazhnie-voprosi] .b-widgets--section:first-child { margin-left:auto; margin-right:auto; display:block;} main[class*=product-vazhnie-voprosi] .b-cover--title { max-width: 270px;} } .l-content--section:last-child { margin-bottom: 80px;} .l-content--section---wide { overflow: hidden; width: auto; margin: 0;} .l-content--section---reduced { margin-top: 30px;} .l-content--section---bordered { padding-top: 60px; border-top: 1px solid #e6eaea;} .l-content--section---double .l-content--section--column---first { float: left; width: 270px;} .l-content--section---double .l-content--section--column---second { float: right; width: 870px;} .l-content--section---double-specular .l-content--section--column---first { float: left; width: 570px;} .l-content--section---double-specular .l-content--section--column---second { float: right; width: 570px;} .l-content--section---double-reversed .l-content--section--column---first { float: left; width: 870px;} .l-content--section---double-reversed .l-content--section--column---second { float: right; width: 270px;} .l-content--section---breadcrumbs { margin-top: 22px;} .l-footer { background: #174882;} .l-footer--section { width: 1170px; margin: 0 auto;} .l-footer--section---first { padding: 54px 0; border-bottom: 1px solid rgba(245, 245, 245, .1);} .l-footer--section---second { font-size: 0; line-height: 0; padding: 30px 0; border-bottom: 1px solid rgba(245, 245, 245, .1);} .l-footer--section---third { padding: 24px 0 30px 0;} /* Basic (basic blocks, which are the basis) / prefix — b- */ .b-logo { position: absolute; left: 0; top: 4px; width: 170px; height: 36px; background: url(../i/b-logo.svg?t) no-repeat 0 0; background-size: 100% 100%; text-indent: -9999px; z-index: 8;} .b-logo---en { background-image: url(../i/b-logo-en.png?t);} .b-logo--link { display: block; height: 100%;} .b-header-menu { position: relative; font-size: 12px; font-weight: 600; height: 48px; line-height: 48px; text-transform: uppercase; padding-left: 200px;} .b-header-menu--clause { float: left; margin-left: 27px;} @media (min-width: 1025px) { .b-primary-menu { margin: 0 15px;} .l-header .l-header--section { padding: 0 15px;} .b-logo { left: 15px;} } @media (min-width: 1025px) and (max-width: 1170px) { .b-header-menu--clause { margin-left: 10px;} .b-header-menu { padding-left: 170px;} .b-logo { width: 160px;} } .b-header-menu--clause---offices { float: right; width: 150px; text-align: right; margin-left: 48px;} .b-header-menu--clause---language { float: right; margin-left: 0;} .b-header-menu--clause:first-child { margin-left: 0;} .b-header-menu--clause--link { display: block; position: relative; height: 100%; text-decoration: none; color: #164883;} .b-header-menu--clause--link:before { position: absolute; left: 0; bottom: 0; right: 0; height: 2px; opacity: 0; transition: .3s; background: #174882; border-radius: 2px 2px 0 0; content: "";} .b-header-menu--clause--link:hover:before { opacity: 1;} .b-header-menu--clause---current .b-header-menu--clause--link:before { opacity: 1;} .b-mobile-menu { display: none;} .b-primary-menu { position: absolute; top: 0; left: 0; right: 0; z-index: 4;} .b-primary-menu--divisions { padding-left: 72px; font-size: 14px; font-weight: 500; height: 66px; line-height: 66px; text-transform: uppercase; letter-spacing: 0.5px;} .b-primary-menu--divisions--clause { float: left; margin-left: 30px;} .b-primary-menu--divisions--clause:first-child { margin-left: 0;} .b-primary-menu--divisions--clause--link { display: block; position: relative; height: 100%; color: #bababa; text-decoration: none;} .b-primary-menu--divisions--clause--link:hover { color: #174882;} .b-primary-menu--divisions--clause--link:before { position: absolute; left: -4px; bottom: 0; right: -4px; height: 4px; opacity: 0; transition: .3s; background: #174882; border-radius: 2px 2px 0 0; content: "";} .b-primary-menu--divisions--clause---current .b-primary-menu--divisions--clause--link { color: #164883;} .b-primary-menu--divisions--clause---current .b-primary-menu--divisions--clause--link:before { opacity: 1;} .b-primary-menu--opener { position: absolute; left: 0; top: 50%; width: 24px; height: 20px; margin-top: -10px; cursor: pointer;} .b-primary-menu--opener:before { position: absolute; left: 0; top: 50%; width: 24px; height: 18px; margin-top: -9px; background: url(../i/menu.svg) no-repeat 0 0; background-size: 100% 100%; transition: .3s; content: "";} .b-primary-menu--opener:after { position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; background: url(../i/menu-closer.svg) no-repeat 0 0; background-size: 100% 100%; transition: .3s; opacity: 0; content: "";} .b-primary-menu---opened .b-primary-menu--opener:before { opacity: 0;} .b-primary-menu---opened .b-primary-menu--opener:after { opacity: 1;} .b-primary-menu--concealment { position: absolute; top: 100%; left: 0; right: 0; background: #fff; padding-bottom: 80px; opacity: 0; visibility: hidden; transition: .3s; z-index: 128;} .b-primary-menu--concealment:before, .b-primary-menu--concealment:after { position: absolute; top: 0; bottom: 0; background: #fff; width: 1500px;} .b-primary-menu--concealment:before { right: 100%;} .b-primary-menu--concealment:after { left: 100%;} .b-primary-menu--concealment--section { font-size: 0; line-height: 0; display: none;} .b-primary-menu--concealment--section---visible { display: flex; flex-wrap: wrap; margin: 0 -15px;} .b-primary-menu--concealment--section--column { display: inline-block; max-width: 370px; width: calc(33.3333% - 30px); margin: 0 15px; vertical-align: top;} .b-primary-menu--collection { margin-top: 48px;} .b-primary-menu--collection--title { font-family: "Inter", serif; font-size: 24px; font-weight: 500; line-height: 32px; color: #333; margin-bottom: 24px;} .b-primary-menu--collection--title--link { color: #333; text-decoration: none;} .b-primary-menu--collection--title--link:hover { color: #174882;} .b-primary-menu--collection--clause { font-size: 14px; line-height: 19px; color: #757575; margin-top: 16px;} .b-primary-menu--collection--clause--link { color: #757575; text-decoration: none;} .b-primary-menu--collection--clause--link:hover { color: #174882;} .b-primary-menu---opened .b-primary-menu--concealment { opacity: 1; visibility: visible;} .b-primary-menu--mobile { display: none; font-size: 12px; font-weight: 600; line-height: 24px; border-top: 1px solid #DCE1E1; margin-top: 30px; padding-top: 30px; text-transform: uppercase;} .b-primary-menu--mobile--clause { margin-top: 18px;} .b-primary-menu--mobile--clause:first-child { margin-top: 0;} .b-primary-menu--mobile--clause--link { color: #757575;} .b-primary-menu--mobile--clause---current .b-primary-menu--mobile--clause--link { color: #303030;} .b-general-phone { float: right; position: relative; font-size: 18px; line-height: 66px; height: 66px; z-index: 8;} .b-general-phone--link { text-decoration: none;} .b-general-phone---footer { float: none; display: inline-block; height: 24px; line-height: 24px; vertical-align: middle; margin-left: 30px; width: 270px; box-sizing: border-box; color: #9FBBD5;} .b-general-phone---footer .b-general-phone--link { display: inline-block; position: relative; color: #9FBBD5; height: 24px; padding-left: 32px;} .b-general-phone---footer .b-general-phone--link:before { position: absolute; left: 0; top: 50%; width: 12px; height: 12px; background: url(../i/b-general-phone---footer.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -6px; content: "";} .b-banks-dropdown { position: relative; float: right; width: 150px; margin-left: 48px; padding-top: 13px; z-index: 32;} .b-banks-dropdown--opener { display: block; color: #fff; font-size: 12px; font-weight: 600; line-height: 40px; text-transform: uppercase; height: 40px; background: #174882; border-radius: 6px; text-align: center; transition: .3s; cursor: pointer;} .b-banks-dropdown--opener:hover { background: #113A6B;} .b-banks-dropdown--options { position: absolute; top: 100%; right: 0; width: 200px; background: #fff; box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.20); border-radius: 6px; margin-top: 10px; padding: 0 24px; box-sizing: border-box; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: .3s; transition: .3s; z-index: 128;} .b-banks-dropdown---opened .b-banks-dropdown--options { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} .b-banks-dropdown--options--clause { padding: 18px 0; border-top: 1px solid #e6eaea;} .b-banks-dropdown--options--clause:first-child { border-top: 0;} .b-banks-dropdown--options--clause--title { font-size: 12px; font-weight: 600; line-height: 30px; color: #a9a9a9; text-transform: uppercase;} .b-banks-dropdown--options--clause--contents { font-size: 12px; font-weight: 600; line-height: 30px; color: #a9a9a9; text-transform: uppercase;} .b-banks-dropdown--options--clause--contents--link { display: block; position: relative; text-decoration: none;} .b-banks-dropdown--options--clause--contents--link:before { position: absolute; top: 50%; right: 0; width: 10px; height: 10px; margin-top: -5px; background: url(../i/b-secondary-menu--clause---external.svg) no-repeat 0 0; background-size: 100% 100%; transition: .3s; content: "";} .b-banks-dropdown--options--clause--contents--link:hover:before { right: -4px;} .online-services * { box-sizing:border-box;} .online-services p.title { padding-top:4px;font-size: 40px; line-height: 50px; color: #333333;} .online-services .block { float:left; width:411px; height:400px; position:relative; border-radius:6px; overflow:hidden; padding:34px 40px; margin-bottom:20px;} .online-services .block:nth-child(2n) { width:434px; margin-left:23px;} .online-services .block * { position:relative; z-index:2; color:#000;} .online-services .block img { position:absolute; right:0; bottom:0; z-index:0;} .online-services h4 { font-size:24px; margin-bottom:30px; font-weight:600; line-height:140%;} .online-services p { font-size:16px; line-height:140%;} .online-services .block a { position:absolute; top:0; left:0; right:0; bottom:0; z-index:3;} .online-services .b1, .online-services .b5 { background-color:#E2EEF8;} .online-services .b2, .online-services .b6 { background-color:#D3EEF9;} .online-services .b3, .online-services .b7 { background-color:#D3EABE;} .online-services .b4, .online-services .b8, .online-services .b9 { background-color:#E6EAEA; border:1px solid #E6EAEA;} .online-services .services { padding-top:50px;} .online-services .services div[class^=icon] { float:left; width:272px; height:400px; border:1px solid #E6EAEA; border-radius:6px; padding:138px 20px 0 26px; background: 24px 30px no-repeat; margin-left:27px; position:relative;} .online-services .services div.icon1 { margin-left:0; background-image: url("/i/vv/service1.svg");} .online-services .services div.icon2 { background-image: url("/i/vv/service2.svg");} .online-services .services div.icon3 { background-image: url("/i/vv/service3.svg");} .online-services .services div[class^=icon] a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;} .sicons .slick-list { overflow:visible;} span.num { display:none;} @media (min-width: 1025px) { .online-services h1 { margin-bottom:77px;} } @media screen and (max-width: 1024px), screen and (max-height: 600px) and (orientation: landscape) and (pointer: coarse){ .online-services p.title { font-size:24px;} .online-services .block, .online-services .block:nth-child(2n) { width:auto; float:none; margin-left:0;} .online-services .services div[class^="icon"] {} .online-services p { max-width:375px;} } @media (max-width: 480px){ .online-services .b-cover--title { font-size:28px;} .online-services .block { height: auto; padding:25px 25px 190px; background-position: center bottom; background-repeat: no-repeat;} .online-services .block img { display:none;} .online-services .services div[class^="icon"] { background-size:20%; padding-top:95px;} .online-services h4 { font-size:20px; margin-bottom:15px;} span.num { display:inline-block; font-size:12px; font-weight:600; color:#4BADE9; background: rgba(111,194,255,0.2); width:52px; text-align:center; height:30px; border-radius:15px; line-height:28px; margin-bottom:28px;} .online-services .b1 { background-image: url("/i/vv/service1bg.png")} .online-services .b2 { background-image: url("/i/vv/service2bg.png")} .online-services .b3 { background-image: url("/i/vv/service3bg.png")} .online-services .b4 { background-image: url("/i/vv/service4bg.png")} .online-services .b5 { background-image: url("/i/vv/service5bg.png")} .online-services .b6 { background-image: url("/i/vv/service6bg.png")} .online-services .b7 { background-image: url("/i/vv/service7bg.png")} .online-services .b8 { background-image: url("/i/vv/service8bg.png")} .online-services .b9 { background-image: url("/i/vv/service9bg.png")} a.b-places--collection-mobile.blue .b-toggle-map--opener { background-position:center center;} a.b-places--collection-mobile.blue.active .b-toggle-map--opener { transform:rotate(180geg);} .b-places--collection--section---first { width:auto; padding-right:15px;} .b-places--collection--section---first h3 { font-size:16px;} } .b-location-dropdown { position: relative;} .b-location-dropdown--opener { cursor: pointer; display: block; position: relative; padding-left: 16px; color: #174882; height: 48px; line-height: 48px; transition: .3s;} .b-location-dropdown--opener:before { position: absolute; top: 50%; left: 0; width: 8px; height: 12px; background: url(../i/b-location-dropdown--opener.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -6px; transition: .3s; content: "";} .b-location-dropdown--options { position: absolute; top: 100%; left: -8px; width: 200px; background: #fff; box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.20); border-radius: 6px; margin-top: -4px; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: .3s; transition: .3s; z-index: 128;} .b-location-dropdown---opened .b-location-dropdown--options { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .b-location-dropdown--options--clause { font-size: 12px; font-weight: 600; line-height: 42px; height: 42px; text-transform: uppercase;} .b-location-dropdown--options--clause---current { background: #f5f5f5;} .b-location-dropdown--options--clause--link { display: block; color: #757575; padding: 0 24px; text-decoration: none; height: 100%;} .b-location-dropdown--options--clause--link:hover { background: #f5f5f5;} .b-footer-menu--section { float: left; width: 270px; margin-left: 30px;} .b-footer-menu--section:first-child { margin-left: 0;} .b-footer-menu--section--title { font-size: 18px; line-height: 18px; color: #fff; margin-bottom: 30px;} .b-footer-menu--section--title--link { color: #fff; text-decoration: none; opacity: .8;} .b-footer-menu--section--title--link:hover { opacity: 1;} .b-footer-menu--clause { font-size: 14px; line-height: 22px; margin-top: 12px; color: #D9ECF8;} .b-footer-menu--clause--link { text-decoration: none; color: #D9ECF8; opacity: .7;} .b-footer-menu--clause--link:hover { opacity: 1;} .b-footer-information { font-size: 12px; line-height: 24px; color: #6489B1;} .b-footer-information—clause-wrapper { display: flex; flex-wrap: wrap; margin: 0 -15px;} .b-footer-information--clause { width: calc(25% - 30px); margin: 0 15px; box-sizing: border-box;} .b-footer-information--clause--double { width:50%;} .b-footer-information—clause-wrapper2 { display: flex; flex-wrap: wrap;} .b-footer-information—clause-wrapper2 .c-footer-information--clause { width: calc(50% - 30px); overflow:hidden; height:1px; margin: 0 15px; box-sizing: border-box;} .c-footer-information-mobile { margin-bottom:10px;} .c-footer-information .c-footer-information--clause { height:1px; overflow: hidden;} .c-footer-information.b-toggle-menu---opened .c-footer-information--clause, .b-footer-information--clause--double.b-toggle-menu---opened .c-footer-information--clause { height:auto;} @media (max-width: 1024px) { .b-footer-information { display: flex; flex-wrap: wrap;} .b-footer-information--clause { width: calc(50% - 15px);} } .b-footer-information--clause--addition { margin-top: 18px;} .b-footer-information--clause--link, .c-footer-information--clause--link { color: #9EBAD4; text-decoration: none; padding-right: 25px; position:relative;} .b-toggle-footer--opener, .c-toggle-footer--opener { position: absolute; top: 37%; width: 24px; height: 24px; margin-top: -11px; transition: .3s; right:0;} .b-toggle-footer--opener::before, .c-toggle-footer--opener::before { position: absolute; top: 50%; left: 50%; width: 12px; height: 8px; margin: -2px 0 0 -5px; transition: .3s; content: ""; background: url(../i/b-toggle-footer-opener.svg) no-repeat 0 0; background-size: 100% 100%;} @media (max-width: 480px) { .b-footer-information-mobile { margin-bottom: 10px;} .l-header .searchbut { position: absolute; z-index: 8; right: -6px; bottom: 54px; margin:0; padding:0;} .l-header .top .searchblock { padding: 25px 0;} .l-header .top { top: 96px;} .l-header .top .b-text-field--entity { padding: 0 15px; font-size:16px; color:#757575; height:48px;} .b-search-form--fieldset---submit { display:none;} div.overlay { top:196px;} } .b-footer-information--clause--link:hover { color: #D9ECF8;} .b-footer-information--clause---insurance { position: relative; padding-left: 56px;} .b-footer-information--clause---insurance:before { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: url(../i/b-footer-information--clause---insurance.png) no-repeat 0 0; background-size: 100% 100%; content: "";} .b-copyright { display: inline-block; position: relative; width: 270px; font-size: 12px; line-height: 18px; padding-left: 72px; box-sizing: border-box;} .b-copyright---footer { color: #6489B1; vertical-align: middle;} .b-copyright:before { position: absolute; top: 50%; left: 0; width: 54px; height: 53px; margin-top: -21px; background: url(../i/b-copyright---footer.svg?t) no-repeat 0 0; background-size: 100% 100%; content: "";} .b-social-menu { display: inline-block; font-size: 0; line-height: 0; width: 270px; margin-left: 30px; height: 36px; vertical-align: middle;} .b-social-menu--clause { display: inline-block; width: 36px; height: 36px; margin-left: 20px;} .b-social-menu--clause:first-child { margin-left: -12px;} .b-social-menu--clause--link { display: block; position: relative; height: 100%;} .b-social-menu--clause--link:hover { opacity: 1;} .b-social-menu--clause---fb .b-social-menu--clause--link:before { position: absolute; top: 50%; left: 50%; width: 14px; height: 24px; background: url(../i/b-social-menu--clause---fb.svg) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -7px; content: "";} .b-social-menu--clause---vk .b-social-menu--clause--link:before { position: absolute; top: 50%; left: 50%; width: 34px; height: 34px; background: url(../i/vk-vk-svgrepo-com.svg) no-repeat 0 0; background-size: 100% 100%; margin: -16px 0 0 -13px; content: "";} .b-social-menu--clause---twitter .b-social-menu--clause--link:before { position: absolute; top: 50%; left: 50%; width: 22px; height: 18px; background: url(../i/b-social-menu--clause---twitter.svg) no-repeat 0 0; background-size: 100% 100%; margin: -9px 0 0 -11px; content: "";} .b-social-menu--clause---instagram .b-social-menu--clause--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/b-social-menu--clause---ig.png) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -12px; content: "";} .b-social-menu--clause---ok .b-social-menu--clause--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/b-social-menu--clause---ok.png) no-repeat 0 0; background-size: 15px; background-position: center; margin: -12px 0 0 -12px; content: "";} .b-text-area { border-radius: 2px; background: #fff; box-sizing: border-box; border: 1px solid #DCE1E1;} .b-text-area--entity { display: block; font-size: 16px; background: none; margin: 0; padding: 0; border: 0; width: 100%; color: #333; padding: 12px 18px; box-sizing: border-box;} .b-text-field { position: relative; border-radius: 2px; height: 38px; background: #fff; box-sizing: border-box; border: 1px solid #DCE1E1;} select.b-text-field--entity{ border: 1px solid #DCE1E1; height: 38px; line-height: 38px; padding-left: 13px;} .b-text-field--entity { display: block; font-size: 16px; background: none; margin: 0; padding: 0; border: 0; height: 100%; width: 100%; color: #333; padding: 0 18px; box-sizing: border-box;} .b-text-field---gray { height: 48px; background: #f2f2f2; border: 0; border-radius: 6px;} .b-text-field---dark { height: 48px; background: rgba(255, 255, 255, .1); border: 0; border-radius: 6px;} .b-text-field--description { position: absolute; top: 0; right: 24px; bottom: 0; font-size: 16px; line-height: 48px; color: #333; z-index: 4;} .b-text-field---specified .b-text-field--entity { padding-right: 78px;} .b-text-field---unbordered { border: none;} .b-text-field---dark .b-text-field--entity { color: #1A4A80; font-size:15px; border:none; background:#FFF;} .b-text-field---dark .b-text-field--entity::-webkit-input-placeholder { color: #1A4A80; opacity: 1;} .b-text-field---dark .b-text-field--entity::-moz-placeholder { opacity: 1;} .b-text-field---dark .b-text-field--entity:-ms-input-placeholder { opacity: 1;} .b-text-field---dark .b-text-field--entity:-moz-placeholder { opacity: 1;} .b-text-field---search .b-text-field--entity { padding-left: 48px;} .b-text-field---search-reversed .b-text-field--entity { padding-right: 48px;} .b-text-field---disabled { background: #f5f5f5;} .b-text-field---currency { position: relative;} .b-text-field---currency .b-text-field--entity { padding-right: 48px;} .b-text-field---currency:before { position: absolute; top: 50%; right: 10px; width: 32px; height: 32px; background: url(../i/b-text-field---currency.png) no-repeat 0 0; background-size: 100% 100%; margin-top: -16px; content: "";} .b-text-field---errored .b-text-field--entity { color: #E05F5F;} .b-search-form---footer { display: inline-block; position: relative; width: 270px; margin-left: 30px; vertical-align: middle;} .b-search-form { position: relative;} .b-search-form--button { position: absolute; top: 19px; right: 18px; width: 18px; height: 18px; margin: -9px 0 0 0; border: 0; padding: 0; background: url(../i/b-search-form-button.svg) no-repeat 0 0; background-size: 100% 100%; text-indent: -9999px; cursor: pointer;} .l-content--section---double-reversed .b-search-form--fieldset---submit .b-search-form--button { width:30px; height:30px; top:26px;} .b-search-form---footer .b-search-form--button { left: 18px; right: auto; background: url(../i/w-search.svg) no-repeat 0 0; background-size: 100% 100%;} .b-search-form---primary-menu { margin-top: 60px;} .b-search-form---primary-menu .b-search-form--button { left: 18px; right: auto; background: url(../i/b-search-form-blue-button.svg) no-repeat 0 0; background-size: 100% 100%;} .b-popup-form p.active { margin-bottom:20px;} .b-cover--title { position: relative; font-family: "Inter"; font-weight: 700; font-size: 50px; line-height: 68px; color: #333; max-width: 480px; z-index: 8;} .transferblock .b-cover--title { max-width:100%;} .b-cover---crowded .b-cover--title { max-width: 720px;} .b-cover--description { position: relative; font-size: 20px; line-height: 32px; color: #757575; max-width: 470px; margin-top: 24px; z-index: 8;} .b-cover--action { position: relative; margin-top: 30px; z-index: 8;} .b-cover--stocks { position: absolute; top: 0; right: 0; bottom: 0; width: 370px; background: #174882; padding: 66px 0 0 60px; box-sizing: border-box; z-index: 8;} .b-cover--stocks--clause { position: absolute; top: 60px; left: 60px; right: 0; visibility: hidden; opacity: 0; height: 190px; transition: .3s;} .b-cover--stocks--clause---visible { visibility: visible; opacity: 1;} .b-cover--stocks--clause--type { display: block; position: relative; font-size: 14px; color: #708EB2; line-height: 14px; padding-left: 16px;} .b-cover--stocks--clause--type:before { position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-radius: 4px; background: #fff; margin-top: -4px; content: "";} .b-cover--stocks--clause--title { font-family: "Inter"; font-weight: 500; font-size: 20px; line-height: 26px; color: #fff; margin-top: 16px;} .b-cover--stocks--clause--title--link { color: #fff; text-decoration: none;} .b-cover--stocks--clause--date { position: absolute; left: 0; bottom: 0; font-size: 14px; color: #708EB2; line-height: 14px;} .b-cover--stocks--dots { position: absolute; font-size: 0; line-height: 0; left: 60px; bottom: 52px;} .b-cover--stocks--dots--clause { display: inline-block; position: relative; width: 7px; height: 7px; border-radius: 4px; background: #456C9B; vertical-align: top; margin-left: 64px; transition: .3s; cursor: pointer; z-index: 8;} .b-cover--stocks--dots:before { position: absolute; left: 0; top: 3px; right: 0; height: 1px; background: #456C9B; z-index: 4; content: "";} .b-cover--stocks--dots--clause:first-child { margin-left: 0;} .b-cover--stocks--dots--clause---current { background: #fff;} .b-cover--stocks--dots--clause---current:before { position: absolute; top: -4px; left: -4px; width: 15px; height: 15px; border-radius: 8px; box-sizing: border-box; border: 1px solid #fff; background: #174882; z-index: 8; content: "";} .b-cover--stocks--dots--clause---current:after { position: absolute; top: 0; left: 0; width: 7px; height: 7px; border-radius: 4px; background: #fff; z-index: 16; content: "";} .b-cover--stocks:after { position: absolute; top: 0; left: 100%; bottom: 0; width: 1000px; background: #174882; content: "";} .b-cover--inside { position: relative; width: 1170px; margin: 0 auto; height: 340px; box-sizing: border-box; padding-top: 48px;} .b-cover--background { position: absolute; top: 0; left: 50%; width: 1170px; margin-left: -585px; height: 100%; z-index: 4;} .b-cover---blue { background: #D9ECF7;} .b-cover---blue-dark { background: #c4e3f7;} .b-cover---green { background: #D3EABD;} .b-cover---beige { background: #FFF2E1; overflow: hidden;} .b-cover---gray { background: #DCE1E1;} .b-cover---gray2 { background: #dbe3e5;} .b-cover---dark { background: #002856;} .product-acquiring2 .b-cover---dark { height:380px;} .b-secondary-menu { padding-top: 18px;} .b-secondary-menu--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; padding-top: 30px; color: #333;} @media (max-width: 1024px) { .b-secondary-menu--title { font-size: 35px;} } @media (max-width: 480px) { .b-secondary-menu--title { font-size: 26px;} } .b-secondary-menu--delimiter { font-size: 14px; line-height: 16px; font-weight: 600; text-transform: uppercase; margin-top: 30px; padding-top: 30px; border-top: 1px solid #DCE1E1;} .b-secondary-menu--clause { font-size: 14px; line-height: 16px; font-weight: 600; text-transform: uppercase; margin-top: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .b-secondary-menu--clause:first-child { margin-top: 0;} .b-secondary-menu--clause--link { color: #757575; text-decoration: none;} .b-secondary-menu--clause--link:hover { color: #174882;} .b-secondary-menu--clause---current .b-secondary-menu--clause--link { color: #174882;} .b-secondary-menu--clause---external .b-secondary-menu--clause--link { display: inline-block; position: relative; padding-right: 18px; line-height: 19px;} .b-secondary-menu--clause---external .b-secondary-menu--clause--link:before { position: absolute; top: 50%; right: 0; width: 10px; height: 10px; margin-top: -5px; background: url(../i/b-secondary-menu--clause---external.svg) no-repeat 0 0; background-size: 100% 100%; transition: .3s; content: "";} .b-secondary-menu--clause---external .b-secondary-menu--clause--link:hover:before { right: -4px;} .b-achievements--collection { display: flex; flex-wrap: wrap; font-size: 0; line-height: 0; margin: 0 -15px;} .b-ratings--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} .b-ratings--clause { margin-top: 60px;} .b-ratings--clause--title { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333; padding-bottom: 24px; border-bottom: 1px solid #DCE1E1;} .b-ratings--clause--title--entity, .b-ratings--clause--title--value { float: left;} .b-ratings--clause--title--value { border-left: 1px solid #DCE1E1; padding-left: 20px; margin-left: 20px;} .b-ratings--clause--title--prediction { float: right;} .b-ratings--clause--contents { font-size: 16px; line-height: 32px; color: #757575; margin-top: 20px;} .b-ratings--clause--details { font-size: 14px; font-weight: 600; line-height: 14px; text-transform: uppercase; margin-top: 20px;} .b-ratings--clause--details--link { color: #174882; text-decoration: none;} .b-achievements--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} .b-achievements--clause { display: inline-block; width: calc(50% - 30px); margin: 60px 15px 0;} @media (max-width: 480px) { .b-achievements--clause { width: 100%; margin: 40px 0 0;} } .b-achievements--clause--title { font-size: 18px; line-height: 32px; text-transform: uppercase; color: #6BD0C3;} .b-achievements--clause--title--place { display: inline-block; font-size: 64px; line-height: 64px; font-weight: 300; margin-right: 6px; vertical-align: top;} .b-achievements--clause--description { font-size: 16px; line-height: 32px; color: #757575; margin-top: 20px; max-width: 200px;} .b-shareholders-statics--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} .b-shareholders-statics--contents { margin-top: -24px;} .b-shareholders-files--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} .b-shareholders-files--description { font-size: 20px; line-height: 32px; color: #757575; margin-top: -24px; margin-bottom: 48px;} .b-shareholders-files--tabs { margin-bottom: 48px;} .b-shareholders-files--clause { margin-top: 18px;} .b-licenses--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} .b-licenses--contents { font-size: 16px; line-height: 32px; color: #757575; margin-top: 24px;} .b-licenses--contents h3 { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333; margin: 42px 0 24px 0;} .b-licenses--contents h3:first-child { margin-top: 0;} .b-licenses--documents { margin-bottom: 60px;} .b-licenses--clause { margin-top: 18px;} .b-about--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} .b-about--description { font-size: 20px; line-height: 1.6; color: #757575; margin-top: 24px;} .disclaimer { margin-top:30px; font-size:14px; color:#757575; line-height:130%;} @media (max-width: 1024px) { .b-about--description { font-size: 16px;} } @media (max-width: 480px) { .b-about--description { font-size: 14px;} } .b-about--contents { font-size: 16px; line-height: 32px; color: #757575; margin-top: 24px;} .b-about--contents p { margin-top: 30px;} .b-about--contents p:first-child { margin-top: 0;} .b-vacancies--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} .b-vacancies--description { font-size: 20px; line-height: 32px; color: #757575; margin-top: -24px; margin-bottom: 48px;} .b-vacancies--tabs { margin-bottom: 48px;} .b-vacancies--clause { margin-top: 18px;} .b-vacancies--contents { margin-top: 80px;} .b-corporation--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} .b-corporation--description { font-size: 20px; line-height: 32px; color: #757575; margin-top: -24px; margin-bottom: 48px;} .b-corporation--tabs { margin-bottom: 48px;} .b-corporation--clause { margin-top: 18px;} .b-officials--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 60px;} .b-officials--clause { margin-top: 18px;} .b-activities--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} .b-activities--tabs, .b-activities .b-tabs { margin-bottom: 48px;} .b-activities--description { font-size: 20px; line-height: 36px; color: #757575;} .b-activities--timeline { margin: 60px 0 80px 0;} .b-activities--clause { position: relative; margin-top: 60px;} .b-activities--clause--letter { position: absolute; top: 6px; right: 0; font-size: 14px; line-height: 24px; height: 24px; font-weight: 600; text-transform: uppercase;} .b-activities--clause--letter--link { position: relative; display: inline-block; padding-left: 36px;} .b-activities--clause--letter--link:before { position: absolute; top: 0; left: 0; width: 18px; height: 24px; background: url(../i/b-activities-clause-letter.svg) no-repeat 0 0; background-size: 100% 100%; content: "";} .b-activities--clause--title { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333; border-bottom: 1px solid #DCE1E1; padding-bottom: 24px;} .b-activities--clause--contents { font-size: 16px; line-height: 32px; color: #757575; margin-top: 18px;} .b-requisites--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} .b-requisites--tabs { margin-bottom: 48px;} .b-requisites--clause { margin-bottom: 48px; padding-bottom: 48px; border-bottom: 1px solid #DCE1E1;} .b-requisites--clause:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;} .b-requisites--clause--title { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; margin-bottom: 24px;} .b-requisites--clause--actions { font-size: 0; line-height: 0; margin-top: 48px;} .b-requisites--clause--actions--clause { display: inline-block; vertical-align: top; margin-left: 36px; font-size: 14px; line-height: 24px; height: 24px; font-weight: 600; text-transform: uppercase;} .b-requisites--clause--actions--clause:first-child { margin-left: 0;} .b-requisites--clause--actions--clause--link { display: block; position: relative; padding-left: 36px;} .b-requisites--clause--actions--clause---pdf .b-requisites--clause--actions--clause--link:before { position: absolute; top: 50%; left: 4px; width: 16px; height: 18px; background: url(../i/b-documents.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -9px; content: "";} .b-requisites--clause--actions--clause---print .b-requisites--clause--actions--clause--link:before { position: absolute; top: 50%; left: 0; width: 24px; height: 22px; background: url(../i/b-news-article--print.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -11px; content: "";} .b-offers { font-size: 0; line-height: 0; margin: -30px 0 0 -30px;} .b-offers .b-offers--title { font-family: "Inter"; font-size: 40px; font-weight: 500; line-height: 40px; text-align: center; margin-top: 30px;} .b-offers .b-offers--description { font-size: 20px; line-height: 32px; color: #757575; text-align: center; margin-top: 20px; margin-bottom: 30px;} .b-offers--clause { display: inline-block; position: relative; border-radius: 6px; width: 270px; height: 270px; transition: .3s; background: #f5f5f5; vertical-align: top; padding: 60px 24px 0 24px; padding:0; margin: 30px 0 0 30px; box-sizing: border-box;} .b-offers--clause--link { display: block; position: relative; height: 270px; margin: -60px -24px 0 -24px; margin:0; padding: 60px 24px 0 24px; padding:16px; border-radius: 6px; box-sizing: border-box; text-decoration: none;} .b-offers--clause--link:hover { box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.20);} .b-offers--clause--title { position: relative; display: block; font-family: "Inter"; font-size: 24px; font-weight: 600; line-height: 32px; max-width: 220px; color: #333; z-index: 8;} .b-offers--clause--description { position: relative; display: block; font-size: 14px; line-height: 19px; max-width: 220px; color: #757575; margin-top: 12px; opacity: 0; transition: .3s; z-index: 8;} .b-offers--clause--division { position: absolute; top: 24px; left: 24px; font-size: 14px; line-height: 1.3; color: #333; padding-left: 16px; z-index: 8; display:none;} .b-offers--clause--division:before { position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-radius: 4px; background: #6BD0C3; margin-top: -4px; content: "";} .b-offers--clause--background { position: absolute; bottom: 0; left: 50%; width: 270px; height: 270px; margin-left: -135px; transition: .3s; border-radius: 6px; z-index: 4;} .b-offers--clause--background---double { display: none; left: 0; width: 570px; margin-left: 0;} .b-offers--clause---quaternary { width: 570px; height: 570px; padding: 78px 42px 0 42px;} .b-offers--clause---quaternary .b-offers--clause--background { width: 570px; height: 570px; margin-left: -285px;} .b-offers--clause---quaternary .b-offers--clause--link { height: 570px; padding: 78px 42px 0 42px; margin: -78px -42px 0 -42px;} .b-offers--clause---quaternary .b-offers--clause--division { left: 42px;} .b-offers--clause---quaternary .b-offers--clause--title { font-size: 40px; line-height: 42px; max-width: 400px;} .b-offers--clause---quaternary .b-offers--clause--description { font-size: 20px; line-height: 32px; max-width: 300px; margin-top: 20px; opacity: 1;} .b-offers--clause---quaternary .b-offers--clause--form { position: absolute; left: 42px; bottom: 54px; width: 300px; z-index: 8;} .b-offers--clause---quaternary .b-offers--clause--form--fieldset { margin-top: 24px;} .b-offers--clause---quaternary .b-offers--clause--form--fieldset---submit { margin-top: 48px;} .b-offers--clause---quaternary .b-offers--clause--form--fieldset:first-child { margin-top: 0;} .b-offers--clause---double { width: 570px;} .b-offers--clause---double .b-offers--clause--background { display: none;} .b-offers--clause---double .b-offers--clause--background---double { display: block;} .b-offers--clause---green { background: #D3EABD;} .b-offers--clause---gray { background: #DCE1E1;} .b-offers--clause---beige { background: #FFF2E1;} .b-offers--clause---blue { background: #D9ECF8;} .b-offers--clause:hover .b-offers--clause--background { opacity: 0;} .b-offers--clause---quaternary:hover .b-offers--clause--background { opacity: 1;} .b-offers--clause:hover .b-offers--clause--description { opacity: 1;} .b-offers--clause---undescribed:hover .b-offers--clause--background { opacity: 1;} .b-offers---interactive { position: relative; padding-left: 600px; min-height: 570px;} .b-offers---interactive .b-offers--clause:first-of-type { position: absolute; top: 0; left: 0;} .b-transfer-form { font-size: 0; line-height: 0; text-align: center;} .b-transfer-form .b-transfer-form--title { font-family: "Inter"; font-size: 40px; font-weight: 500; line-height: 40px; text-align: center;} @media (max-width: 1024px) { .b-transfer-form .b-transfer-form--title { font-size: 36px;} } .b-transfer-form .b-transfer-form--description { font-size: 20px; line-height: 32px; color: #757575; text-align: center; margin-top: 20px;} @media (max-width: 1024px) { .b-transfer-form .b-transfer-form--description { font-size: 16px;} } .b-transfer-form--card {display: inline-block;position: relative;width: 536px;height: 345px;background: #D9ECF7;border-radius: 16px;margin-top: 48px;padding: 32px 40px 0 40px;box-sizing: border-box;text-align: left;vertical-align: top;} .b-transfer-form--card--title {display: block;position: relative;font-size: 20px;color: #000;line-height: 30px;padding-left: 37px;} .b-transfer-form--card--title:before {position: absolute;top: 0;left: 0;width: 30px;height: 30px;background: url(/i/vv/arup.svg) 2px 2px no-repeat;content: "";} .b-transfer-form--card---receiver {margin-left: 98px;} .b-transfer-form--card---receiver:before {position: absolute;width: 30px;height: 30px;top: 50%;right: 100%;margin-right: 32px;margin-top: -15px;background: url(/i/vv/arright.svg) no-repeat center center;background-size:cover;content: "";} .b-transfer-form--card---receiver .b-transfer-form--card--title:before {background-image: url(/i/vv/ardown.svg);} .transferblock { padding:70px 0;} .transferblock .b-text-field---currency::before {background: url(/i/vv/rub.svg) center center no-repeat;top:26px;} .transferblock .b-button { height:62px; font-size:14px;} .transferblock div.b-text-field input { border:none; height:54px;} .transferblock .b-text-field---unbordered, .transferblock .b-text-field---currency { border:1px solid #DCE1E1; border-radius:6px;} .transferblock .b-text-field---errored { border-color:#E05F5F;} .transferblock .b-button { height:62px; font-size:14px;} .b-transfer-form--card--fieldset {margin-top: 24px;box-sizing: border-box;} .b-transfer-form--card--fieldset---date {display: inline-block;width: 50%;vertical-align: top;padding-right: 12px;} .b-transfer-form--card--fieldset---cvv {display: inline-block;width: 50%;vertical-align: top;padding-left: 12px;} .b-transfer-form--card--fieldset---amount {display: inline-block;width: 50%;vertical-align: top;padding-right: 12px;} .b-transfer-form--details {width: 970px;margin: 30px auto 0 auto;text-align: left;} .b-transfer-form--details--fieldset {display: inline-block;vertical-align: top;} .b-transfer-form--details--fieldset---amount {width: 100%;margin-top: 24px;} .b-transfer-form--details--fieldset---agreement {width: 75%;margin-left: 0px;padding-top: 24px;display: inline-block;} .b-transfer-form--details--commission { display: inline-block; display: none; width: 100%; vertical-align: top; box-sizing: border-box; /*padding-left:48px;*/ } .b-transfer-form--details--commission--title { font-size: 14px; line-height: 24px; color: #757575;} .b-transfer-form--details--commission--contents { font-size: 32px; line-height: 32px;} .b-transfer-form--details--total { display: inline-block; display: none; width: 100%; vertical-align: top;} .b-transfer-form--details--total--title { font-size: 14px; line-height: 24px; color: #757575;} .b-transfer-form--details--total--contents { font-size: 32px; line-height: 32px;} .b-transfer-form--fieldset---submit { width: 1170px; margin: 50px auto 0 auto;} .b-transfer-form--label { display: inline-block; font-size: 18px; line-height: 24px; font-weight: 600; color: #333; margin-bottom: 24px;} .b-checkbox-field { position: relative; display: inline-block; margin-left: 0px; padding-left: 40px; cursor: pointer;} .b-checkbox-field--entity { position: absolute; opacity: 0; margin:0;} .b-checkbox-field--icon { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: #fff; border: 2px solid #BABABA; border-radius: 4px; box-sizing: border-box; transition: .3s;} .b-checkbox-field:hover .b-checkbox-field--icon { border-color: #174882;} .b-checkbox-field--entity:checked + .b-checkbox-field--icon { background: #174882; border-color: #174882;} .b-checkbox-field--entity:checked + .b-checkbox-field--icon:before { position: absolute; top: 50%; left: 50%; width: 12px; height: 10px; background: url(../i/b-checkbox-field--entity.png) no-repeat 0 0; background-size: 100% 100%; margin: -5px 0 0 -6px; content: "";} .b-checkbox-field--label { font-size: 14px; line-height: 24px; color: #757575;} .b-radio-field {margin-bottom:20px; position: relative; display: block; padding-left: 40px; cursor: pointer;} .b-radio-field--entity { position: absolute; opacity: 0;} .b-radio-field--icon { position: absolute; top: 0; left: 0; width: 24px; height: 24px; border: 2px solid #BABABA; border-radius: 12px; box-sizing: border-box; transition: .3s;} .b-radio-field:hover .b-radio-field--icon { border-color: #174882;} .b-radio-field--entity:checked + .b-radio-field--icon { background: #174882; border-color: #174882;} .b-radio-field--entity:checked + .b-radio-field--icon:before { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 4px; background: #fff; margin: -4px 0 0 -4px; content: "";} .b-radio-field--label { font-size: 16px; line-height: 24px; color: #757575;} .b-button { display: inline-block; color: #fff; font-size: 12px; font-weight: 600; line-height: 48px; text-transform: uppercase; height: 48px; background: #174882; border-radius: 6px; text-align: center; padding: 0 24px; margin: 0; border: 0; transition: .3s; cursor: pointer; text-decoration: none;} .b-button:hover { background: #113A6B;} .item667135 .b-button { background: #6BD0C3;} .item667135 .b-button:hover { background: #57A89E;} .b-button---wide { display: block; padding: 0; width: 100%;} .b-button---gray { background: #f5f5f5; color: #757575;} .b-button---gray:hover { background: #EAEAEA;} .b-button---disabled { background: #cecece; color: #757575; cursor: default;} .b-button---disabled:hover { background: #cecece;} .b-widgets { font-size: 0; line-height: 0;} .b-widgets--section { display: inline-block; width: 270px; vertical-align: top; margin-left: 30px;} .b-widgets--section:first-child { margin-left: 0;} .b-widgets--section---map { position: relative; width: 570px;} .b-map-widget { position: relative; height: 310px; background: #f5f5f5; border-radius: 6px; overflow: hidden;} .b-map-widget--canvas { position: absolute; top: 0; left: 0; width: 100%; height: 310px; border-radius: 6px; overflow: hidden; z-index: 4;} .b-map-widget--form { position: absolute; left: 24px; bottom: 24px; right: 24px; z-index: 8;} .b-map-widget--form--fieldset--query .b-text-field { border-radius: 6px;} .b-map-widget--form--fieldset--query .b-text-field--entity { padding-right: 114px;} .b-map-widget--form--fieldset--submit { position: absolute; top: 0; right: 0;} .b-map-widget--form--button { height: 37px; line-height: 38px; border-radius: 0 6px 6px 0;} .b-map-widget--controls { position: absolute; top: 24px; left: 24px; width: 24px; z-index: 8;} .b-map-widget--controls--clause { display: block; width: 24px; height: 24px; cursor: pointer;} .b-map-widget--controls--clause---geo { background: url(../i/mini-map--geo.svg) no-repeat 0 0; background-size: 100% 100%;} .b-map-widget--controls--clause---zoom-in { background: url(../i/mini-map--zoom-in.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: 8px;} .b-map-widget--controls--clause---zoom-out { background: url(../i/mini-map--zoom-out.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: 8px;} .b-map-widget--controls--clause---full { background: url(../i/mini-map--full-screen.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: 8px;} .b-rates-widget { position: relative; height: 310px; background: #f5f5f5; border-radius: 6px; padding: 24px 24px 0 24px; box-sizing: border-box;} .b-rates-widget--date { display: block; position: relative; font-size: 14px; color: #757575; line-height: 14px; padding-left: 16px;} .b-rates-widget--date:before { position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-radius: 4px; background: #6BD0C3; margin-top: -4px; content: "";} .b-rates-widget--time { position: absolute; top: 24px; right: 24px; font-size: 14px; color: #757575; line-height: 14px;} .b-rates-widget--table { margin-top: 30px;} .b-rates-widget--table--captions { padding-left: 42px; margin-bottom: 20px;} .b-rates-widget--table--captions--cell { display: inline-block; font-size: 12px; line-height: 12px; font-weight: 600; color: #949494; width: 90px;} .b-rates-widget--table--captions--cell:first-child { margin-left: 0;} .b-rates-widget--table--row { position: relative; padding-left: 42px; margin-top: 6px;} .b-rates-widget--table--row--cell { display: inline-block; font-size: 24px; line-height: 28px; color: #333; width: 90px;} .b-rates-widget--table--row--cell---currency { position: absolute; top: 0; left: 0; color: #949494; width: auto;} .b-rates-widget--action { position: absolute; left: 24px; right: 24px; bottom: 24px;} .b-consultations-widget { position: relative; height: 310px; background: #D9ECF7; border-radius: 6px; padding: 24px 24px 0 24px; box-sizing: border-box;} .b-consultations-widget--title { display: block; position: relative; font-size: 14px; color: #757575; line-height: 14px; padding-left: 16px;} .b-consultations-widget--title:before { position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-radius: 4px; background: #6BD0C3; margin-top: -4px; content: "";} .b-consultations-widget--description { font-size: 16px; line-height: 24px; margin-top: 24px; color: #757575; text-align: center;} .b-consultations-widget--actions { position: absolute; left: 24px; right: 24px; bottom: 24px;} .b-consultations-widget--actions--clause { margin-top: 16px;} .b-consultations-widget--actions--clause:first-child { margin-top: 0;} .b-services-article {} .b-services-article--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} .b-services-article--description { font-size: 20px; line-height: 32px; color: #757575; margin-top: 48px;} .b-services-article--description p { margin-top: 24px;} .b-services-article--description p:first-child { margin-top: 0;} .b-services-article--contents { margin-top: 80px;} .b-services-article--documents { margin-top: 80px;} .b-services-article--documents--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} .b-services-article--questions { margin-top: 80px;} .b-services-article--questions--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} .b-services-article--questions--clause { margin-top: 18px;} .b-services {} .b-services--title { font-family: "Inter"; font-weight: 600; font-size: 60px; line-height: 68px; color: #333; margin-bottom: 80px;} .b-services--section { font-size: 0; line-height: 0; margin: 60px 0 0 0; padding-top: 60px; border-top: 1px solid #e6eaea;} .b-services--section:first-of-type { border-top: 0; padding-top: 0;} .b-services--section--title { display: inline-block; width: 270px; font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; padding-top: 60px; vertical-align: top;} .b-services--collection { display: inline-block; width: 870px; vertical-align: top; margin-left: 30px;} .b-services--clause { display: inline-block; width: 270px; margin-left: 30px; vertical-align: top; margin-bottom: 20px;} .b-services--clause:first-child ,.b-services--clause:nth-child(3n+1) { margin-left: 0;} .b-services--clause--link { display: block; height: 100%; text-decoration: none;} .b-services--clause--picture { display: block; width: 160px; height: 160px; border-radius: 80px; background: #f5f5f5; overflow: hidden;} .b-services--clause--picture--entity { display: block; height: 100%;} .b-services--clause--title { display: block; font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333; margin-top: 16px;} .b-services--clause--description { display: block; font-size: 14px; line-height: 24px; color: #757575; margin-top: 24px;} .b-services-references { font-size: 0; line-height: 0;} .b-services-references--title { display: inline-block; width: 270px; font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; vertical-align: top;} .b-services-references--collection { display: inline-block; width: 870px; vertical-align: top; margin-left: 30px;} .b-services-references--clause { display: inline-block; width: 270px; margin-left: 30px; vertical-align: top;} .b-services-references--clause:first-child { margin-left: 0;} .b-services-references--clause--link { display: block; height: 100%; text-decoration: none;} .b-services-references--clause--picture { display: block; width: 160px; height: 160px; border-radius: 80px; background: #f5f5f5; overflow: hidden;} .b-services-references--clause--picture--entity { display: block; height: 100%;} .b-services-references--clause--title { display: block; font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333; margin-top: 16px;} .b-search {} .b-search--title { font-family: "Inter"; font-weight: 500; font-size: 60px; line-height: 68px; color: #333; margin-bottom: 40px;} .b-search--clause { position: relative; padding-left: 48px; margin-top: 42px;} .b-search--clause--count { position: absolute; top: 0; left: 0; font-size: 24px; line-height: 28px; color: #333;} .b-search--clause--title { font-family: "Inter"; font-weight: 500; font-size: 18px; line-height: 18px; max-width: 620px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .b-search--clause--title--link { color: #333; text-decoration: none;} .b-search--clause--title--link:hover { color: #174882;} .b-search--clause--description { font-size: 16px; line-height: 24px; color: #757575; margin-top: 18px;} .b-search .b-search-form { margin-bottom: 60px;} .b-search--error { font-size: 16px; line-height: 32px; color: #757575;} .b-search--error p { margin-top: 30px;} .b-search--error p:first-child { margin-top: 0;} .b-search--guess { font-size: 16px; line-height: 32px; color: #757575; margin-bottom: 30px;} .b-news-references { position: relative; font-size: 0; line-height: 0; display: flex; flex-wrap: wrap; margin: 0 -15px;} .b-news-references--subscribe { position: absolute; top: -3px; right: 15px;} .b-news-references--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin: 0 15px 60px; width: 100%;} @media (max-width: 1024px) { .b-news-references--title { font-size: 36px;} } .b-news-references--clause { display: inline-block; width: 270px; height: 270px; vertical-align: top; background: #f5f5f5; border-radius: 6px; margin: 0 15px 30px;} .b-news-references--clause--link { display: block; position: relative; padding: 24px; height: 100%; text-decoration: none; box-sizing: border-box;} .b-news-references--clause--type { display: block; position: relative; font-size: 12px; color: #333; line-height: 16px; padding-left: 16px;} .b-news-references--clause--type:before { position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-radius: 4px; background: #6BD0C3; margin-top: -4px; content: "";} .b-news-references--clause--title { display: block; font-size: 18px; line-height: 21px; font-weight: 600; font-family: 'Inter'; color: #333; margin-top: 20px; letter-spacing: -0.3px; overflow: hidden; max-height: 104px;} .b-news-references--clause--date { position: absolute; left: 24px; bottom: 24px; font-size: 14px; line-height: 14px; color: #757575;} .b-news-references--clause--author { position: absolute; left: 24px; bottom: 60px; font-size: 14px; line-height: 14px;} .b-news-references--clause--author--name { display: block; font-weight: 600; color: #333;} .b-news-references--clause--author--site { display: block; color: #757575; margin-top: 10px;} .b-news-references--action { margin: 30px 15px 0; width: 100%;} .b-breadcrumbs { position: relative; padding-left: 16px; font-size: 14px; line-height: 19px; color: #757575; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .b-breadcrumbs:before { position: absolute; left: 0; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 4px; background: #6BD0C3; content: "";} .b-breadcrumbs--clause { display: inline-block; max-width: 400px;} .b-breadcrumbs--clause--link { text-decoration: none;} .b-breadcrumbs--clause:before { display: inline-block; margin: 0 2px; content: "/";} .b-breadcrumbs--clause:first-child:before { display: none;} .b-anchor-menu { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; line-height: 12px;} .b-anchor-menu--clause { position: relative; margin-top: 42px;} .b-anchor-menu--clause:before { position: absolute; bottom: 50%; left: 7px; width: 1px; height: 54px; background: #D1DAE6; z-index: 4; content: "";} .b-anchor-menu--clause:first-child { margin-top: 0;} .b-anchor-menu--clause--link { display: inline-block; position: relative; padding-left: 40px; color: #757575; text-decoration: none; box-sizing: border-box; z-index: 8;} .b-anchor-menu--clause--link:hover { color: #174882;} .b-anchor-menu--clause--link:before { position: absolute; left: 4px; top: 50%; width: 7px; height: 7px; margin-top: -4px; border-radius: 4px; background: #fff; border: 1px solid #D1DAE6; box-sizing: border-box; content: "";} .b-anchor-menu--clause---current .b-anchor-menu--clause--link { color: #174882;} .b-anchor-menu--clause---current .b-anchor-menu--clause--link:before { background: #174882; border-color: #174882; z-index: 8;} .b-anchor-menu--clause---current .b-anchor-menu--clause--link:after { position: absolute; left: 0; top: 50%; width: 15px; height: 15px; margin-top: -8px; border-radius: 8px; background: #fff; border: 1px solid #174882; box-sizing: border-box; z-index: 4; content: "";} .b-anchor-menu--clause---current:before {} .b-anchor-menu--clause:first-child:before { display: none;} .b-products-article { position: relative;} .b-products-article--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} .b-products-article--description { font-size: 20px; line-height: 32px; color: #757575; margin-top: 24px; width: 570px;} .b-products-article--compare-button { position: absolute; top: 72px; right: 0;} .b-products-article--variations { margin-top: 60px;} .b-products-article--variations:first-child { margin-top: 0;} .b-products-article--variations--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} .clear { clear:both;} @media (max-width: 1024px) { .b-products-article--variations--title { font-size: 36px;} } .b-products-article--variations--description { font-size: 20px; line-height: 32px; color: #757575; margin-top: -24px; width: 570px; margin-bottom: 48px;} .b-products-article--variations--compare-button { position: absolute; top: 72px; right: 0;} .b-products-article--variations--clause { margin-top: 18px;} .b-products-article--variations--clause:first-child { margin-top: 0;} .b-products-article--details { margin-top: 80px;} .b-products-article--details:first-child { margin-top: 0;} .b-products-article--details--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} @media (max-width: 1024px) { .b-products-article--details--title { font-size: 36px;} } .b-products-article--details--description { font-size: 20px; line-height: 32px; color: #757575; margin-top: 24px; margin-bottom: 48px;} .b-products-article--details--contents { margin-top: 48px;} .product-factoring-12 .color-blue { padding:36px; border-radius:12px;} .b-contents p.note { font-size:16px; font-style:italic;} @media (max-width: 1024px) { .b-products-article--details--contents { margin-top: 38px;} .b-contents p.note { font-size:14px;} } @media (max-width: 480px) { .b-products-article--details--contents { margin-top: 28px;} .product-factoring-12 .b-cover--background { margin-left:-480px;} } .b-products-article--offers { margin-top: 80px;} .b-products-article--offers--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 50px;} @media (max-width: 1024px) { .b-products-article--offers--title { font-size: 36px;} } .b-products-article--documents { margin-top: 80px;} .b-products-article--documents--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} @media (max-width: 1024px) { .b-products-article--documents--title { font-size: 36px;} } .b-accordion { position: relative; background: #f5f5f5; border-radius: 6px;} .b-accordion--opener { position: relative; cursor: pointer; padding: 32px 100px 32px 32px;} .b-accordion--opener--toggle { position: absolute; top: 50%; right: 32px; width: 24px; height: 24px; background: #174882; border-radius: 12px; margin-top: -12px; transition: .3s;} .b-accordion--opener--toggle:before { position: absolute; top: 50%; left: 50%; width: 10px; height: 6px; background: url(../i/b-accordion-opener.svg) no-repeat 0 0; background-size: 100% 100%; margin: -2px 0 0 -5px; transition: .3s; content: "";} .b-accordion--opener--title { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333;} @media (max-width: 1024px) { .b-accordion--opener--title { font-size: 20px;} } .b-accordion--opener--description { font-size: 14px; line-height: 24px; color: #757575; margin-top: 8px; max-width: 420px;} .b-accordion--concealment { display: none; position: relative; box-sizing: border-box; overflow: hidden;} .b-accordion--concealment--inside { padding: 32px 32px 48px 32px;} .b-accordion--concealment:before { position: absolute; top: 0; left: 32px; right: 32px; height: 1px; background: #DCE1E1; content: "";} .b-accordion:before { position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: #6BD0C3; border-radius: 6px 0 0 6px; opacity: 0; transition: .3s; content: "";} .b-accordion---opened:before { opacity: 1;} .b-accordion---opened .b-accordion--opener--toggle { background: #DCE1E1;} .b-accordion---opened .b-accordion--opener--toggle:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-top: -3px;} .b-accordion---opened .b-accordion--concealment { max-height: 100000px;} .b-accordion--concealment--action { margin-top: 42px;} .b-accordion---chargeable .b-accordion--opener { padding-right: 300px;} .b-accordion---reduced .b-accordion--opener--title { font-size: 16px; line-height: 24px; font-weight: 400; color: #757575;} .b-accordion--opener--price { position: absolute; font-size: 0; line-height: 0; top: 50%; right: 100px; width: 170px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .b-accordion--opener--price--value { display: inline-block; font-size: 48px; font-weight: 300; line-height: 48px; color: #757575; vertical-align: middle; letter-spacing: -3px;} .b-accordion--opener--price--addition { display: inline-block; font-size: 14px; line-height: 14px; letter-spacing: 0.5px; font-weight: 600; color: #757575; vertical-align: middle; text-transform: uppercase; margin-left: 10px;} .b-accordion--opener--price--addition--currency { display: block; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #757575;} .b-accordion--opener--price--addition--duration { display: block;} .b-accordion---conditioned .b-accordion--opener { padding-right: 500px;} .b-accordion---conditioned .b-accordion--opener--description { min-height: 48px;} .b-accordion--opener--conditions { position: absolute; font-size: 0; line-height: 0; top: 42px; right: 100px; text-align: right;} .b-accordion--opener--conditions--clause { display: inline-block; width: 170px; margin-left: 30px; text-align: left;} .b-accordion--opener--conditions--clause--title { font-size: 14px; line-height: 1.6; color: #757575;} .b-accordion--opener--conditions--clause--contents { font-size: 30px; line-height: 30px; color: #333; margin-top: 8px;} .b-accordion--concealment--conditions { margin-bottom: 48px; font-size: 0; line-height: 0;} .b-accordion--concealment--conditions--clause { display: inline-block; width: 200px; margin-left: 100px; vertical-align: top;} .b-accordion--concealment--conditions--clause:first-child { margin-left: 0;} .b-accordion--concealment--conditions--clause--title { font-size: 64px; font-weight: 300; line-height: 64px; color: #6BD0C3; letter-spacing: -5px;} .b-accordion--concealment--conditions--clause--title--addition { display: inline-block; font-size: 18px; line-height: 18px; padding-top: 8px; letter-spacing: 1px; font-weight: 600; color: #6BD0C3; vertical-align: top; text-transform: uppercase; margin-left: 10px;} .b-accordion--concealment--conditions--clause--title--addition--currency { display: block; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #6BD0C3;} .b-accordion--concealment--conditions--clause--title--addition--duration { display: block;} .b-accordion--concealment--conditions--clause--title--entity { display: inline-block; vertical-align: top;} .b-accordion--concealment--conditions--clause--description { display: block; font-size: 14px; line-height: 24px; color: #757575; margin-top: 8px;} .b-accordion--concealment--conditions--clause--picture { display: block; max-width: 100%;} .b-accordion---disabled { opacity: .5;} .b-accordion---disabled .b-accordion--opener { cursor: default;} .b-accordion---disabled .b-accordion--opener--conditions { display: none;} .b-accordion---disabled .b-accordion--concealment--action { display: none;} .b-contents { font-size: 20px; line-height: 32px; color: #757575;} .b-contents--sj { position: relative; min-height: 100px; margin-top: 60px;} .b-contents--sj--picture { position: absolute; top: 0; left: 0; width: 230px;} .b-contents--sj--picture--entity { width: 100%;} .b-contents--sj--contents { margin-left: 254px;} .b-contents--successes { margin-top: 60px; font-size: 0; line-height: 0;} .b-contents--successes--inside { margin-top: -24px;} .b-contents--successes--clause { display: inline-block; width: 160px; vertical-align: top; margin: 48px 140px 0 0;} .b-contents--successes--clause:nth-child(3n) { margin-right: 0;} .b-contents--successes--clause--picture { display: block; width: 160px; height: 160px; background: #f5f5f5; border-radius: 80px; overflow: hidden; margin: 0 auto;} .b-contents--successes--clause--picture--entity { display: block; width: 100%;} .b-contents--successes--clause--title { display: block; font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; margin-top: 24px; color: #303030; text-align: center;} .b-contents--successes--clause--position { display: block; margin-top: 6px; font-size: 14px; line-height: 24px; color: #757575; text-align: center;} .b-contents--accordion { margin-top: 18px;} .b-contents--accordion:first-child { margin-top: 0;} .b-contents h2 { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin: 80px 0 24px 0;} @media (max-width: 1024px) { .b-contents h2 { font-size: 36px;} } .b-contents h2:first-child { margin-top: 0;} .b-contents h3 { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333; margin: 42px 0 24px 0;} .b-contents h3:first-child { margin-top: 0;} .b-contents p { font-size: 20px; line-height: 1.6; color: #757575; margin-top: 24px;} @media (max-width: 1024px) { .b-contents p { font-size: 16px;} } .b-contents p:first-child { margin-top: 0;} .b-contents ul { font-size: 20px; line-height: 32px; color: #757575; margin-top: 48px;} .b-contents ul:first-child { margin-top: 0;} .b-contents ul li { font-size: 20px; position: relative; padding-left: 32px;} .b-contents table ul li { font-size:14px; line-height:24px;} .accordoin-top { font-weight: 600; font-size: 24px; line-height: 140%; margin: 45px 0 25px;} @media (max-width: 1024px) { .b-contents ul li { font-size: 16px;} .b-contents table td { width: 50%;} } .b-contents ul li:before { position: absolute; top: 12px; left: 0; width: 8px; height: 8px; background: #6BD0C3; border-radius: 4px; content: "";} .diadoc { margin-top: 20px; font-size:18px;} .b-contents table { width: 100%;} .b-contents table strong { font-weight: 600;} .b-contents table tr th { font-size: 12px; font-weight: 600; line-height: 18px; color: #BABABA; text-transform: uppercase; text-align: left; letter-spacing: 0.5px; padding: 0 24px 18px 0; vertical-align: bottom; border-bottom: 1px solid #DCE1E1;} .b-contents table tr th:last-child { padding-right: 0;} .b-contents table tr td { font-size: 14px; line-height: 24px; color: #757575; padding-top: 24px; vertical-align: top; text-align: left; padding-right: 24px;} .b-contents table tr td:last-child { padding-right: 0;} .b-contents .b-contents--list---pluses li:before { position: absolute; top: 10px; left: 0; width: 12px; height: 12px; background: url(../i/b-contents-pluses.svg) no-repeat 0 0; background-size: 100% 100%; border-radius: 0; content: "";} .b-contents .b-contents--list---checks li:before { position: absolute; top: 11px; left: 0; width: 12px; height: 10px; background: url(../i/b-contents-checks.svg) no-repeat 0 0; background-size: 100% 100%; border-radius: 0; content: "";} .b-contents dl { font-size: 0; line-height: 0; margin-top: 32px;} .b-contents dl dt { display: inline-block; vertical-align: top; width: 40%; font-size: 16px; line-height: 32px; color: #333; box-sizing: border-box;} .b-contents dl dd { display: inline-block; vertical-align: top; width: 60%; font-size: 16px; line-height: 32px; color: #757575; padding-left: 30px; box-sizing: border-box;} .b-contents dl:first-child { margin-top: 0;} .b-contents .b-contents--person { margin-top: 18px;} .b-contents .b-contents--person dt { color: #757575;} .b-contents .b-contents--person dd { color: #303030;} .b-contents .b-contents--person dd a { display: inline-block; position: relative; padding-right: 30px; color: #303030;} .b-contents .b-contents--person dd a:after { position: absolute; top: 50%; right: 0; width: 6px; height: 10px; background: url(../i/b-contents--person.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -5px; content: "";} .b-contents .b-contents--person:first-child { margin-top: 0;} .b-contents--documents { margin-top: 32px;} .b-contents--documents:first-child { margin-top: 0;} .b-documents {} .b-documents h3 { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333; margin: 42px 0 24px 0;} .b-documents h3:first-child { margin-top: 0;} .b-documents--clause { position: relative; font-size: 14px; line-height: 24px; margin-top: 30px; padding-right: 100px;} .b-documents--clause:first-child { margin-top: 0;} .b-documents--clause--link { display: block; color: #757575; text-decoration: none; padding: 0 70px 0 40px;} .b-documents--clause--title { display: block; transition: .3s;} .b-documents--clause--link:hover .b-documents--clause--title { color: #174882;} .b-documents--clause--size { position: absolute; top: 0; right: 0; font-size: 12px; font-weight: 600; color: #BABABA; text-transform: uppercase;} .b-documents--clause--link:before { position: absolute; top: 2px; left: 4px; width: 16px; height: 18px; background: url(../i/b-documents.svg) no-repeat 0 0; background-size: 100% 100%; content: "";} .b-calculator { position: relative;} .b-calculator--title { font-family: "Inter"; font-weight: 600; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 60px;} @media (max-width: 1024px) { .b-calculator--title { font-size: 36px;} } .b-calculator--variations { margin-top: 72px;} .b-calculator--variations--title { display: block; font-family: "Inter"; font-weight: 600; font-size: 24px; line-height: 24px; color: #333; margin-bottom: 36px;} .b-calculator--variations--clause { margin-top: 18px;} .b-calculator--form--label { display: block; font-size: 18px; font-weight: 600; line-height: 18px; color: #333; margin-bottom: 24px;} .b-calculator--form--fieldset { margin-top: 40px;} .b-calculator--form--fieldset:first-child { margin-top: 0;} .b-calculator--results { background: #f5f5f5; padding: 30px 40px; border-radius: 6px;} .b-calculator--results--payment-systems { position: relative; font-size: 0; line-height: 0; height: 48px; margin: 24px 0 48px 0;} .b-calculator--results--payment-systems--clause { position: absolute; top: 50%;} .b-calculator--results--payment-systems--clause---visa { left: 0; width: 78px; height: 25px; background: url(../i/payment-systems/visa.png) no-repeat 0 0; background-size: 100% 100%; margin-top: -12px;} .b-calculator--results--payment-systems--clause---mastercard { left: 50%; width: 60px; height: 47px; background: url(../i/payment-systems/mastercard.png) no-repeat 0 0; background-size: 100% 100%; margin-top: -23px; margin-left: -30px;} .b-calculator--results--payment-systems--clause---mir { right: 0; width: 80px; height: 23px; background: url(../i/payment-systems/mir.png) no-repeat 0 0; background-size: 100% 100%; margin-top: -11px;} .b-calculator--results .b-calculator--results--title { display: block; position: relative; font-size: 14px; color: #757575; line-height: 14px; padding-left: 16px; margin-bottom: 24px;} .b-calculator--results .b-calculator--results--title:after { position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-radius: 4px; background: #6BD0C3; margin-top: -4px; content: "";} .b-calculator--results--clause { padding: 24px 0; border-top: 1px solid #DCE1E1;} .b-calculator--results--clause:first-of-type { padding-top: 0; border-top: 0;} .b-calculator--results--clause:last-of-type { padding-bottom: 0;} .b-calculator--results--clause--title { font-size: 14px; color: #757575; line-height: 24px;} .b-calculator--results--clause--contents { font-size: 32px; line-height: 32px; font-weight: 400; color: #333; margin-top: 6px;} .b-calculator--results--action { margin-top: 30px;} .b-calculator---acquiring {} .b-calculator---acquiring .b-calculator--addition { display: none; font-size: 14px; line-height: 24px; color: #757575; margin-top: 40px;} .b-calculator---acquiring .b-calculator--addition---showed { display: block;} .b-calculator---acquiring .b-calculator--section---first { float: left; width: 470px;} .b-calculator---acquiring .b-calculator--section---second { float: right; width: 370px;} .b-calculator---acquiring .b-calculator--form--fieldset---type {} .b-calculator---acquiring .b-calculator--form--fieldset---type .b-radio-field { margin-top: 24px;} .b-calculator---acquiring .b-calculator--form--fieldset---type .b-radio-field:first-child { margin-top: 0;} .b-calculator---leasing {} .b-calculator---leasing .b-calculator--section---first { float: left; width: 470px;} .b-calculator---leasing .b-calculator--section---second { float: right; width: 370px;} .b-calculator---mortgages {} .b-calculator---mortgages .b-calculator--section---first { float: left; width: 470px;} .b-calculator---mortgages .b-calculator--section---second { float: right; width: 370px;} .b-calculator---deposits .b-calculator--form { font-size: 0; line-height: 0;} .b-calculator---deposits .b-calculator--form { display: flex; flex-wrap: wrap;} .b-calculator---deposits .b-calculator--form .b-calculator--form--addition { width: 100%;} .b-calculator---deposits .b-calculator--form .b-calculator--form--fieldset---currency { flex: 0 0 auto;} .b-calculator---deposits .b-calculator--form .b-calculator--form--fieldset---amount, .b-calculator---deposits .b-calculator--form .b-calculator--form--fieldset---limitation { flex: 1 1 auto;} @media (max-width: 1024px) { .b-calculator---deposits .b-calculator--form .b-calculator--form--fieldset---amount, .b-calculator---deposits .b-calculator--form .b-calculator--form--fieldset---limitation { width: 100%; margin: 0;} .b-calculator---deposits .b-calculator--form .b-calculator--form--fieldset { margin-bottom: 20px;} .b-calculator---deposits .b-calculator--form .b-calculator--form--fieldset:last-of-type { margin-bottom: 0;} } @media (max-width: 480px) { .b-calculator---deposits .b-calculator--form .b-calculator--form--fieldset { margin-bottom: 0;} .b-calculator---deposits .b-calculator--form .b-calculator--form--fieldset---currency { margin-bottom: 10px;} .b-contents table tr td:first-child { color:#000; padding-bottom:5px;} .b-contents table tr td:last-child { padding-bottom:25px;} } .b-calculator---deposits .b-calculator--form--fieldset---currency { display: inline-block; width: 170px; margin: 0; vertical-align: top;} .b-calculator---deposits .b-calculator--form--fieldset---amount { display: inline-block; width: 402px; margin: 0 0 0 30px; vertical-align: top;} .b-calculator---deposits .b-calculator--form--fieldset---limitation { display: inline-block; width: 250px; margin: 0 0 0 16px; vertical-align: top;} .product-ipoteka-privet-sosed .b-calculator---deposits .b-calculator--form--fieldset---limitation { margin-left: 0; width: 100%; margin-top: 30px;} .b-calculator---deposits .b-calculator--form--addition { max-height: 0; overflow: hidden; transition: .6s; box-sizing: border-box;} .b-calculator---deposits .b-calculator--form--fieldset---options { padding-top: 40px;} .b-calculator---deposits .b-calculator--form--fieldset---options .b-checkbox-field { display: inline-block; margin-left: 60px;} .b-calculator---deposits .b-calculator--form--fieldset---options .b-checkbox-field:first-child { margin-left: 0;} .b-calculator---deposits .b-calculator--form--fieldset---period .b-radio-field { display: inline-block; margin-left: 60px;} .b-calculator---deposits .b-calculator--form--fieldset---period .b-radio-field:first-of-type { margin-left: 0;} .b-calculator---deposits .b-calculator--form--opener { display: inline-block; position: relative; font-size: 12px; line-height: 40px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 18px; color: #164883; padding-right: 24px; cursor: pointer;} .b-calculator---deposits .b-calculator--form---additioned .b-calculator--form--addition { max-height: 2000px;} .b-calculator---deposits .b-calculator--form---additioned .b-calculator--form--opener:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .b-coins {} .b-coins--description { font-size: 20px; line-height: 32px; color: #757575; margin-bottom: 60px;} .b-coins--description p { margin-top: 32px;} .b-coins--description p:first-child { margin-top: 0;} .b-coins--clause { margin-top: 18px;} .b-coins--clause:first-child { margin-top: 0;} .b-accordion--concealment--coins {} .b-accordion--concealment--coins--clause { font-size: 0; line-height: 0; margin-top: 32px; padding-top: 32px; border-top: 1px solid #DCE1E1;} .b-accordion--concealment--coins--clause:first-child { margin-top: 0; padding-top: 0; border-top: 0;} .b-accordion--concealment--coins--clause--section { display: inline-block; vertical-align: top;} .b-accordion--concealment--coins--clause--section---first { width: 100px; margin-right: 30px;} .b-accordion--concealment--coins--clause--section---second { width: 408px; margin-right: 30px;} .b-accordion--concealment--coins--clause--section---third { width: 220px;} .b-accordion--concealment--coins--clause--picture { max-width: 100%; display: block;} .b-accordion--concealment--coins--clause--title { display: block; font-family: "Inter"; font-weight: 600; font-size: 24px; line-height: 32px; color: #333;} .b-accordion--concealment--coins--clause--description { display: block; margin-top: 16px; font-size: 16px; line-height: 16px; color: #757575;} .b-accordion--concealment--coins--clause--price { padding-top: 12px;} .b-accordion--concealment--coins--clause--price--value { display: inline-block; font-size: 48px; font-weight: 300; line-height: 48px; color: #757575; vertical-align: top; letter-spacing: -3px;} .b-accordion--concealment--coins--clause--price--currency { display: inline-block; font-size: 14px; line-height: 14px; letter-spacing: 0.5px; font-weight: 600; color: #757575; vertical-align: top; text-transform: uppercase; margin-left: 10px; padding-top: 6px;} .b-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 10px 0; overflow: auto; -webkit-overflow-scrolling: touch; display: none; z-index: 2128;} .b-popup .b-popup--inside { position: relative; display: block; margin: 0 auto; background: #fff; border-radius: 6px; box-sizing: border-box; z-index: 128;} .b-popup .b-popup--closer { position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; cursor: pointer;} .b-popup .b-popup--closer:before { position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; background: url(../i/b-popup--closer.svg) no-repeat 0 0; background-size: 100% 100%; margin: -9px 0 0 -9px; transition: .6s; content: ""; z-index: 9;} .b-popup---form .b-popup--inside { position: relative; width: 510px; padding: 25px;} .b-popup---person .b-popup--inside { position: relative; width: 970px; padding: 60px;} .b-popup---comparison .b-popup--inside { position: relative; width: 970px; padding: 42px 60px 60px 60px;} .b-popup---static .b-popup--inside { position: relative; width: 970px; padding: 42px 60px 60px 60px;} .b-popup--title { display: block; font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; margin-bottom: 60px; color: #333;} @media (max-width: 1024px) { .b-popup--title { margin-bottom: 40px; font-size: 36px;} } @media (max-width: 480px) { .b-popup--title { margin-bottom: 25px; font-size: 32px;} } .b-popup--person {} .b-popup--person--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} .b-popup--person--position { display: block; font-size: 20px; line-height: 36px; color: #757575; margin-top: 12px;} .b-popup--person--section { margin-top: 60px;} .b-popup--person--section--title { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333; margin-bottom: 30px;} .b-popup--person--section--contents dl { margin-top: 24px;} .b-popup--person--section--contents dl dt { font-size: 16px; line-height: 24px;} .b-popup--person--section--contents dl dd { font-size: 16px; line-height: 24px;} .b-popup--person--section--contents ul { font-size: 16px; line-height: 24px;} .b-popup--person--section:first-of-type { border-top: 1px solid #DCE1E1; margin-top: 42px; padding-top: 42px;} .b-popup-form--credits {} .b-popup-form--credits--captions { display: block; font-size: 0; line-height: 0;} .b-popup-form--credits--captions--clause { display: inline-block; font-size: 14px; font-weight: 600; line-height: 14px; color: #a0a0a0; text-transform: uppercase; letter-spacing: 0.5px; vertical-align: top; width: 30%;/*!!!*/ display:none;} .b-popup-form--credits--captions--clause:first-child { width: 70%;} .b-popup-form--credits--row { margin-top: 24px; font-size: 0; line-height: 0;} /*.b-popup-form--credits--row--section { margin-top:12px;} .b-popup-form--credits--row--section:first-child { margin-top:0;}*/ .b-popup-form--credits--row--section .b-text-field { overflow:hidden; transition:all .3s; margin-top:12px;} .b-popup-form--credits--row--section .b-text-field:not(.noafter):after { content:"₽"; position:absolute; top:50%; right:16px; font-size:18px; line-height:18px; margin-top:-9px;} .b-popup-form--credits--row--section .b-text-field---disabled { height:0 !important; margin-top:0;} .b-popup-form--title { display: block; font-family: "Inter"; font-weight: 500; font-size: 30px; line-height: 42px; margin-bottom: 10px; color: #333;} .b-popup-form--fieldset--description { font-size: 14px; line-height: 24px; color: #757575; margin-top: 12px;} .b-popup-form--fieldset { margin-top: 20px; transition:all .3s;} .b-popup-form--fieldset.hassmall { margin-top:30px;} .b-popup-form--fieldset:first-child { margin-top: 5px;} .b-popup-form--fieldset---submit { margin-top: 30px;} .b-popup-form .b-popup-form--section---response { display: none;} .b-popup-form---sended .b-popup-form--section---request { display: none;} .b-popup-form---sended .b-popup-form--section---response { display: block;} .b-popup-form--message { position: relative; font-size: 20px; line-height: 32px; color: #757575; text-align: center; padding-top: 162px;} .b-popup-form--message:before { position: absolute; top: 30px; left: 50%; width: 132px; height: 93px; margin-left: -66px; background: url(../i/b-popup-form--response.jpg) no-repeat 0 0; background-size: 100% 100%; content: "";} .b-popup-form--agreement { font-size: 14px; line-height: 24px; margin-top: 10px; color: #757575;} .b-popup-form--agreement a { text-decoration: underline; color: #757575;} .b-popup---visible { display: block;} .b-popup--table { margin: 0 -60px;} .b-popup--table--inside { width: 100%; table-layout: fixed;} .b-popup--table--captions--cell { width: 200px; text-align: center; border-bottom: 1px solid #E6EAEA; padding-bottom: 18px;} .b-popup--table--captions--cell--title { display: block; font-size: 14px; line-height: 20px; color: #757575;} .b-popup--table--captions--cell--contents { display: block; font-size: 32px; line-height: 32px; color: #333; margin-top: 6px;} .b-popup--table--captions--cell:first-child { width: auto; padding-left: 60px; text-align: left;} .b-popup--table--row--cell { font-size: 20px; line-height: 24px; color: #757575; width: 200px; height: 80px; text-align: center; padding-top: 40px; box-sizing: border-box; vertical-align: middle;} .b-popup--table--row--cell:first-child { width: auto; padding-left: 60px; text-align: left; font-size: 14px; line-height: 20px; color: #757575;} .b-popup--table--row--cell--icon---yes { display: inline-block; width: 24px; height: 24px; background: url(../i/table-yes.svg) no-repeat 0 0; background-size: 100% 100%;} .b-popup--table--row--cell--icon---no { display: inline-block; position: relative; width: 24px; height: 24px;} .b-popup--table--row--cell--icon---no:before { position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background: #DCE1E1; margin: -1px 0 0 -6px; content: "";} .b-popup--table--captions--cell--price { display: block; font-size: 0; line-height: 0; margin-top: 6px;} .b-popup--table--captions--cell--price--value { display: inline-block; font-size: 32px; line-height: 32px; color: #333; vertical-align: middle;} .b-popup--table--captions--cell--price--addition { display: inline-block; font-size: 10px; line-height: 10px; letter-spacing: 0.5px; font-weight: 600; color: #333; vertical-align: middle; text-transform: uppercase; margin-left: 6px;} .b-popup--table--captions--cell--price--addition--currency { display: block; margin-bottom: 2px; padding-bottom: 2px; border-bottom: 1px solid #333;} .b-popup--table--captions--cell--price--addition--duration { display: block;} .b-products-article--additions { margin-top: 80px;} .b-products-article--additions--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} @media (max-width: 1024px) { .b-products-article--additions--title { font-size: 36px;} } .b-products-article--additions--clause { margin-top: 18px;} .b-products-article--additions--clause:first-child { margin-top: 0;} .b-products-article--documents--clause { margin-top: 18px;} .b-primary-menu--addition {} .b-primary-menu--addition--opener { position: relative; display: inline-block; padding-right: 18px; color: #333; text-decoration: none;} .b-primary-menu--addition--opener:hover { color: #174882;} .b-primary-menu--addition--opener:before { position: absolute; right: 0; top: 50%; width: 10px; height: 6px; margin-top: -3px; background: url(../i/b-primary-menu--addition--opener.svg) no-repeat 0 0; background-size: 100% 100%; transition: .3s; content: "";} .b-primary-menu--addition--collection { overflow: hidden; max-height: 0; transition: .3s; padding-left: 24px;} .b-primary-menu--addition--collection--clause { margin-top: 16px;} .b-primary-menu--addition--collection--clause--link { color: #757575; text-decoration: none;} .b-primary-menu--addition--collection--clause--link:hover { color: #174882;} .b-primary-menu--addition---opened {} .b-primary-menu--addition---opened .b-primary-menu--addition--opener:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .b-primary-menu--addition---opened .b-primary-menu--addition--collection { max-height: 99999px;} .b-rates { position: relative;} .b-rates--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} .b-rates--graph { margin-top: 48px;} .b-rates--graph--title { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333;} .b-rates--graph--entity { height: 660px; margin-top: 48px;} .b-rates--graph--legend { margin-top: 24px; font-size: 0; line-height: 0;} .b-rates--graph--legend--clause { position: relative; display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box; padding-left: 40px; margin-top: 24px; cursor: pointer;} .b-rates--graph--legend--clause--title { display: inline-block; font-size: 14px; line-height: 24px; color: #757575; vertical-align: middle;} .b-rates--graph--legend--clause--marker { display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: red; vertical-align: middle; margin-right: 8px;} .b-rates--graph--legend--clause:before { position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 4px; border: 2px solid #BABABA; box-sizing: border-box; transition: .3s; content: "";} .b-rates--graph--legend--clause---selected:before { background: #174882; border-color: #174882;} .b-rates--graph--legend--clause---selected:after { position: absolute; top: 12px; left: 6px; width: 12px; height: 10px; background: url(../i/b-checkbox-field--entity.png) no-repeat 0 0; background-size: 100% 100%; margin: -5px 0 0 0; content: "";} .amcharts-scrollbar-chart-div { border: 1px solid #DCE1E1; border-radius: 6px;} .amcharts-scrollbar-label { font-family: "Inter", sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;} .amcharts-period-input { position: relative; display: inline-block; margin-left: 48px; padding-left: 40px; height: 24px; line-height: 24px; font-family: "Inter", sans-serif; font-size: 16px; cursor: pointer;} .amcharts-period-input:before { position: absolute; top: 0; left: 0; width: 24px; height: 24px; border: 2px solid #BABABA; border-radius: 12px; box-sizing: border-box; content: "";} .amcharts-period-input-selected { position: relative; display: inline-block; margin-left: 48px; padding-left: 40px; height: 24px; line-height: 24px; font-family: "Inter", sans-serif; font-size: 16px; cursor: pointer;} .amcharts-period-input-selected:before { position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-color: #174882; background: #174882; border-radius: 12px; box-sizing: border-box; content: "";} .amcharts-period-input-selected:after { position: absolute; top: 8px; left: 8px; width: 8px; height: 8px; background: #fff; border-radius: 4px; box-sizing: border-box; content: "";} .amcharts-period-input:last-child, .amcharts-period-input-selected:last-child { margin-right: 0 !important;} .amcharts-balloon-marker { display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 4px; margin-right: 8px;} .amcharts-balloon-title { display: inline-block; vertical-align: middle;} .amcharts-balloon-value { display: inline-block; vertical-align: middle; font-weight: 600; margin-left: 12px;} .amcharts-chart-div tspan { text-transform: uppercase; letter-spacing: 0.5px;} .b-timeline { position: relative;} .b-timeline:before { position: absolute; left: 40px; right: 40px; bottom: 21px; height: 1px; background: #DCE1E1; z-index: 4; content: "";} .b-timeline--mover { position: absolute; bottom: 0; width: 40px; height: 40px; background: url(../i/b-timeline-arrow.svg) no-repeat 0 0; background-size: 100% 100%; cursor: pointer; z-index: 16;} .b-timeline--mover---previous { left: 0;} .b-timeline--mover---next { right: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .b-timeline--collection { position: relative; padding: 0 42px; overflow: hidden; z-index: 8;} .b-timeline--collection:before { position: absolute; top: 0; left: 0; bottom: 0; width: 72px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 2%, #FFFFFF 100%); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); z-index: 16; content: "";} .b-timeline--collection:after { position: absolute; top: 0; right: 0; bottom: 0; width: 72px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 2%, #FFFFFF 100%); z-index: 16; content: "";} .b-timeline--collection--inside { position: relative; white-space: nowrap; font-size: 0; line-height: 0; padding-bottom: 18px; transition: .3s;} .b-timeline--clause { display: inline-block; position: relative; font-size: 14px; line-height: 28px; width: 80px; text-align: center; margin: 0 48px; vertical-align: top; z-index: 8;} .b-timeline--clause:first-child { margin-left: 0;} .b-timeline--clause:last-child { margin-right: 0;} .b-timeline--clause--link { position: relative; display: inline-block; padding-bottom: 30px;} .b-timeline--clause--link:before { position: absolute; left: 50%; bottom: 0; width: 7px; height: 7px; border-radius: 4px; background: #174882; margin-left: -3px; z-index: 8; content: "";} .b-timeline--clause---current { font-size: 24px;} .b-timeline--clause---current .b-timeline--clause--link:after { position: absolute; left: 50%; bottom: -4px; width: 15px; height: 15px; box-sizing: border-box; border-radius: 8px; background: #fff; border: 1px solid #174882; margin-left: -7px; z-index: 4; content: "";} .b-ratings--timeline { margin: 60px 0 80px 0;} .b-tabs { position: relative; font-size: 0; line-height: 0;} .b-tabs:before { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #DCE1E1; content: "";} .b-tabs--clause { display: inline-block; position: relative; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 0 6px; height: 48px; line-height: 48px; vertical-align: top; margin-left: 30px;} .b-tabs--clause:first-child { margin-left: 0;} .b-tabs--clause--link { color: #bababa; text-decoration: none;} .b-tabs--clause--link:hover { color: #174882;} .b-tabs--clause---current:before { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #174882; border-radius: 4px 4px 0 0; content: "";} .b-tabs--clause---current .b-tabs--clause--link { color: #174882;} .b-rates--tabs { margin-top: 42px;} .b-rates--description { font-size: 14px; line-height: 24px; color: #757575; margin-top:12px; text-align:right;} .b-rates--keyrates { margin-top: 48px;} .b-rates--keyrates--caption { font-size: 0; line-height: 0; border-bottom: 1px solid #DCE1E1; padding-bottom: 18px;} .b-rates--keyrates--caption--clause { display: inline-block; width: 50%; font-size: 12px; font-weight: 600; line-height: 18px; text-transform: uppercase; letter-spacing: 0.5px; color: #bababa;} .b-rates--keyrates--contents { padding-top: 40px;} .b-rates--keyrates--contents dl { font-size: 0; line-height: 0; margin-top: 24px;} .b-rates--keyrates--contents dl dt { display: inline-block; width: 50%; font-size: 16px; line-height: 24px; color: #333; vertical-align: top; box-sizing: border-box; padding-right: 24px;} .b-rates--keyrates--contents dl dd { display: inline-block; width: 50%; font-size: 16px; line-height: 24px; color: #757575; vertical-align: top;} .b-rates--keyrates--contents dl:first-child { margin-top: 0;} .b-rates--currencies { margin-top: 60px;} .b-rates--currencies--clause { margin-top: 18px;} .b-rates--currencies--clause:first-child { margin-top: 0;} .b-contents--rates { margin-top: 48px; border-bottom: 1px solid #DCE1E1; margin-bottom: 40px; padding-bottom: 40px;} .b-contents--rates:first-child { margin-top: 0;} .b-contents--rates:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0;} .b-contents--rates--table {} .b-contents--rates--table--captions { padding-left: 60px;} .b-contents--rates--table--captions--cell { display: inline-block; font-size: 12px; line-height: 12px; font-weight: 600; color: #949494; text-transform: uppercase; letter-spacing: 0.5px; width: 180px; text-align: center; padding-left: 20px;} .product-exchange .b-contents--rates--table--captions--cell { width:auto;} .b-contents--rates--table--captions--cell:first-child { margin-left: 0;} .b-contents--rates--table--row { position: relative; padding-left: 60px; margin-top: 18px;} .b-contents--rates--table--row:first-child { margin-top: 0;} .b-contents--rates--table--row--cell { display: inline-block; font-size: 32px; line-height: 32px; color: #333; width: 180px; text-align: right; padding-left: 15px;} .product-exchange .b-contents--rates--table--row--cell { text-align:left;} .b-contents--rates--table--row--cell---currency { position: absolute; top: 0; left: 0; font-size: 24px; color: #949494; width: auto;} .b-news { font-size: 0; line-height: 0;} .b-news--collection { margin-top: 10px;} .b-news--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} .b-news--description { font-size: 20px; line-height: 36px; color: #757575; margin-top: 24px;} .b-news--clause { display: inline-block; width: 270px; height: 270px; vertical-align: top; background: #f5f5f5; border-radius: 6px; margin: 30px 30px 0 0;} .b-news--clause:nth-child(3n) { margin-right: 0;} .b-news--clause--link { display: block; position: relative; padding: 24px; height: 100%; text-decoration: none; box-sizing: border-box;} .b-news--clause--type { display: block; position: relative; font-size: 14px; color: #757575; line-height: 14px; padding-left: 16px;} .b-news--clause--type:before { position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-radius: 4px; background: #6BD0C3; margin-top: -4px; content: "";} .b-news--clause--title { display: block; font-size: 18px; line-height: 26px; font-weight: 600; color: #333; margin-top: 20px; letter-spacing: -0.3px; overflow: hidden; max-height: 104px;} .b-news--clause--date { position: absolute; left: 24px; bottom: 24px; font-size: 14px; line-height: 14px; color: #757575;} .b-news--clause--author { position: absolute; left: 24px; bottom: 60px; font-size: 14px; line-height: 14px;} .b-news--clause--author--name { display: block; font-weight: 600; color: #333;} .b-news--clause--author--site { display: block; color: #757575; margin-top: 10px;} .b-news--action { margin-top: 30px;} .b-news--social { font-size: 0; line-height: 0; margin-top: 24px;} .b-news--social--clause { display: inline-block; width: 36px; height: 36px; margin-left: 20px;} .b-news--social--clause:first-child { margin-left: -11px;} .b-news--social--clause--link { display: block; position: relative; height: 100%;} .b-news--social--clause--link:hover { opacity: .8;} .b-news--social--clause---fb .b-news--social--clause--link:before { position: absolute; top: 50%; left: 50%; width: 14px; height: 24px; background: url(../i/b-news--social--clause---fb.svg) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -7px; content: "";} .b-news--social--clause---vk .b-news--social--clause--link:before { position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; background: url(../i/vk-svgrepo-com.svg) no-repeat 0 0; background-size: 100% 100%; margin: -11px 0 0 -7px; content: "";} .b-news--social--clause---ok .b-news--social--clause--link:before { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; background: url(../i/b-news--social--clause---ok.svg) no-repeat 0 0; background-size: 100% 100%; margin: -10px 0 0 -11px; content: "";} .b-news--social--clause---tg .b-news--social--clause--link:before { position: absolute; top: 50%; left: 50%; width: 22px; height: 18px; background: url(../i/b-news--social--clause---tg.svg) no-repeat 0 0; background-size: 100% 100%; margin: -9px 0 0 -7px; content: "";} .b-news--social--clause---twitter .b-news--social--clause--link:before { position: absolute; top: 50%; left: 50%; width: 22px; height: 18px; background: url(../i/b-news--social--clause---twitter.svg) no-repeat 0 0; background-size: 100% 100%; margin: -9px 0 0 -11px; content: "";} .b-news--social--clause---instagram .b-news--social--clause--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/b-news--social--clause---ig.png) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -12px; content: "";} .b-news-article { position: relative; padding-left: 300px;} .b-news-article--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333;} @media (max-width: 1024px) { .b-news-article--title { font-size: 36px;} .amcharts-period-input, .amcharts-period-input-selected { margin-bottom:15px !important;} .b-rates--graph--entity { margin-bottom:100px;} } @media (max-width: 480px) { .amcharts-period-input, .amcharts-period-input-selected {} .b-rates--graph--entity { margin-bottom:180px;} .b-popup-form--credits--row--section .b-text-field:after { font-size:14px;} } .b-news-article--date { display: block; font-size: 14px; line-height: 14px; font-weight: 600; color: #bababa; margin-top: 24px;} .b-news-article--contents { line-height: 36px; margin-top: 24px;} .b-news-article--contents p { line-height: 36px;} .b-news-article--print { margin-top: 30px;} .b-news-article--print--link { display: inline-block; position: relative; font-size: 14px; line-height: 24px; height: 24px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding-left: 36px; text-decoration: none;} .b-news-article--print--link:before { position: absolute; top: 50%; left: 0; width: 24px; height: 22px; background: url(../i/b-news-article--print.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -11px; content: "";} .b-news-article--author { position: absolute; top: 0; left: 30px; width: 240px;} .b-news-article--author--picture { display: block; width: 160px; height: 160px; margin: 0 auto; border-radius: 80px; background: #f5f5f5; overflow: hidden;} .b-news-article--author--picture--entity { display: block; width: 100%;} .b-news-article--author--title { font-size: 24px; font-weight: 600; line-height: 32px; margin-top: 14px; color: #333; text-align: center;} .b-news-article--author--description { font-size: 14px; line-height: 24px; margin-top: 8px; color: #757575; text-align: center;} .b-news-article--author--site { text-align: center;} .b-news-article--author--site--picture { display: block; height: 24px; margin-top: 30px;} .b-news-article--author--site--picture--entity { display: block; height: 24px; margin: 0 auto;} .b-news-article--author--site--link { display: inline-block; position: relative; padding-right: 18px; font-size: 14px; line-height: 14px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; color: #757575; margin-top: 24px;} .b-news-article--author--site--link:hover { color: #174882;} .b-news-article--author--site--link:before { position: absolute; top: 50%; right: 0; width: 10px; height: 10px; margin-top: -5px; background: url(../i/b-secondary-menu--clause---external.svg) no-repeat 0 0; background-size: 100% 100%; transition: .3s; content: "";} .b-news-article--author--site--link:hover:before { right: -4px;} .b-select { position: relative; height: 48px; font-family: "Inter", sans-serif;} .b-select---disabled { pointer-events: none;} .b-select---disabled .b-select--current { background-color: $ input-border;} .b-select---disabled .b-select--current:before { display: none;} .b-select---opened { z-index: 64;} .b-select--current { font-size: 16px; color: #757575; line-height: 44px; padding: 0 40px 0px 24px; height: 48px; box-sizing: border-box; border: 1px solid #DCE1E1; border-radius: 2px; background: #fff; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .b-select--current:before { content: ''; display: block; width: 10px; height: 6px; background-image: url("../i/b-select-arrow.svg"); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; right: 24px; top: 22px; transition: .3s;} .b-select---opened .b-select--current { border-radius: 2px 2px 0 0;} .b-select---opened .b-select--current:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .b-select---opened .b-select--dropdown { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} .b-select--dropdown { position: absolute; top: 100%; left: 0; min-width: 100%; background: #fff; cursor: pointer; border: 1px solid #DCE1E1; border-radius: 0 0 2px 2px; box-sizing: border-box; max-height: 242px; overflow-y: auto; overflow-x: hidden; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; z-index: 8;} .b-select--dropdown--clause { font-size: 16px; padding: 0 24px; height: 48px; color: #757575; line-height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;} .b-select--dropdown--clause:hover { background: #f5f5f5;} .b-select--dropdown--clause:last-child { border-radius: 0 0 2px 2px;} .b-select--dropdown--clause---current { background: #f5f5f5;} .b-range { position: relative } .b-range--field { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #DCE1E1; border-radius: 2px 2px 0 0; -webkit-transition: .2s; transition: .2s; font-size: 0; height: 48px; background: none;} .b-range--field--entity { position: absolute; top: 0; bottom: 0; width: 100%; height: 48px; padding: 0 24px; font-size: 20px; font-weight: normal; line-height: 48px; color: #333; background: transparent; border: 0; margin: 0; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 18;} .b-range--field--description { position: absolute; top: 0; right: 24px; bottom: 0; font-size: 16px; line-height: 48px; color: #333; z-index: 4;} .b-range--field--entity---minimal { left: 0; border-right: 1px solid #DDDBDB;} .b-range--field--entity---maximal { right: 0; border-left: 1px solid #DDDBDB; text-align: right;} .b-range--markings { position: relative; font-size: 14px; line-height: 14px; height: 14px; color: #757575; margin-top: 12px;} .b-range--markings--clause { position: absolute; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} .b-range--markings--clause---first { left: 0; text-align: left; -webkit-transform: none; -ms-transform: none; transform: none } .b-range--markings--clause---last { left: auto; right: 0; text-align: right; -webkit-transform: none; -ms-transform: none; transform: none } .b-range--field--slider { z-index: 16;} /*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */ /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box;} .noUi-target { position: absolute; top: 45px; left: 0; right: 0; direction: ltr;} .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ } .noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0;} .noUi-origin { position: absolute; height: 0; width: 0;} .noUi-handle { position: relative; z-index: 1;} .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;} .noUi-state-drag * { cursor: inherit !important;} /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} /* Slider size and handle placement; */ .noUi-horizontal { height: 2px;} .noUi-vertical { width: 18px;} .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px;} /* Styling; */ .noUi-target {} .noUi-connect { background: #174882; -webkit-transition: background 450ms; transition: background 450ms;} /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize;} .noUi-vertical .noUi-draggable { cursor: ns-resize;} .noUi-handle { position: absolute; left: -12px; bottom: -13px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; width: 24px; height: 24px; -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.20); cursor: pointer; z-index: 16;} .noUi-handle:before { position: absolute; top: 50%; left: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #174882; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50); width: 8px; height: 8px; margin: -4px 0 0 -4px; content: "";} /* Disabled state; */ [disabled] .noUi-connect { background: #B8B8B8;} [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed;} /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box;} .noUi-pips { position: absolute; color: #999;} /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center;} .noUi-value-sub { color: #ccc; font-size: 10px;} /* Markings; * */ .noUi-marker { position: absolute; background: #CCC;} .noUi-marker-sub { background: #AAA;} .noUi-marker-large { background: #AAA;} /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%;} .noUi-value-horizontal { -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0);} .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px;} .noUi-marker-horizontal.noUi-marker-sub { height: 10px;} .noUi-marker-horizontal.noUi-marker-large { height: 15px;} /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%;} .noUi-value-vertical { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); padding-left: 25px;} .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px;} .noUi-marker-vertical.noUi-marker-sub { width: 10px;} .noUi-marker-vertical.noUi-marker-large { width: 15px;} .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap;} .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%;} .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%;} .b-switcher { font-size: 0; line-height: 0; height: 48px; border: 1px solid #DCE1E1; border-radius: 2px; box-sizing: border-box; padding: 2px;} .b-switcher--clause { display: inline-block; font-size: 14px; font-weight: 600; line-height: 42px; color: #757575; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; width: 50%; border-radius: 4px; height: 42px; cursor: pointer; transition: .3s;} .b-switcher---double .b-switcher--clause { width: 50%;} .b-switcher---triple .b-switcher--clause { width: 33.3%;} .b-switcher--clause---current { background: #174882; color: #fff;} .b-places {} .b-places--section---first { position: relative; padding: 40px 0 30px 0; width: 1170px; margin: 0 auto;} .b-places--section---second { position: relative;} .b-places--map { position: relative; height: 680px; margin-bottom: -80px;} .b-places--map--canvas { position: relative; height: 680px; z-index: 4;} .b-places--map--balloon { position: absolute; width: 370px; background: #fff; padding: 24px; box-sizing: border-box;} div[metro_data_id="184"] .b-places--map--balloon, div[metro_data_id="185"] .b-places--map--balloon, div[metro_data_id="406"] .b-places--map--balloon, div[metro_data_id="180"] .b-places--map--balloon { right:25px;} div[metro_data_id="406"] .b-places--map--balloon, div[metro_data_id="245"] .b-places--map--balloon { bottom:25px;} .b-places--map--balloon--title { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; border-bottom: 1px solid #DCE1E1; margin: 0 -24px; padding: 0 24px 24px 24px;} .b-places--map--balloon--title--link { text-decoration: none;} .b-places--map--balloon--address { position: relative; font-size: 16px; line-height: 24px; color: #757575; padding-left: 36px; margin-top: 24px;} .b-places--map--balloon--address:before { position: absolute; top: 4px; left: 6px; width: 12px; height: 16px; background: url(../i/b-places-article--address.svg) no-repeat 0 0; background-size: 100% 100%; content: "";} .b-places--map--balloon--metro { position: relative; font-size: 16px; line-height: 24px; color: #757575; padding-left: 36px; margin-top: 24px;} .b-places--map--balloon--metro:before { position: absolute; top: 50%; left: 6px; width: 12px; height: 12px; background: #000; margin-top: -6px; border-radius: 6px; content: "";} .b-places--map--balloon--metro---01:before { background: #ed1b35;} .b-places--map--balloon--metro---02:before { background: #4fbc66;} .b-places--map--balloon--metro---03:before { background: #0078bf;} .b-places--map--balloon--metro---04:before { background: #19c1f3;} .b-places--map--balloon--metro---05:before { background: #894e35;} .b-places--map--balloon--metro---06:before { background: #f58631;} .b-places--map--balloon--metro---07:before { background: #8e479c;} .b-places--map--balloon--metro---08:before { background: #ffcb31;} .b-places--map--balloon--metro---09:before { background: #a1a2a3;} .b-places--map--balloon--metro---10:before { background: #b3d445;} .b-places--map--balloon--metro---11:before { background: #79cdcd;} .b-places--map--balloon--metro---12:before { background: #acbfe1;} .b-places--map--balloon--metro---13:before { background: #E94282;} .b-places--map--balloon--schedule { position: relative; font-size: 16px; line-height: 24px; color: #757575; padding-left: 36px; margin-top: 24px;} .b-places--map--balloon--schedule--clause { display: inline-block; margin-right: 18px;} .b-places--map--balloon--schedule--clause:last-child { margin-right: 0;} .b-places--map--balloon--schedule:before { position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; background: url(../i/b-places-article-main-schedule.svg) no-repeat 0 0; background-size: 100% 100%; content: "";} .b-places--map--balloon--cripple, .b-places--map--balloon--atmrec { position: relative; font-size: 16px; line-height: 24px; color: #757575; padding-left: 36px; margin-top: 24px;} .b-places--map--balloon--cripple--clause, .b-places--map--balloon--atmrec--clause { display: inline-block; margin-right: 18px;} .b-places--map--balloon--cripple--clause:last-child, .b-places--map--balloon--atmrec--clause:last-child { margin-right: 0;} .b-places--map--balloon--cripple:before, .b-places--map--balloon--atmrec:before { position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; background: url(../i/b-places-article-main-cripple.svg) no-repeat 0 0; background-size: 100% 100%; content: "";} .b-places--map--balloon--atmrec:before { background: url(../i/vv/atmrec.svg) no-repeat 0 0; width:18px; height:19px;} .b-places--map--balloon--button { display: block; height: 42px; background: #f5f5f5; font-size: 14px; font-weight: 600; line-height: 42px; color: #757575; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; text-decoration: none; margin-top: 24px;} .b-places--map--balloon---mini { width: 270px; padding: 12px 18px;} .b-places--map--balloon---mini .b-places--map--balloon--title { font-size: 16px; line-height: 24px; padding: 0 18px 12px 18px; margin: 0 -18px;} .b-places--map--balloon---mini .b-places--map--balloon--address { font-size: 14px; line-height: 24px; margin-top: 12px;} .b-places--filter { position: absolute; top: 48px; right: 50%; background: #fff; width: 370px; padding: 30px; margin-right: -585px; box-sizing: border-box; z-index: 8;} .b-places--filter--section---address { position: relative; margin-bottom: 30px;} .b-places--filter--section---address .b-text-field--entity { padding-right: 48px;} .b-places--filter .b-checkbox-field { margin-top: 24px;} .b-places--filter .b-checkbox-field:first-child { margin-top: 0;} .b-places--filter--section---atms { display: none;} .b-places--filter--button { position: absolute; top: 50%; right: 18px; width: 18px; height: 18px; margin: -9px 0 0 0; border: 0; padding: 0; background: url(../i/b-search-form-button.svg) no-repeat 0 0; background-size: 100% 100%; text-indent: -9999px; cursor: pointer;} .b-places--map--controls { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; margin-left: -585px; z-index: 8;} .b-places--map--controls--clause { display: block; width: 48px; height: 48px; cursor: pointer;} .b-places--map--controls--clause---geo { background: url(../i/offices--map--geo.svg) no-repeat 0 0; background-size: 100% 100%;} .b-places--map--controls--clause---zoom-in { background: url(../i/offices--map--zoom-in.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: 16px;} .b-places--map--controls--clause---zoom-out { background: url(../i/offices--map--zoom-out.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: 16px;} .b-places--map--controls--clause---full-screen { background: url(../i/offices--map--full-screen.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: 16px;} .b-places--map--controls--clause---normal-screen { background: url(../i/offices--map--normal-screen.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: 16px;} .b-places--switcher { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 40px;} .b-places--switcher--min { font-family: "Inter"; font-weight: 250; font-size: 21px; line-height: 21px; right: 0; z-index: 99999999; background: #fff; position: absolute;} .b-places--switcher--clause { display: inline-block; vertical-align: top;} .b-places--switcher--clause { transition: .3s; cursor: pointer;} .b-places--switcher--clause---atms { color: #BABABA;} .b-places--switcher---atms .b-places--switcher--clause---offices { color: #BABABA;} .b-places--switcher---atms .b-places--switcher--clause---atms { color: #333;} .b-places--switcher--toggle { display: inline-block; position: relative; width: 40px; height: 16px; vertical-align: top; background: #174882; border-radius: 8px; cursor: pointer; margin: 10px 18px 0 18px;} .b-places--switcher--toggle--min { display: inline-block; position: relative; width: 30px; height: 14px; vertical-align: top; background: #174882; border-radius: 8px; cursor: pointer; margin: 3px 14px 0 14px;} .b-places--switcher--toggle--inside { position: absolute; top: 50%; left: 0; width: 24px; height: 24px; background: #fff; box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.20); border-radius: 12px; margin-top: -12px; transition: .3s;} .b-places--switcher--toggle--inside:before { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background: #174882; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50); border-radius: 4px; margin: -4px 0 0 -4px; content: "";} .b-places--switcher---atms .b-places--switcher--toggle--inside { left: 16px;} .b-places--switcher--toggle--inside--min { position: absolute; top: 70%; left: 0px; width: 16px; height: 16px; background: #fff; box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.20); border-radius: 12px; margin-top: -12px; transition: .3s;} .b-places--switcher--toggle--inside--min:before { position: absolute; top: 55%; left: 55%; width: 6px; height: 6px; background: #174882; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50); border-radius: 4px; margin: -4px 0 0 -4px; content: "";} .b-places--switcher---atms .b-places--switcher--toggle--inside--min { left: 16px;} .b-places--modes { position: absolute; top: 50%; right: 0; height: 48px; margin-top: -24px; font-size: 0; line-height: 0;} .b-places--modes--clause { display: inline-block; font-size: 14px; font-weight: 600; line-height: 48px; text-transform: uppercase; letter-spacing: 0.5px; padding: 0 24px; background: #f5f5f5; color: #757575; vertical-align: top; cursor: pointer; transition: .3s;} .b-places--modes--clause:first-child { border-radius: 4px 0 0 4px;} .b-places--modes--clause:last-child { border-radius: 0 4px 4px 0;} .b-min--places--modes { position: absolute; height: 48px; margin-top: 0px; top: 12px; right: 12px; font-size: 0; line-height: 0; z-index: 60;} .b-min--places--modes--clause { display: inline-block; font-size: 12px; font-weight: 400; line-height: 38px; letter-spacing: 0.5px; padding: 0 18px; background: #f5f5f5; color: #757575; vertical-align: top; cursor: pointer; transition: .3s;} .b-min--places--modes--clause:first-child { border-radius: 4px 0 0 4px;} .b-min--places--modes--clause:last-child { border-radius: 0 4px 4px 0;} .b-places--modes--clause---current { background: #012B5D; color: #fff;} .b-places--collection { display: none; font-size: 0; line-height: 0; width: 1170px; margin: 0 auto; padding-top: 18px;} .b-places--metro { display: none;} .b-places--collection--section---first { display: inline-block; vertical-align: top; width: 770px;} .b-places--collection--clause { padding: 30px 0; border-bottom: 1px solid #DCE1E1;} .b-places--collection--clause---atm { display: none;} .b-places--collection--clause:last-of-type { border-bottom: 0;} .b-places--collection--clause--title { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px;} .b-places--collection--clause--title--link { text-decoration: none;} .b-places--collection--clause--metro { position: relative; font-size: 18px; line-height: 24px; margin: 8px 0 24px 0; padding-left: 36px; color: #757575;} .b-places--collection--clause--metro:before { position: absolute; top: 50%; left: 6px; width: 12px; height: 12px; background: #000; margin-top: -6px; border-radius: 6px; content: "";} .b-places--collection--clause--metro---01:before { background: #ed1b35;} .b-places--collection--clause--metro---02:before { background: #4fbc66;} .b-places--collection--clause--metro---03:before { background: #0078bf;} .b-places--collection--clause--metro---04:before { background: #19c1f3;} .b-places--collection--clause--metro---05:before { background: #894e35;} .b-places--collection--clause--metro---06:before { background: #f58631;} .b-places--collection--clause--metro---07:before { background: #8e479c;} .b-places--collection--clause--metro---08:before { background: #ffcb31;} .b-places--collection--clause--metro---09:before { background: #a1a2a3;} .b-places--collection--clause--metro---10:before { background: #b3d445;} .b-places--collection--clause--metro---11:before { background: #79cdcd;} .b-places--collection--clause--metro---12:before { background: #acbfe1;} .b-places--collection--clause--metro---13:before { background: #E94282;} .b-places--collection--clause--address { position: relative; font-size: 16px; line-height: 24px; margin-top: 16px; padding-left: 36px; color: #757575;} .b-places--collection--clause--address:before { position: absolute; top: 4px; left: 6px; width: 12px; height: 16px; background: url(../i/b-places-article--address.svg) no-repeat 0 0; background-size: 100% 100%; content: "";} .b-places--collection--clause--phone { display: inline-block; position: relative; font-size: 16px; line-height: 24px; margin-top: 16px; padding-left: 36px; color: #757575; margin-right: 42px;} .b-places--collection--clause--phone--link { text-decoration: none;} .b-places--collection--clause--phone:before { position: absolute; top: 50%; left: 4px; width: 16px; height: 16px; background: url(../i/b-places-article-phone.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -8px; content: "";} .b-places--collection--clause--schedule { display: inline-block; position: relative; font-size: 16px; line-height: 24px; margin-top: 16px; padding-left: 36px; color: #757575;} .b-places--collection--clause--schedule--clause { display: inline-block; margin-left: 42px;} .b-places--collection--clause--schedule--clause:first-child { margin-left: 0;} .b-places--collection--clause--schedule:before { position: absolute; top: 50%; left: 4px; width: 16px; height: 16px; background: url(../i/b-places-article-main-schedule.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -8px; content: "";} .b-places--collection--clause--cripple, .b-places--collection--clause--atmrec { position: relative; font-size: 16px; line-height: 24px; margin-top: 16px; padding-left: 36px; color: #757575;} .b-places--collection--clause--cripple--clause, .b-places--collection--clause--atmrec--clause { display: inline-block; margin-left: 42px;} .b-places--collection--clause--cripple--clause:first-child, .b-places--collection--clause--atmrec--clause:first-child { margin-left: 0;} .b-places--collection--clause--cripple:before, .b-places--collection--clause--atmrec:before { position: absolute; top: 50%; left: 4px; width: 16px; height: 16px; background: url(../i/b-places-article-main-cripple.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -8px; content: "";} .b-places--collection--clause--atmrec:before { background: url(../i/vv/atmrec.svg) no-repeat 0 0;} .b-places---list {} .b-places---list .b-places--map, .b-places---list .b-places--metro, .b-places---metro .b-places--map, .b-places---metro .b-places--collection { display: none;} .b-places---list .b-places--collection { display: block;} .b-places---metro .b-places--metro { display: block;} .b-places---list .b-places--section---second:before { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #DCE1E1; content: "";} .b-places---list .b-places--section---second { min-height: 680px;} .b-places---list .b-places--filter { background: #f5f5f5;} .b-places--filter--section.b-places--filter--section---address { display: inline-block;} .b-places--filter--section.b-places--filter--section---offices { display: inline-block;} .b-places--filter--section.b-places--filter--section---offices label.b-checkbox-field { display: inline-block; margin-left: 20px;} .b-places--filter--section.b-places--filter--section---atms label.b-checkbox-field { display: inline-block; margin-left: 20px;} .b-places---list .b-places--filter--section---address { display: none;} .b-places---atms {} .b-places---atms .b-places--collection--clause---office { display: none;} .b-places---atms .b-places--collection--clause---atm { display: block;} .b-places---atms .b-places--filter--section---offices { display: none;} .b-places---atms .b-places--filter--section---atms { display: inline-block;} .b-places-article {} .b-places-article--section { margin-top: 60px;} .b-places-article--section--title { font-family: "Inter", serif; font-size: 24px; font-weight: 500; line-height: 32px; color: #333; padding-bottom: 24px; border-bottom: 1px solid #DCE1E1;} .b-places-article--section---main { position: relative; min-height: 270px; padding-right: 600px; margin-bottom: -12px;} .b-places-article--section---schedule { font-size: 0; line-height: 0;} .b-places-article--section---schedule .b-places-article--section--title { margin-bottom: -18px;} .b-places-article--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 48px;} .b-places-article--address { position: relative; font-size: 16px; line-height: 24px; color: #757575; padding-left: 36px;} .b-places-article--address:before { position: absolute; top: 50%; left: 6px; width: 12px; height: 16px; background: url(../i/b-places-article--address.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -8px; content: "";} .b-places-article--metro { position: relative; font-size: 16px; line-height: 24px; color: #757575; padding-left: 36px; margin-top: 24px;} .b-places-article--metro:before { position: absolute; top: 50%; left: 6px; width: 12px; height: 12px; background: #000; margin-top: -6px; border-radius: 6px; content: "";} .b-places-article--metro---01:before { background: #ed1b35;} .b-places-article--metro---02:before { background: #4fbc66;} .b-places-article--metro---03:before { background: #0078bf;} .b-places-article--metro---04:before { background: #19c1f3;} .b-places-article--metro---05:before { background: #894e35;} .b-places-article--metro---06:before { background: #f58631;} .b-places-article--metro---07:before { background: #8e479c;} .b-places-article--metro---08:before { background: #ffcb31;} .b-places-article--metro---09:before { background: #a1a2a3;} .b-places-article--metro---10:before { background: #b3d445;} .b-places-article--metro---11:before { background: #79cdcd;} .b-places-article--metro---12:before { background: #acbfe1;} .b-places-article--metro---13:before { background: #E94282;} .b-places-article--main-schedule { position: relative; font-size: 16px; line-height: 24px; color: #757575; padding-left: 36px; margin-top: 24px;} .b-places-article--main-schedule--clause { display: inline-block; margin-left: 40px;} .b-places-article--main-schedule--clause:first-child { margin-left: 0;} .b-places-article--main-schedule:before { position: absolute; top: 50%; left: 4px; width: 16px; height: 16px; background: url(../i/b-places-article-main-schedule.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -8px; content: "";} .b-places-article--main-cripple, .b-places-article--main-atmrec { position: relative; font-size: 16px; line-height: 24px; color: #757575; padding-left: 36px; margin-top: 24px;} .b-places-article--main-cripple--clause, .b-places-article--main-atmrec--clause { display: inline-block; margin-left: 40px;} .b-places-article--main-cripple--clause:first-child, .b-places-article--main-atmrec--clause:first-child { margin-left: 0;} .b-places-article--main-cripple:before, .b-places-article--main-atmrec:before { position: absolute; top: 50%; left: 4px; width: 16px; height: 16px; background: url(../i/b-places-article-main-cripple.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -8px; content: "";} .b-places-article--main-atmrec:before { background: url(../i/vv/atmrec.svg) no-repeat 0 0;} .b-places-article--mail { position: relative; display: inline-block; font-size: 16px; line-height: 24px; color: #757575; padding-left: 36px; margin-top: 24px;} .b-places-article--mail--link { text-decoration: none;} .b-places-article--mail:before { position: absolute; top: 50%; left: 2px; width: 20px; height: 16px; background: url(../i/b-places-article-mail.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -8px; content: "";} .b-places-article--phone { position: relative; display: inline-block; font-size: 16px; line-height: 24px; color: #757575; padding-left: 36px; margin-top: 24px; margin-left: 40px;} .b-places-article--phone--link { text-decoration: none;} .b-places-article--phone:before { position: absolute; top: 50%; left: 4px; width: 16px; height: 16px; background: url(../i/b-places-article-phone.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -8px; content: "";} .b-places-article--map { position: absolute; top: 0; right: 0; width: 570px; height: 270px; border-radius: 6px; overflow: hidden; background: #f5f5f5;} .b-places-article--map--canvas { position: relative; height: 270px; z-index: 4;} .b-places-article--map--controls { position: absolute; top: 50%; left: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; z-index: 8;} .b-places-article--map--controls--clause { display: block; width: 24px; height: 24px; cursor: pointer;} .b-places-article--map--controls--clause---geo { background: url(../i/offices-article--map--geo.svg) no-repeat 0 0; background-size: 100% 100%;} .b-places-article--map--controls--clause---zoom-in { background: url(../i/offices-article--map--zoom-in.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: 8px;} .b-places-article--map--controls--clause---zoom-out { background: url(../i/offices-article--map--zoom-out.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: 8px;} .b-places-article--route { font-size: 16px; line-height: 32px; color: #757575; margin-top: 24px;} .b-places-article--route p { margin-top: 16px;} .b-places-article--route p:first-child { margin-top: 0;} .b-places-article--requisites { font-size: 16px; line-height: 32px; color: #757575; margin-top: 24px;} .b-places-article--requisites table { width:100% !important;} .b-places-article--requisites p { margin-top: 16px;} .b-places-article--requisites p:first-child { margin-top: 0;} .b-places-article--schedule { display: inline-block; width: 50%; box-sizing: border-box; margin-top: 40px; padding-left: 36px; vertical-align: top;} .b-places-article--schedule--title { position: relative; font-size: 18px; line-height: 32px; font-weight: 600; max-width: 370px;} .b-places-article--schedule--title:before { position: absolute; top: 12px; left: -36px; width: 8px; height: 8px; border-radius: 4px; background: #6BD0C3; content: "";} .b-places-article--schedule--contents { display: inline-block; font-size: 16px; line-height: 24px; color: #757575; margin-top: 12px; margin-left: 30px;} .b-places-article--schedule--contents:first-of-type { margin-left: 0;} .b-loyalties {} .b-loyalties--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 24px;} .b-loyalties--clause { position: relative; padding: 24px 96px 24px 0; border-bottom: 1px solid #DCE1E1;} .b-loyalties--clause:last-of-type { border-bottom: 0;} .b-loyalties--clause--title { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px;} .b-loyalties--clause--description { font-size: 14px; line-height: 24px; margin-top: 8px; color: #757575;} .b-loyalties--clause--picture { position: absolute; top: 24px; right: 0; width: 60px;} .b-loyalties--clause--picture--entity { display: block; max-width: 100%;} .b-specials { margin-top: 80px;} .b-specials:first-child { margin-top: 0;} .b-specials--title { font-family: "Inter"; font-weight: 500; font-size: 40px; line-height: 42px; color: #333; margin-bottom: 24px;} .b-specials--collection { font-size: 0; line-height: 0; margin-top: 10px;} .b-specials--description { font-size: 20px; line-height: 36px; color: #757575; margin-top: 24px;} .b-specials--clause { display: inline-block; width: 270px; height: 270px; vertical-align: top; background: #f5f5f5; border-radius: 6px; margin: 30px 30px 0 0;} .b-specials--clause:nth-child(3n) { margin-right: 0;} .b-specials--clause--link { display: block; position: relative; padding: 24px; height: 100%; text-decoration: none; box-sizing: border-box;} .b-specials--clause--type { display: block; position: relative; font-size: 14px; color: #757575; line-height: 14px; padding-left: 16px;} .b-specials--clause--type:before { position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-radius: 4px; background: #6BD0C3; margin-top: -4px; content: "";} .b-specials--clause--title { display: block; font-size: 18px; line-height: 26px; font-weight: 600; color: #333; margin-top: 20px; letter-spacing: -0.3px; overflow: hidden; max-height: 104px;} .b-specials--clause--date { position: absolute; left: 24px; bottom: 24px; font-size: 14px; line-height: 14px; color: #757575;} .b-specials--action { margin-top: 30px;} .product-factoring iframe { max-width:100%;} @media screen and (max-width: 1024px), screen and (max-height: 600px) and (orientation: landscape) and (pointer: coarse) { .b-popup---person .b-popup--inside { width: 570px;} .b-news-article--author { position: relative; margin-top: 30px 0 36px 0; width: auto; top: auto; left: auto;} .b-news-article--author--title { font-size: 18px; line-height: 24px; text-align: left;} .b-news-article--author--description { text-align: left;} .b-news-article--author--site { text-align: left;} .b-news-article--author--site--picture--entity { margin: 0;} .b-news-article--author--description { margin-top: 6px;} .b-contents--successes--clause { margin: 48px 125px 0 0;} .b-contents--successes--clause:nth-child(3n) { margin-right: 125px;} .b-contents--successes--clause:nth-child(even) { margin-right: 0;} .b-secondary-menu--delimiter { display: none;} .b-primary-menu--mobile { display: block;} .b-primary-menu--mobile:last-child { display: none;} .b-news-article { padding-left: 0;} .b-specials { margin-top: 60px;} .b-specials--clause:nth-child(3n) { margin-right: 30px;} .b-specials--clause:nth-child(2n) { margin-right: 0;} .b-services-references--title { display: block; width: auto; padding-top: 0;} .b-services-references--collection { display: block; width: auto; margin: 48px -227px 0 -227px; overflow: auto; -webkit-overflow-scrolling: touch; white-space: nowrap;} .b-services-references--clause { white-space: normal;} .b-services-references--clause:first-child { margin-left: 227px;} .b-services-references--clause:last-child { margin-right: 227px;} .b-services-article--description { font-size: 16px; line-height: 32px; margin-top: 24px;} .b-corporation--tabs { margin-left: -227px; margin-right: -227px; overflow: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; border-bottom: 1px solid #DCE1E1;} .b-corporation--tabs .b-tabs--clause:first-child { margin-left: 227px;} .b-corporation--tabs .b-tabs--clause:last-child { margin-right: 227px;} .b-corporation--tabs:before { display: none;} .b-requisites--clause--actions { display: none;} .b-vacancies--contents { margin-top: 60px;} .b-accordion---conditioned .b-accordion--opener { padding-right: 100px;} .b-accordion--opener--conditions { position: relative; top: auto; right: auto; text-align: left; margin-top: 12px;} .b-accordion---conditioned .b-accordion--opener--description { min-height: 0;} .b-accordion--opener--conditions--clause { display: inline-block; width: 50%; margin-left: 0;} .b-places--filter { position: relative; top: auto; right: auto; margin: 0 auto 30px auto; width: 570px; padding: 0;} .b-places--filter .b-checkbox-field { display: inline-block; margin: 24px 30px 0 0;} .b-places--filter .b-checkbox-field:first-child { margin: 24px 30px 0 0;} .b-places--filter .b-places--filter--section---offices, .b-places--filter .b-places--filter--section---atms { margin-top: -24px;} .b-places-article--section---main { padding-right: 0; margin-bottom: 0;} .b-places-article--map { position: relative; top: auto; right: auto; margin-top: 30px;} .b-copyright { display: block; width: auto;} .b-social-menu { display: block; width: auto; margin: 24px 0 0 0;} .b-search-form---footer { display: block; width: auto; margin: 24px 0 0 0;} .l-header .top .b-search-form---footer { margin:0;} .b-footer-information { font-size: 0; line-height: 0;} .b-menu-information-mobile-data { margin: 0 -30px;} .b-footer-information--clause, .b-footer-information--clause--double { float: none; font-size: 12px; line-height: 24px; display: inline-block; width: calc(50% - 45px); margin: 18px 20px 0; vertical-align: top;} .b-footer-information—clause-wrapper2 .c-footer-information--clause{ width:auto;} .c-footer-information--clause { margin-top:18px !important;} .b-places---list .b-places--map { display: block;} .b-places--section---first { width: 570px;} .b-places--modes { display: none;} .b-places--map { height: 560px; margin-bottom: 0;} .b-places--map--canvas { height: 560px;} .b-places--collection { display: block; width: 570px;} .b-places--collection--section---first { display: block; width: 570px;} .b-places--map--controls { margin-left: -285px;} .b-primary-menu--concealment--section--column { width: calc(100% - 30px); max-width: 100%;} .b-primary-menu--collection { font-size: 0; line-height: 0;} .b-primary-menu--collection--clause { display: inline-block; width: 270px; vertical-align: top;} .b-primary-menu--collection--clause:nth-child(odd) { margin-left: 30px;} .l-outer { min-width: 770px;} .l-header { min-width: 770px;} .l-header .l-header--section { width: 570px;} .b-header-menu { float: right; padding-left: 0;} .b-header-menu--clause { display: none;} .b-header-menu--clause:nth-child(4n) { display: block;} .b-header-menu--clause---language { display: block; margin-left: 30px;} .l-content--section { width: 570px; margin: 48px auto 0 auto;} .l-content--section:last-child { margin-bottom: 48px;} .l-content--section---wide { overflow: hidden; width: auto; margin: 0;} .l-content--section---bordered { padding-top: 48px;} .l-footer--section { width: 570px;} .b-cover--inside { width: 570px;} .b-cover--stocks { display: none;} .b-cover--title { font-size: 48px; line-height: 52px; max-width: 380px;} .b-cover--description { font-size: 18px; line-height: 32px; max-width: 320px;} .b-cover--background { margin-left: -515px;} .padding-0 .b-cover--background { margin-left: -110%;} .b-widgets--section---rates { margin: 30px 0 0 0;} .b-widgets--section---consultations { margin-top: 30px;} .b-news-references--title { margin-bottom: 30px;} .b-news-references--clause:nth-child(4n), .b-news-references--clause:nth-child(5n) { display: none;} .b-news-references--subscribe { display: none;} .b-transfer-form--description { width: 420px; margin: 20px auto 0 auto;} .l-content--section---double .l-content--section--column---first { float: none; width: auto;} .b-calculator---deposits .img-bottom{width:100%;} .l-content--section---double.b-calc-section .l-content--section--column---second { margin-top: -255px; position: relative;} .l-content--section---double .l-content--section--column---second { float: none; width: auto; margin-top: 30px;} .l-content--section---double-reversed .l-content--section--column---first { float: none; width: auto;} .l-content--section---double-reversed .l-content--section--column---second { float: none; width: auto; margin-top: 30px;} .b-footer-menu { font-size: 0; line-height: 0; margin-top: -30px;} .b-footer-menu--section { float: none; display: inline-block; vertical-align: top; margin: 30px 0 0 0;} .b-footer-menu--section:nth-child(2n) { margin-left: 30px;} .b-general-phone { float: none; position: absolute; top: -45px; left: 206px; font-size: 16px; line-height: 48px; height: 48px;} .l-header---inverted .b-general-phone--link { color: #fff;}b-calc-section .b-calculator---deposits .b-accordion--opener--conditions--clause { width: auto; margin-bottom: 20px; margin-right: 20px;} .b-calculator---deposits .b-calculator--form--fieldset---period .b-radio-field:first-of-type{margin-left:60px;} .b-search--title { font-size: 40px; line-height: 40px; margin-bottom: 30px;} .b-search .b-search-form { margin-bottom: 30px;} .b-services--title { font-size: 48px; line-height: 52px;} .b-services--section--title { display: block; width: auto; padding-top: 0;} .b-services--collection { display: block; width: auto; margin: 48px -227px 0 -227px; overflow: auto; -webkit-overflow-scrolling: touch; white-space: nowrap;} .b-services--clause { white-space: normal;} .b-services--clause:first-child { margin-left: 227px;} .b-services--clause:last-child { margin-right: 227px;} .b-services--clause--description { display: none;} .b-rates--description { position: relative; top: auto; right: auto; margin-top: 12px; text-align:left;} .disclaimer { font-size:14px;} .b-rates--currencies { margin-top: 30px;} .b-secondary-menu { font-size: 0; line-height: 0; padding-top: 0;} .b-secondary-menu--clause { display: inline-block; width: 270px; vertical-align: top;} .b-secondary-menu--clause:nth-child(odd) { margin-left: 30px;} .b-secondary-menu--title { padding-top: 0;} .b-secondary-menu---transformable { margin: 0 -227px; overflow: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; min-height: 42px; font-size: 0; line-height: 0; padding-top: 0;} .b-secondary-menu---transformable .b-secondary-menu--clause { display: inline-block; background: #f5f5f5; height: 42px; padding: 0 16px; font-size: 14px; font-weight: 500; color: #BABABA; line-height: 40px; border: 1px solid #f5f5f5; margin: 0 0 0 16px; border-radius: 6px; width: auto; box-sizing: border-box;} .b-secondary-menu---transformable .b-secondary-menu--clause--link, .b-secondary-menu---transformable .b-secondary-menu--clause--link:hover { color: #BABABA;} .b-secondary-menu---transformable .b-secondary-menu--clause:nth-child(odd) { margin-left: 16px;} .b-secondary-menu---transformable .b-secondary-menu--clause:first-child { margin-left: 227px;} .b-secondary-menu---transformable .b-secondary-menu--clause:last-child { margin-right: 227px;} .b-secondary-menu---transformable .b-secondary-menu--clause---current { background: #fff; border: 1px solid #6BD0C3;} .b-secondary-menu---transformable .b-secondary-menu--clause---current .b-secondary-menu--clause--link, .b-secondary-menu---transformable .b-secondary-menu--clause---current .b-secondary-menu--clause--link:hover { color: #6BD0C3;} .b-anchor-menu { display: none;} .b-calculator--title { margin-bottom: 48px;} .b-calculator---leasing .b-calculator--section---first { float: none; width: auto;} .b-calculator---leasing .b-calculator--section---second { float: none; width: auto; margin-top: 48px;} .b-calculator---mortgages .b-calculator--title { max-width: 440px;} .b-calculator---mortgages .b-calculator--section---first { float: none; width: auto;} .b-calculator---mortgages .b-calculator--section---second { float: none; width: auto; margin-top: 48px;} .b-calculator---deposits .b-calculator--form--fieldset---amount { display: block; width: auto; margin: 30px 0 0 0;} .b-calculator---deposits .b-calculator--form--fieldset---limitation { display: block; width: auto; margin: 30px 0 0 0;} .b-calculator---acquiring .b-calculator--section---first { float: none; width: auto;} .b-calculator---acquiring .b-calculator--section---second { float: none; width: auto; margin-top: 48px;} .b-offers .b-offers--description { margin-bottom: 0;} .b-offers--clause---quaternary { width: 270px; height: 270px; padding: 60px 24px 0 24px;} .b-offers--clause---quaternary .b-offers--clause--form { display: none;} .b-offers--clause---quaternary .b-offers--clause--link { height: 270px; margin: -60px -24px 0 -24px; padding: 60px 24px 0 24px;} .b-offers--clause---quaternary .b-offers--clause--background { width: 270px; height: 270px; margin-left: -135px;} .b-offers--clause---quaternary .b-offers--clause--division { left: 24px;} .b-offers--clause---quaternary .b-offers--clause--title { font-size: 24px; line-height: 32px; max-width: 220px;} .b-offers--clause---quaternary .b-offers--clause--description { font-size: 14px; line-height: 24px; max-width: 220px; margin-top: 12px; opacity: 0;} .b-offers--clause---quaternary:hover .b-offers--clause--background { opacity: 0;} .b-offers---interactive { padding-left: 0; min-height: 0;} .b-offers--clause---double { width: 270px; height: 270px; padding: 60px 24px 0 24px;} .b-offers--clause---double .b-offers--clause--link { height: 270px; margin: -60px -24px 0 -24px; padding: 60px 24px 0 24px;} .b-offers--clause---double .b-offers--clause--background { display: block;} .b-offers--clause---double .b-offers--clause--background---double { display: none;} .b-offers---interactive .b-offers--clause:first-of-type { position: relative; top: auto; left: auto;} .b-transfer-form--card---receiver { margin-left: 0; margin-top: 48px;} .transferblock { padding-top:50px;} .transferblock .b-transfer-form--card { height:288px; margin:45px 0 0;} .transferblock .b-transfer-form--card---receiver::before { top:-38px;} .b-transfer-form--card---receiver:before { right: auto; top: -36px; left: 50%; margin: 0 0 0 -12px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .b-transfer-form--details { width: 450px; margin-top: 30px;} .b-transfer-form--fieldset---submit { width: 450px;} .b-transfer-form--details--fieldset---amount { display: block; width: auto;} .b-transfer-form--details--commission { padding-left: 0; margin-left: 0;} .b-transfer-form--details--total { padding-left: 0; margin-left: 0;} .b-transfer-form--details--fieldset---agreement { display: block; width: 75%; padding-top: 24px; display: inline-block;} .b-contents ul { font-size: 16px; line-height: 32px; margin-top: 24px;} .b-contents ul:first-child { margin-top: 0;} .b-contents dl dt { width: 40%;} .b-contents dl dd { width: 60%; margin: 0; padding-left: 24px; box-sizing: border-box;} .b-products-article--variations { margin-top: 60px;} .b-products-article--variations:first-child { margin-top: 0;} .b-products-article--details { margin-top: 60px;} .b-products-article--details:first-child { margin-top: 0;} .b-products-article--additions { margin-top: 60px;} .b-products-article--additions:first-child { margin-top: 0;} .b-products-article--offers { margin-top: 60px;} .b-products-article--offers:first-child { margin-top: 0;} .b-products-article--documents { margin-top: 60px;} .b-products-article--documents:first-child { margin-top: 0;} .b-products-article--variations--compare-button { display: none;} .b-rates--keyrates--caption--clause { width: 30%;} .b-rates--keyrates--caption--clause:first-child { width: 70%;} .b-rates--keyrates--contents dl dt { width: 70%;} .b-rates--keyrates--contents dl dd { width: 30%;} .b-news--clause { margin: 30px 0 0 0;} .b-news--clause:nth-child(3n) { margin: 30px 0 0 0;} .b-news--clause:nth-child(odd) { margin-right: 30px;} .b-general-phone---footer { position: relative; display: inline-block; width: 270px; margin-right: 30px; top: auto; left: auto; height: 36px; line-height: 36px; margin: 24px 0 0 0; vertical-align: top;} .b-general-phone---footer .b-general-phone--link { height: 36px;} .b-social-menu---footer { display: inline-block; min-width: 270px; vertical-align: top;} .b-social-menu---footer .b-social-menu--clause:first-child { margin-left: 20px;} .b-popup---static .b-popup--inside { width: 570px;} } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-height: 500px) and (orientation: landscape) and (pointer: coarse) { .b-places--filter--section.b-places--filter--section---offices label.b-checkbox-field { margin-left: 0; margin-bottom: 15px;} .b-news-references--clause:first-of-type,.b-news-references--clause:nth-of-type(2n-1) { margin-left: 0;} .b-places--filter--section.b-places--filter--section---atms label.b-checkbox-field { margin-left: 0; margin-bottom: 15px;} .b-places--map--balloon---mini { width: 216px; padding: 12px 18px;} .b-places--map--balloon---mini .b-places--map--balloon--title { font-size: 14px; line-height: 18px; padding: 0 18px 12px 18px; margin: 0 -18px;} .b-places--map--balloon---mini .b-places--map--balloon--address { font-size: 14px; line-height: 22px; margin-top: 12px;} .b-primary-menu--mobile:last-child { display: block;} .l-outer---mobilized { display: none;} .b-popup---person .b-popup--inside { width: auto; padding: 42px 42px;} .b-popup--person--section--title { font-size: 18px; line-height: 24px;} .b-popup--person--title { font-size: 24px; line-height: 32px;} .b-popup--person--position { font-size: 14px; line-height: 24px;} .b-popup---person .b-contents table { display: block;} .b-popup---person .b-contents table tbody { display: block;} .b-popup---person .b-contents table tr { display: block; margin-top: 24px;} .b-popup---person .b-contents table td { display: block; padding-top: 6px;} .b-popup---person .b-contents table td:first-child { color: #303030;} .b-popup---person .b-contents table tr:first-child { display: none; margin-top: 0;} .b-ratings--clause--title--entity, .b-ratings--clause--title--value { display: block; float: none;} .b-ratings--clause--title--entity { font-size: 18px; line-height: 24px;} .b-ratings--clause--title--value { border-left: 0; margin-left: 0; padding-left: 0; margin-top: 2px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 600; line-height: 24px; color: #757575;} .b-ratings--clause--title--prediction { display: block; float: none; margin-top: 2px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; color: #757575;} .l-content--section---breadcrumbs { display: none;} .b-timeline:before { display: none;} .b-timeline--mover { display: none;} .b-timeline--collection { margin: 0 -105px; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0;} .b-timeline--collection:before, .b-timeline--collection:after { display: none;} .b-timeline--collection--inside { padding-bottom: 0; margin-left: 0 !important;} .b-timeline--clause { display: inline-block; background: #f5f5f5; height: 42px; padding: 0 16px; font-size: 14px; font-weight: 500; color: #BABABA; line-height: 40px; border: 1px solid #f5f5f5; margin: 0 0 0 16px; border-radius: 6px; width: auto; box-sizing: border-box;} .b-timeline--clause:first-child { margin-left: 105px;} .b-timeline--clause:last-child { margin-right: 105px;} .b-timeline--clause--link { color: #bababa; padding-bottom: 0;} .b-timeline--clause--link:before { display: none;} .b-timeline--clause---current { background: #fff; border: 1px solid #174882;} .b-timeline--clause---current .b-timeline--clause--link { color: #174882;} .b-timeline--clause---current .b-timeline--clause--link:after { display: none;} .b-ratings--timeline { margin: 30px 0 48px 0;} .b-news-article--title { font-size: 32px; line-height: 40px;} .b-loyalties--title { font-size: 24px; line-height: 32px; margin-bottom: 6px;} .b-loyalties--clause--title { font-size: 18px; line-height: 26px;} .b-specials { margin-top: 48px;} .b-specials--title { font-size: 24px; line-height: 32px; margin-bottom: 0;} .b-specials--collection { margin-top: 0;} .b-specials--clause { margin: 30px 0 0 0;} .b-specials--clause:nth-child(2n) { margin: 30px 0 0 0;} .b-services-references--title { font-size: 24px; line-height: 32px;} .b-services-references--collection { margin: 24px -105px 0 -105px;} .b-services-references--clause:first-child { margin-left: 105px;} .b-services-references--clause:last-child { margin-right: 105px;} .b-services-references--clause { width: 170px;} .b-services-references--clause--picture { width: 100px; height: 100px;} .b-services-references--clause--title { font-size: 18px; line-height: 24px;} .b-services-article--title { font-size: 24px; line-height: 32px;} .b-services-article--contents { margin-top: 48px;} .b-services-article--documents { margin-top: 48px;} .b-services-article--documents--title { font-size: 24px; line-height: 32px; margin-bottom: 24px;} .b-services-article--questions { margin-top: 48px;} .b-services-article--questions--title { font-size: 24px; line-height: 32px; margin-bottom: 24px;} .b-services-article--description { font-size: 14px; line-height: 24px;} .b-accordion---reduced .b-accordion--opener--title { font-size: 14px; line-height: 24px;} .b-services--title { font-size: 32px; line-height: 36px; margin-bottom: 0;} .b-services--section--title { font-size: 24px; line-height: 32px;} .b-services--collection { margin: 24px -105px 0 -105px;} .b-services--clause:first-child { margin-left: 105px;} .b-services--clause:last-child { margin-right: 105px;} .b-services--clause { width: 170px;} .b-services--clause--picture { width: 100px; height: 100px;} .b-services--clause--title { font-size: 18px; line-height: 24px;} .b-services--section { margin-top: 42px; padding-top: 42px;} .b-requisites--title { font-size: 24px; line-height: 32px; margin-bottom: 30px;} .b-requisites--clause--title { font-size: 18px; line-height: 24px;} .b-requisites--clause--actions { display: none;} .b-officials--title { font-size: 24px; line-height: 32px; margin-bottom: 30px;} .b-vacancies--title { font-size: 24px; line-height: 32px;} .b-vacancies--description { font-size: 16px; line-height: 32px; margin-top: -32px; margin-bottom: 30px;} .b-vacancies--tabs { margin-bottom: 42px;} .b-corporation--title { font-size: 24px; line-height: 32px;} .b-corporation--description { font-size: 16px; line-height: 32px; margin-top: -32px; margin-bottom: 30px;} .b-corporation--tabs { margin-bottom: 42px;} .b-calculator---deposits .b-calculator--form--fieldset---options .b-checkbox-field { display: block; margin: 18px 0 0 0;} .b-calculator---deposits .b-calculator--form--fieldset---options .b-checkbox-field:first-child { margin-top: 0;} .b-calculator---deposits .b-calculator--form--fieldset---period .b-radio-field { display: block; margin: 18px 0 0 0;} .b-calculator---deposits .b-calculator--form--fieldset---period .b-radio-field:first-child { margin-top: 0;} .b-accordion--opener--conditions { margin-top: 0;} .b-accordion--opener--conditions--clause { display: block; width: auto; margin: 22px 0 0 0;} .b-places--filter { width: 270px;} .b-places--filter .b-checkbox-field { display: block; margin: 24px 0 0 0;} .b-places--filter .b-checkbox-field:first-child { margin: 0;} .b-places--filter .b-places--filter--section---offices, .b-places--filter .b-places--filter--section---atms { margin-top: 0;} .b-places--switcher { font-size: 20px; line-height: 32px;} .b-places--switcher--toggle { margin-top: 8px;} .b-places--collection--clause--schedule--clause { display: block; margin: 12px 0 0 0;} .b-places--collection--clause--schedule--clause:first-child { margin-top: 0;} .b-places--collection--clause--metro { font-size: 16px;} .b-places--map--controls { width: 40px;} .b-places--map--controls--clause { width: 40px; height: 40px;} .b-places--section---first { width: 270px;} .b-places--modes { display: none;} .b-places--map { height: 270px; margin-bottom: 0;} .b-places--map--canvas { height: 270px;} .b-places--collection { display: block; width: 270px;} .b-places--collection--section---first { display: block; width: 270px;} .b-places--map--controls { margin-left: -135px;} .l-outer { min-width: 270px; padding-top: 96px;} .l-header { min-width: 270px;} .l-header .l-header--section { width: 290px;} .l-header .l-header--section---second { height: 48px;} .b-header-menu { display: none;} .l-content--section { width: 100%; padding:0 15px; margin: 42px auto 0 auto; box-sizing:border-box;} .l-content--section:last-child { margin-bottom: 42px;} .l-content--section---wide { overflow: hidden; width: 100%; padding:0; margin: 0;} .l-content--section---bordered { padding-top: 42px;} .l-footer--section { width: 270px;} .b-logo { top: 11px; width: 120px; height: 25px; background: url(../i/b-logo.svg?t) no-repeat 0 0; background-size: 100% 100%;} .b-logo---en { background-image: url(../i/b-logo-en.svg?t);} .b-banks-dropdown { display: none;} .b-cover--inside { width: 270px; height: 300px; padding-top: 42px;} .b-cover--stocks { display: none;} .b-cover--title { font-size: 32px; line-height: 36px; max-width: 240px;} .b-cover--description { font-size: 16px; line-height: 28px; max-width: 240px;} .b-cover--background { width: 1032px; margin-left: -585px; opacity: .2;} .b-cover--action { position: relative; bottom: 0; left: 0; margin-top: 30px;} .b-general-phone { left: auto; right: 0; display: none;} .b-mobile-menu { display: block; position: absolute; top: 50%; right: 38px; height: 24px; font-size: 0; line-height: 0; text-align: right; margin-top: -12px;} .b-mobile-menu--clause { display: inline-block; width: 24px; height: 24px; margin-left: 18px; text-indent: -9999px; float:left;} .b-mobile-menu--clause:first-child { margin-left: 0;} .b-mobile-menu--clause--link { display: block; position: relative; height: 100%;} .b-mobile-menu--clause---phone .b-mobile-menu--clause--link { background: url(../i/mobile-contacts-phone.svg) no-repeat 0 0; background-size: 100% 100%;} .b-mobile-menu--clause---offices .b-mobile-menu--clause--link { background: url(../i/mobile-contacts-offices.svg) no-repeat 0 0; background-size: 100% 100%;} .b-mobile-menu--clause---client .b-mobile-menu--clause--link { background: url(../i/mobile-contacts-client.svg) no-repeat 0 0; background-size: 100% 100%;} .b-primary-menu--divisions { height: 48px; line-height: 48px; padding-left: 48px;} .b-primary-menu--divisions--clause { margin-left: 10px;} .b-primary-menu--divisions--clause:first-child { margin-left: 0;} .b-primary-menu--collection--clause { display: block; width: auto;} .b-primary-menu--collection--clause:nth-child(odd) { margin-left: 0;} .b-footer-menu--section { display: block; width: auto; margin: 30px 0 0 0;} .b-footer-menu--section:nth-child(2n) { margin-left: 0;} .b-copyright { display: block; width: auto;} .b-social-menu { display: block; width: auto; margin: 24px 0 0 0;} .b-search-form---footer { display: block; width: auto; margin: 24px 0 0 0;} .b-footer-information--clause, .b-footer-information--clause--double { float: none; display: block; width: auto; margin: 18px 0 0 0;} .b-footer-information--clause:first-child { margin-top: 0;} .b-widgets--section { margin-left: 0;} .b-widgets--section---map { position: relative; width: 270px;} .b-transfer-form .b-transfer-form--title { font-size: 32px; line-height: 40px;} .b-transfer-form .b-transfer-form--description { width: auto; font-size: 16px; line-height: 26px;} .b-news-references--title { font-size: 32px; line-height: 40px;} .b-news-references--clause { display: block; margin: 30px 0 0 0;} .b-offers { margin-left: 0;} .b-offers--clause { margin-left: 0;} .b-offers .b-offers--title { font-size: 32px; line-height: 40px;} .b-offers .b-offers--description { font-size: 16px; line-height: 26px;} .b-documents--clause { padding-right: 0; margin-top: 24px;} .b-documents--clause--link { padding-right: 0;} .b-documents--clause--size { display: block; position: relative; top: auto; right: auto; margin-top: 12px;} .b-products-article--documents--title { font-size: 24px; line-height: 32px; margin-bottom: 24px;} .b-products-article--offers--title { font-size: 24px; line-height: 32px; margin-bottom: 24px;} .b-products-article--additions--title { font-size: 24px; line-height: 32px; margin-bottom: 24px;} .b-accordion--opener--title { font-size: 18px; line-height: 24px;} .b-accordion--opener { padding: 24px 100px 24px 24px;} .b-accordion--opener { padding: 24px 65px 24px 24px;} .b-accordion--concealment--inside { padding: 24px;} .b-accordion--concealment:before { left: 24px; right: 24px;} .b-accordion--concealment--action { margin-top: 24px;} .b-products-article--variations { margin-top: 48px;} .b-products-article--variations:first-child { margin-top: 0;} .b-products-article--details { margin-top: 48px;} .b-products-article--details:first-child { margin-top: 0;} .b-products-article--additions { margin-top: 48px;} .b-products-article--additions:first-child { margin-top: 0;} .b-products-article--offers { margin-top: 48px;} .b-products-article--offers:first-child { margin-top: 0;} .b-products-article--documents { margin-top: 48px;} .b-products-article--documents:first-child { margin-top: 0;} .b-products-article--details--title { font-size: 24px; line-height: 32px;} .b-products-article--details--description { font-size: 16px; line-height: 32px; margin-bottom: 24px;} .b-products-article--details--contents { margin-top: 24px;} .b-products-article--variations--title { font-size: 24px; line-height: 32px; margin-bottom: 24px;} .b-products-article--variations--description { font-size: 16px; line-height: 32px; width: auto; margin-bottom: 24px; margin-top: -12px;} .b-contents h2 { font-size: 24px; line-height: 32px; margin: 48px 0 24px 0;} .b-contents h3 { font-size: 18px; line-height: 24px;} .b-contents p { font-size: 14px; line-height: 24px;} .b-contents ul { font-size: 14px; line-height: 24px;} .b-contents ul li:before { top: 8px;} .b-accordion---chargeable .b-accordion--opener { padding-right: 72px;} .b-accordion--opener--price { display: block; top: auto; right: auto; width: auto; position: relative; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; margin-top: 12px;} .b-accordion--concealment--conditions--clause { display: block; width: auto; margin: 30px 0 0 0;} .b-accordion--concealment--conditions--clause:first-child { margin-top: 0;} .b-calculator--title { font-size: 24px; line-height: 32px; margin-bottom: 30px;} .b-calculator---mortgages .b-calculator--title { max-width: 240px;} .b-calculator--purification { text-indent: -9999px; width: 16px; padding: 0; top: 6px;} .b-calculator--results { padding: 30px 24px;} .b-search--title { font-size: 24px; line-height: 32px; margin-bottom: 24px;} .b-search--clause--title { font-size: 16px; line-height: 16px;} .b-search--clause--description { font-size: 14px; line-height: 20px;} .b-search--clause--count { font-size: 16px; line-height: 16px;} .b-search--clause { padding-left: 30px; margin-top: 24px;} .b-popup { padding: 0; position: fixed; background:#fff;} .b-popup---form .b-popup--inside { position: relative; width: auto; padding: 42px 0;} .b-popup-form { width: 100%; margin: 0 auto; height:100%;} .b-popup-form--title { font-size: 24px; line-height: 32px;} .b-popup---static .b-popup--inside { width: auto; padding: 42px 42px;} .b-popup--title { font-size: 24px; line-height: 32px; margin-bottom: 30px;} .l-outer:after { background: #fff;} .b-rates--title { font-size: 24px; line-height: 32px;} .b-news--clause { margin: 30px 0 0 0;} .b-news--title { font-size: 24px; line-height: 32px;} .b-news--description { font-size: 16px; line-height: 32px; margin-top: 18px;} .b-news--social { margin-top: 18px;} .b-secondary-menu--clause:nth-child(odd) { margin-left: 0;} .b-secondary-menu---transformable .b-secondary-menu--clause:nth-child(odd) { margin-left: 16px;} .b-secondary-menu---transformable { margin: 0 -105px;} .b-secondary-menu---transformable .b-secondary-menu--clause:first-child { margin-left: 105px;} .b-secondary-menu---transformable .b-secondary-menu--clause:last-child { margin-right: 105px;} .b-primary-menu--concealment--section--column { width: 270px; margin: 0;} .b-primary-menu--collection--title { font-size: 18px; line-height: 24px;} .b-transfer-form--card { display: block; width: auto; height: 246px; padding: 16px 16px 0 16px; border-radius: 6px; margin: 30px -15px 0 -15px;} .b-transfer-form--card--fieldset { margin-top: 16px;} .b-transfer-form--card--fieldset---date { padding-right: 8px;} .b-transfer-form--card--fieldset---cvv { padding-left: 8px;} .b-transfer-form--card---receiver { margin-top: 42px;} .b-transfer-form--card---receiver:before { top: -32px;} .b-transfer-form--details { width: 270px; margin-top: 24px;} .b-transfer-form--fieldset---submit { width: 270px;} .b-transfer-form--details--commission--title { font-size: 12px; line-height: 18px;} .b-transfer-form--details--commission--contents { font-size: 20px; line-height: 20px;} .b-transfer-form--details--total--title { font-size: 12px; line-height: 18px;} .b-transfer-form--details--total--contents { font-size: 20px; line-height: 20px;} .b-footer-information--clause:nth-child(even) { margin-right: 30px; margin-left: 0;} .b-general-phone---footer { display: block; width: auto; height: 24px; line-height: 24px;} .b-general-phone---footer .b-general-phone--link { height: 24px;} .b-social-menu---footer { width: 100%; justify-content: space-between;} .b-social-menu---footer .b-social-menu--clause:first-child { margin-left: -12px;} .b-places-article--schedule { display: block; width: auto; margin-top: 30px;} .b-places-article--schedule--contents { display: block; margin-left: 0;} .b-places-article--phone { display: block; margin-left: 0;} .b-places-article--map { width: 270px;} .b-shareholders-statics--title { font-size: 24px; line-height: 32px;} .b-shareholders-files--title { font-size: 24px; line-height: 32px;} .b-shareholders-files--description { font-size: 16px; line-height: 32px; margin-top: -32px; margin-bottom: 30px;} .b-tabs { margin-left: -105px; margin-right: -105px; overflow: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; border-bottom: 1px solid #DCE1E1;} .b-tabs--clause:first-child { margin-left: 105px;} .b-tabs--clause:last-child { margin-right: 105px;} .b-tabs:before { display: none;} .b-corporation--tabs { margin-left: -105px; margin-right: -105px;} .b-corporation--tabs .b-tabs--clause:first-child { margin-left: 105px;} .b-corporation--tabs .b-tabs--clause:last-child { margin-right: 105px;} .b-shareholders-files--tabs { margin-bottom: 42px;} .b-contents dl dt { display: block; width: auto; font-size: 14px; line-height: 24px;} .b-contents dl dd { display: block; width: auto; padding: 0; margin-top: 6px; font-size: 14px; line-height: 24px;} .b-contents--sj { margin-top: 48px;} .b-contents--sj--picture { width: auto; height: 60px;} .b-contents--sj--picture--entity { width: auto; height: 100%;} .b-contents--sj--contents { padding: 60px 0 0 0; margin: 0;} .b-contents--successes--inside { text-align: center;} .b-contents--successes--clause { margin: 36px 0 0 0;} .b-contents--successes--clause:nth-child(3n) { margin-right: 0;} .b-contents--successes--clause:nth-child(even) { margin-right: 0;} .b-contents--successes--clause--title { font-size: 18px; line-height: 26px; margin-top: 12px;} ul.forms_ul li > p.active, ul.forms_ul li > p { background-position: 97% center !important; font-size: 11px;} .forms_ul .b-text-field span { font-size: 14px !important; overflow: hidden; height: 20px; left: 5px;} .forms_ul .b-text-field span.focus { left: -25px !important;} .b-checkbox-field { margin-left: 0;} .widget { bottom: 100px !important;} .b-select--dropdown { max-width:100%;} .b-select--dropdown--clause { height:auto; white-space:normal; overflow:auto; line-height:1; padding:16px 24px;} } .slick-slide img { display: block;} @media screen and (max-width: 768px), screen and (max-height: 600px) and (orientation: landscape) and (pointer: coarse)){ .b-cover--background { margin-left: -386px;} } .small_28 { font-size: 28px !important;} .consult-request-block { margin: 20px 0;} .link_online { color: #333 !important; font-family: "Inter", serif; font-size: 24px;} .hidden-desktop { display: none;} .b-transfer-form--details--fieldset---commission { width: 25%; margin-top: 24px; display: inline-block;} .b-places--collection-mobile { display: none;} .map-balloon-data { display: none;} .seminar-player-video { width: 870px; height: 540px;} .b-history--clause--contents { font-size: 16px; line-height: 32px; color: #757575; margin-top: 18px; display: flex;} .history-content-img { padding-right: 30px;} .seminars-title { margin-top: 16px;} .sorter { float: left;} .sorter_label { float: left; margin-right: 9px;} .sort-by { float: left;} .sorter .sort-by li.active { color: #174882;} .sorter .sort-by li { float: left; margin: 0 9px;} .coin_counter { float: left; margin-left: 30px;} .counter_label { display: inline; cursor: pointer;} .monety-sort { line-height: 18px; padding: 8px 0;} .monety-sort:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden;} .counter_list { display: none; position: absolute; left: 0; top: 100%; background: #D9ECF7; padding: 3px 0 6px; border-radius: 0 0 4px 4px; z-index: 100;} .monety-filter { display: flex; align-items: center; justify-content: space-between;} .main-form { padding: 8px 15px; background: #D9ECF7; border-radius: 16px; font-size: 14px; color: #757575; line-height: 14px; margin-bottom: 18px;} .coin_counter_select:hover .counter_current { border-bottom: none; padding-bottom: 1px;} .coin_counter_select:hover .counter_list { display: block;} .coin_counter_select { display: inline; position: relative; padding: 0 10px;} .mobile { display: none;} .coin_counter .counter_list li a { display: block; padding: 2px 10px;} .b-checkbox-field--label.mobile { display: block;} .b-metro-ballon-closer { position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; cursor: pointer;} .b-metro-ballon-closer:before { position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; background: url(../i/b-popup--closer.svg) no-repeat 0 0; background-size: 100% 100%; margin: -9px 0 0 -9px; transition: .6s; content: "";} .metro-ballon-leftmenu { display: inline-block;} .metro-ballon-leftmenu-item { display: inline-block; color: #174882; font-weight: bold; padding: 10px 15px; font-size: 20px; border: 1px solid #174882; margin-right: 2px; cursor:pointer;} .metro-ballon-leftmenu-item.active { color: #fff; background: #174882;} .b-places--metro--controls--clause---zoom-in { background: url(../i/offices--map--zoom-in.svg) no-repeat 0 0; background-size: auto; background-size: 100% 100%; margin-top: 16px;} .b-places--metro--controls--clause---zoom-out { background: url(../i/offices--map--zoom-out.svg) no-repeat 0 0; background-size: auto; background-size: 100% 100%; margin-top: 16px;} .b-places--metro--controls--clause { display: block; width: 48px; height: 48px; cursor: pointer;} .b-places--metro { display: none;} .m-visible { display: none;} .b-places-mobile--modes { height: 48px; font-size: 0; line-height: 0;} .b-places--switch { width: auto; margin-top: 0px; padding-top: 0px;} #container-metromap {width: 1170px;height: 1500px;margin: 0 auto;overflow: hidden;} .b-places--metro { position: relative;} .b-places--switch .b-places-mobile--modes { display: flex; flex-wrap: wrap; align-content: space-between; text-align: center;} .b-places--switch .b-places-mobile--modes .b-places--modes--clause { flex: 1 1 100px; border-radius: 0px;} .b-places--metro .b-places--map--balloon { z-index: 1; box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.5);} .b-map-d-ballon-closer { position: absolute; top: 6px; right: 6px; width: 12px; height: 24px; cursor: pointer;} .b-map-d-ballon-closer:before { position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; background: url(../i/b-popup--closer.svg) no-repeat 0 0; background-size: 100% 100%; margin: 15px 0 0 -15px; transition: .6s; content: "";} .b-toggle-menu---opened .b-toggle-footer--opener:before, .c-footer-information.b-toggle-menu---opened .c-toggle-footer--opener:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-top: -3px;} @media (min-width: 768px) { .b-footer-information-mobile { padding-left:15px;} .b-footer-information .b-footer-information--clause { overflow:hidden;} } @media screen and (max-width: 767px) { .b-places--switch .b-places-mobile--modes { height: 56px;} .b-places--switch .b-places--modes--clause { line-height: 56px;} .b-places--metro #b-places--metro { margin: 0px;} .b-places--metro .b-places--map--balloon { box-shadow: none;} .b-places--metro .b-places--map--balloon { position: relative;} .b-places.b-places---metro .b-places--collection { display: block;} #container-metromap { touch-action: none; width: auto; height: 300px; overflow-y: auto;} .b-places--metro--controls--clause { width: 40px; height: 40px;} .b-history--clause--contents { display: block; text-align: center;} .history-content-img { padding-right: 0px;} .b-checkbox-field--label.mobile { font-size: 10px; line-height: 12px;} .b-places--collection-mobile { display: block;} .hidden-desktop { display: block;} .b-toggle-menu--opener, .b-toggle-footer--opener { position: absolute; top: 50%; width: 24px; height: 24px; margin-top: -11px; transition: .3s;} .b-places--collection-mobile[data-toggle-menu-opener] { display: flex; align-items: center; justify-content: space-between; color: #174882; font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px;} .b-places--collection-mobile[data-toggle-menu-opener] .b-places--collection--clause-title { display: block; width: 90%;} .b-toggle-map--opener { width: 24px; height: 24px; transition: .3s; display: flex; align-items: center; justify-content: space-between;} .b-toggle-menu--opener.right, .b-toggle-footer--opener.right, .b-toggle-map--opener.right { right: 0px;} .mt-13 { margin-top: -13px;} .inline.b-location-toggle--opener { display: inline-block; width: 80%;} .b-toggle-menu--opener.location { margin-top: -13px;} .b-toggle-menu--opener:before, .b-toggle-footer--opener:before { position: absolute; top: 50%; left: 50%; width: 12px; height: 8px; background: url(../i/b-toggle-menu-opener.svg) no-repeat 0 0; background-size: 100% 100%; margin: -2px 0 0 -5px; transition: .3s; content: "";} .b-toggle-map--opener:before { left: 50%; width: 12px; height: 8px; background: url(../i/b-toggle-footer-opener.svg) no-repeat 0 0; background-size: 100% 100%; transition: .3s; content: ""; display: block;} .b-toggle-menu---opened .b-toggle-menu--opener:before, .b-toggle-menu---opened .b-toggle-footer--opener:before, .b-toggle-menu---opened .b-toggle-map--opener:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-top: -3px;} .b-location-toggle--opener { cursor: pointer; display: block; position: relative; padding-left: 16px; color: #174882; height: 24px; line-height: 24px; transition: .3s;} .b-location-toggle--opener:before { position: absolute; top: 50%; left: 0; width: 12px; height: 8px; background: url(../i/b-location-dropdown--opener.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -6px; transition: .3s; content: "";} [data-toggle-menu-data] { padding-left: 15px; display: none;} .b-toggle-menu---opened [data-toggle-menu-data] { display: block;} [data-toggle-menu], .mt-18 { margin-top: 18px;} [data-toggle-menu] .b-primary-menu--collection--title, [data-toggle-menu] .b-primary-menu--mobile--location { margin-bottom: 0px; position: relative;} .l-header---inverted .b-mobile-menu { display: none;} .l-header---inverted .b-general-phone { display: block;} .b-copyright-menu { display: block; width: auto; color: #757575; position: relative; padding-left: 62px;} .b-copyright-menu:before { position: absolute; top: 50%; left: 0px; width: 56px; height: 42px; margin-top: -21px; background: url(../i/b-logo-blue.png) no-repeat 0 0; background-size: 100% 100%; content: "";} .b-general-phone---menu { float: none; display: inline-block; height: 24px; line-height: 24px; vertical-align: middle; margin-left: 30px; width: 270px; box-sizing: border-box; color: #174882; position: relative; top: auto; font-size: 20px; margin-top: 32px;} .b-general-phone-menu--link { color: #174882;} .b-general-phone---menu .b-general-phone-menu--link:before { position: absolute; left: -30px; top: 50%; width: 16px; height: 16px; background: url(../i/b-general-phone---menu.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -6px; content: "";} .b-social-menu--clause-menu--link { display: block; position: relative; height: 100%; opacity: 1;} .b-social-menu--clause---tg .b-social-menu--clause-menu--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/telegram2.svg) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -7px; content: "";} .b-social-menu--clause---ok .b-social-menu--clause-menu--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/ok.png) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -7px; content: "";} .b-social-menu--clause---fb .b-social-menu--clause-menu--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/b-social-menu--clause---menu-fb.svg) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -7px; content: "";} .b-text-field--entity.menu { font-size: 20px; background-color: #f2f2f2;} .b-search-form---menu .b-text-field---search { border-color: #f2f2f2; border-radius: 5px;} .b-search-form.b-search-form---menu { margin-top: 20px;} .b-social-menu--clause---vk .b-social-menu--clause-menu--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/b-social-menu--clause---menu-vk.svg) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -7px; content: "";} .b-social-menu--clause---twitter .b-social-menu--clause-menu--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/b-social-menu--clause---menu-tw.svg) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -7px; content: "";} .b-social-menu--clause---instagram .b-social-menu--clause-menu--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/b-social-menu--clause---menu-inst.svg) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -7px; content: "";} .b-search-form----menu { display: block; width: auto; margin: 24px 0 0 0;} .b-search-form---menu .b-search-form--button { left: 18px; right: auto; background: url(../i/b-search-form-blue-button.svg) no-repeat 0 0; background-size: 100% 100%;} .b-menu-information--clause--link { color: #174882; text-decoration: none;} .b-menu-information-mobile { position: relative; font-size: 12px; line-height: 24px; color: #174882;} .b-toggle-footer--opener:before { background: url(../i/b-toggle-footer-opener.svg) no-repeat 0 0; background-size: 100% 100%;} .b-menu-information-mobile-data { padding-top: 15px;} .b-app-footer-app-store { background: url(../i/b-footer-app-store-ru.svg) no-repeat 0 0; width: 122px; height: 40px; display: inline-block;} .b-app-footer-google-play { background: url(../i/b-footer-google-play-ru.png) no-repeat 0 0; background-size: 100% 100%; width: 122px; height: 40px; display: inline-block; float: right;} .b-offers, .b-news-references--list, .b-specials--collection, .b-news--collection, .b-news-references-list, b-toggle-map--opener { display: flex; margin-right: -25px; overflow-x: auto;} .b-offers .b-offers--clause, .b-news-references--list .b-news-references--clause, .b-specials--collection .b-specials--clause, .b-news--collection .b-news--clause, .b-news-references-list .b-news-references--clause { flex-shrink: 0; margin-right: 16px;} .b-primary-menu--mobile { margin-top: 30px;} .information { color: #757575; text-transform: none;} .information2 { color: #bababa; text-transform: none;} #map-balloon-data { margin: 20px 10px; position: absolute; width: 97%;} .b-map-ballon-closer { position: absolute; top: 6px; right: 6px; width: 12px; height: 24px; cursor: pointer;} .b-map-ballon-closer:before { position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; background: url(../i/b-popup--closer.svg) no-repeat 0 0; background-size: 100% 100%; margin: -9px 0 0 -9px; transition: .6s; content: "";} #map-balloon-data .b-places--map--balloon--title { display: flex;} #map-balloon-data .b-places--map--balloon--title--link { width: 90%;} .b-places--collection--clause { margin-top: 0px; padding: 15px 0;} .b-places--collection { /*display:none;*/ width: auto; margin-top: 0px; padding-top: 0px;} .b-places--collection-mobile.blue { background: #174482; padding: 12px;} .b-places-map-list-mobile { color: white;} .seminar-player-video { width: 667px; height: 375px;} .b-places-map-list-mobile { font-size: 18px;} .mobile { display: block;} .b-places--map--balloon--title.cluster { font-size: 16px; padding: 0 24px 12px 24px;} .b-places--collection--clause--metro.cluster { font-size: 12px; margin-top: 12px;} .b-places--collection--clause--address.cluster { font-size: 12px; margin-top: 12px;} .b-places--collection--clause--schedule.cluster { font-size: 12px; margin-top: 12px;} .b-places--map--balloon--button.cluster { margin-top: 12px;} .map-ballon-leftmenu { display: inline-block;} .map-ballon-leftmenu-item { display: inline-block; color: #174882; font-weight: bold; padding: 10px 15px; font-size: 20px; border: 1px solid #174882; margin-right: 2px;} .map-ballon-leftmenu-item.active { color: #fff; background: #174882;} .m-visible { display: block;} .b-places--metro #map-balloon-data .b-places--map--balloon { padding: 0px; width: 97%;} } .hidden { display: none;} .b-footer-information-mobile { position: relative; font-size: 12px; line-height: 24px; color: #9EBAD4; margin-bottom: 10px;} /*14-01-2019*/ @media (max-width: 480px) { #upbutton { right: -10px !important;} .b-places-article--requisites { font-size: 12px;} } @media (max-width: 320px) { .b-popup-form { width: 270px; margin: 0 auto;} } .small_28 { font-size: 28px !important;} span.small_12 { white-space: normal !important; line-height: 16px !important; font-size: 15px !important; width: 94% !important;} span.focus.small_122 { width: 110% !important; left: 5px !important;} span.small_122 { width: 80% !important; line-height: 16px !important; left: 5px !important;} .consult-request-block { margin: 20px 0;} .link_online { color: #333 !important; font-family: "Inter", serif; font-size: 24px;} .reg_pole { margin-top: 20px; color: #757575;} .b-text-area { position: relative;} .b-text-field span, .b-text-area span { display: inline-block; position: absolute; width: calc(100% - 30px); min-height: 100%; outline: none; background: none; border: none; left: 20px; line-height: 33px; font-size: 16px; color: #757575; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: text; overflow:hidden;} .b-text-field input + span, .b-text-area textarea + span { display: inline-block !important;} span.focus { left: -25px; transform: scale(.8125) translateY(-35px); width: 120% !important;} .hassmall span.focus { top:-3px;} .b-text-area span.focus { transform: scale(.8125) translateY(-45px);} .b-text-field--description.focus, .b-text-field--description { transform: none !important; left: unset !important; width: auto !important;} span.hide_pole { white-space: nowrap;} #upbutton { background: url("/i/top_2.png") no-repeat top left; height: 60px; width: 60px; bottom: 25px; right: 20px; cursor: pointer; display: none; position: fixed; z-index: 120;/*HIDE UP BUTTON*/ display:none !important;} #upbutton.-white { background: url('/i/top_2-white.png') no-repeat top left;} ul.forms_ul li > p { cursor: pointer; padding: 10px 10px; margin: 0; color: #000; background: #DCE1E1; text-transform: uppercase;} ul.forms_ul li > p { background: url("/i/60.png") no-repeat right center #DCE1E1; background-size: 8%; margin: 0 10px 2px 10px; font-weight: bold;} ul.forms_ul li > p.active { background: url("/i/60-2.png") no-repeat right center #DCE1E1; background-size: 8%;} ul.forms_ul li > div { display: none; padding: 10px; font-size: 11px; line-height: 15px;} ul.forms_ul li > .active + div { display: block;} .b-popup-forminput.empty_field { border-color: red;} .b-popup-form input:focus { outline: none; border: 1px solid red;} .b-popup-form .btn_submit:active {} span.focus.small_122 { left: -40px !important;} span.small_122 { margin-left: 14px;} span.small_122.focus { transform: scale(.8125) translateY(-28px);} .history .b-timeline--clause.year { font-size: 26px; text-align: left; width: 175px; border-left: 1px solid #DCE1E1; padding-left: 17px;} .history .b-timeline--clause.year .b-timeline--clause--link { font-weight: 600; padding-top: 14px; padding-bottom: 16px;} .history .history-content-text { margin-bottom: 1rem; white-space: normal; text-align: left; font-weight: normal; position: relative; text-indent: 10px;} .history .history-content-text:before { content: ""; background: #174882; position: absolute; left: 0; top: 10px; border-radius: 50%; width: 5px; height: 5px;} .history .b-timeline--clause---current .b-timeline--clause--link::after { border: 0; background: transparent;} .history .b-history--clause--contents { font-size: 14px; display: block; line-height: 24px;} .history.b-timeline::before { top: 54px; bottom: auto; height: 2px; background: #174882;} .history .b-timeline--clause--link.code::before { border: 1px solid #174882; background: #FFF; left: -19px; bottom: -1px;} .history .b-timeline--mover { top: 35px;} .history .b-timeline--mover---previous { left: -4px;} .history .b-timeline--mover---next { right: -4px;} .history .b-timeline--mover.b-timeline--mover---previous { background: url(../i/b-timeline-history-arrow-left.svg) no-repeat 0 0;} .history .b-timeline--mover.b-timeline--mover---next { background: url(../i/b-timeline-history-arrow-left.svg) no-repeat 0 0;} .b-history h3 { font-family: "Inter"; font-weight: 500; font-size: 24px; line-height: 32px; color: #333; margin: 42px 0 24px 0; margin-top: 42px;} .b-history .b-select { float: right;} div[data-select-history="true"] { display: none;} .history .b-timeline--clause--link.code { color: #174882;} .seminars-voting-title { font-size: 20px; line-height: 32px; color: #757575; margin-top: 15px; margin-bottom: 10px;} .seminars-voting-result { font-size: 20px; line-height: 32px; color: #757575; margin-top: 15px; margin-bottom: 10px;} .hidden-m { display: block;} .visible-m { display: none;} @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-height: 500px) and (orientation: landscape) and (pointer: coarse) { .history .b-timeline--clause.year { border: 0; width: 269px; height: auto; text-align: center;} .history .b-timeline--clause--link { color: #174882;} .history .b-timeline--clause { background: none;} .b-history .b-select { width: 100%; margin-top: 1rem;} .history .b-timeline--collection { width: 375px; height: auto; margin-right: 0;} div[data-select-history="true"] { display: block;} .hidden-m { display: none;} .visible-m { display: block;} .b-offers, .b-specials--collection, .b-news--collection, .b-news-references-list, b-toggle-map--opener { overflow-x: visible;} .b-specials--collection .b-specials--clause, .b-news--collection .b-news--clause { height: 270px;} .b-history .owl-carousel { overflow: hidden;} .b-history .owl-nav { position: absolute; top: 17px; width: 78%; left: 30%;} .history .owl-prev { background: url(../i/b-timeline-history-arrow-left.svg) no-repeat 0 0 !important; width: 40px; height: 40px;} .history .owl-next { background: url(../i/b-timeline-history-arrow-right.svg) no-repeat 0 0 !important; width: 40px; height: 40px; position: absolute; right: 30px;} } .b-about-comments { font-size: 14px; line-height: 24px; color: #757575; margin-top: 15px; margin-bottom: 15px;} .width-none { width: auto;} .b-places--metro--controls--clause---zoom-in, .b-places--metro--controls--clause---zoom-out { box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2); border-radius: 50%;} .stFooterMobilePr { display: inline-block; color: #9EBAD4;} .stFooterMobilePr a { color: #afcbe5;} .download-atms { display: block; color: #fff; font-size: 12px; font-weight: 200; line-height: 40px; text-transform: uppercase; letter-spacing: 0.5px; height: 40px; background: #174882; border-radius: 6px; text-align: center; transition: .3s; cursor: pointer; width: 200px; margin-top: 25px;} @media screen and (max-width: 1024px), screen and (max-height: 600px) and (orientation: landscape) and (pointer: coarse) { .b-offers--clause---double { width: 240px; height: 270px; padding: 60px 50px 0 24px; margin-left: 60px;} } .b-accordion--requsites--title { font-family: "Inter"; font-weight: 500; font-size: 20px; line-height: 32px; color: #333; margin-bottom: 15px;} .slick-dots { position: relative; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;} .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;} .slick-dots li button:hover, .slick-dots li button:focus { outline: none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1;} .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 4px; content: ''; text-align: center; opacity: .25; background: #174882; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before { opacity: .75; color: #174882;} .main_slider .slick-dots { bottom: -40px !important; width: 80% !important;} .main_slider .slick-arrow {display:none !important;} .main_slider .slick-dots {position:absolute !important;} .main_slider .slick-slider {z-index:5 !important;} span.b-text-field--error{ font-size: 12px; color: red; left: 0px; position: relative; line-height: 12px;} input.field_error, div.field_error{ outline: none; border: 1px solid red!important;} input.field_success, div.field_success{ outline: none; border: 1px solid green;} div.b-text-field{ height: auto; border: none;} div.b-text-field input{ border: 1px solid #DCE1E1; height: 38px; line-height: 38px;} .b-offers--clause--title.f-18{font-size: 18px; line-height: 28px;} .mb-3, .my-3 { margin-bottom: 1rem!important; } .text-dark{ color: #333;} .media{display:flex; font-size:14px;line-height: 20px;} b{font-weight: 600;} .b-calculator---deposits .box-shadow{box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.25);} .b-calculator---deposits .mt-42{margin-top:-102px;} .b-calculator---deposits .px-89{padding-left:89px; padding-right:89px;} .b-calculator---deposits .py-48{padding-bottom:35px; padding-top:48px;} .b-calculator---deposits .border-radius{border-radius: 6px;} .b-calculator---deposits .mt-0{margin-top:0!important} .b-calculator---deposits .bg-white{background:#fff!important} .b-calculator---deposits .z-index{z-index:9} .b-calculator---deposits .position-relative{position:relative} .b-calculator---deposits .visibility-hidden{visibility: hidden;} .b-calculator---deposits .bg-F5{background:#F5F5F5;min-height: 250px;border-radius: 6px;} .b-calculator---deposits .b-accordion--opener--title{ font-size: 40px; line-height: 54px;} @media (max-width: 1024px) { .b-calculator---deposits .b-accordion--opener--title { font-size: 36px;} } .b-calculator---deposits .b-accordion--opener{padding-top:20px;padding-right:32px;} .b-calculator---deposits .p-32{padding-left:32px;padding-top:20px;padding-right:32px;padding-bottom:25px;} .b-calculator---deposits .b-calculator--variations--clause { margin-top: 25px;} .b-calculator---deposits .b-calculator--variations--clause:first-child { margin-top: 0;} .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener--description { min-height: 35px; color: #333;} .b-calculator---deposits .b-accordion--opener--conditions--clause{margin-left:0; width:50%; vertical-align: middle;} .b-calc-section .b-calculator---deposits .b-accordion--opener--conditions--clause{ width:25%;} .b-calculator---deposits .b-accordion--opener--conditions--clause--contents { font-size: 25px; line-height: 20px; margin-top: 6px;} .b-calculator---deposits .b-accordion--opener--conditions{position:relative;} .b-calculator---deposits .b-accordion--opener--conditions { position: relative; font-size: 0; line-height: 0; top: 0; right: 0; text-align: left;} .b-accordion--opener--conditions.-item-3 { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -10px -40px;} .b-accordion--opener--conditions.-item-3 .b-accordion--opener--conditions--clause { width: calc(33.3333% - 20px); margin: 0 10px 40px;} @media (max-width: 1024px) { .b-accordion--opener--conditions.-item-3 { margin: 0 -10px -30px;} .b-accordion--opener--conditions.-item-3 .b-accordion--opener--conditions--clause { width: calc(50% - 20px) !important; margin: 0 10px 30px;} .b-accordion--opener--conditions.-item-3 .b-accordion--opener--conditions--clause:last-child { width: 100% !important;} } @media (max-width: 480px) { .b-accordion--opener--conditions.-item-3 { margin: 0 -10px -20px;} .b-accordion--opener--conditions.-item-3 .b-accordion--opener--conditions--clause { margin: 0 10px 20px;} .b-calc-section .b-calculator---deposits .b-accordion--opener--conditions--clause{ width:50%;} } .b-calculator---deposits .btn-online{ display: block; color: #fff; font-size: 12px; font-weight: 600; line-height: 40px; text-transform: uppercase; letter-spacing: 0.5px; height: 40px; background: #174882; border-radius: 6px; text-align: center; transition: .3s; cursor: pointer;} .b-calculator---deposits .px-0{padding-left:0; padding-right:0;} .b-calculator---deposits .font-14{font-size: 14px;color: #1A4A80; padding-top: 33px; line-height: 19px;} .b-calculator---deposits .b-accordion---opened .font-14 svg{transform: rotate(180deg);} .b-calculator---deposits .b-accordion---opened .font-14 svg circle {fill:#DCE1E1} .b-calculator---deposits .font-21{font-size: 21px; line-height: 29px;} .b-calculator---deposits .b-contents .table td{ color: #000000;} .b-calculator---deposits .b-contents .table th{font-size: 14px;color: #333333; text-transform: none;letter-spacing: 0px; white-space: nowrap; line-height: 19px;} .b-calculator---deposits .b-contents p.font-12{font-size: 12px;color: #929292;padding-right: 140px; line-height: 16px;} .b-calculator---deposits .m-62{margin-bottom:62px;} .b-calculator---deposits .pb-0{padding-bottom:0} .b-calculator---deposits .mb-75{margin-bottom:75px} .b-calculator---deposits .b-contents .table tr>td:not(:first-of-type){text-align:right}.b-contents .table tr>th:not(:first-of-type){text-align:right} .b-calculator---deposits .visible-xs{display:none} .b-calculator---deposits .bg-blue{background:#164883;} .b-calculator---deposits .text-white{color:#fff!important} .b-calculator---deposits .px-51 { padding-left: 51px; padding-right: 51px;} .b-calculator---deposits .mt-22{ margin-bottom: 30px; margin-top: -122px;} .bg-blue .b-accordion--opener--conditions--clause--contents { font-size: 30px; line-height: 30px; margin-top: 7px;} .b-calculator---deposits .pb-55{ padding-bottom: 55px;}.mt-38{margin-top: 38px;} .b-calculator---deposits .calc_result{background: #F5F5F5; padding: 32px 51px 46px; margin: 32px -51px 51px;} .b-calculator---deposits .calc_result .b-accordion--opener--conditions--clause--title{color:#000} .b-calculator---deposits .calc_result .b-accordion--opener--conditions--clause--contents{font-size: 30px;} .b-calculator---deposits .open-online{font-weight: 600; line-height: 66px; height: 66px;} .b-calculator---deposits .mb-0{margin-bottom:0} .b-calculator---deposits .calc-hidden{ display:none!important;} .b-calculator---deposits .calc-show { display: block !important;} .b-calculator---deposits .b-switcher---double .b-switcher--clause.w-50{ width:50%;} .b-calculator---deposits .b-calculator .b-contents table tr th { padding: 0 6px 18px 0;} .b-calculator---deposits .b-vklad-t-container{ overflow-y: auto; padding-bottom: 20px;} .b-calculator---deposits .b-vklad-t-container table{ table-layout: auto;} .b-calculator---deposits .b-vklad-t-container .table tr>th:not(:first-of-type) { text-align: center;} .b-calculator---deposits .tabs__captions{ width: 180px; margin-bottom: 20px;} .b-calculator---deposits .tabs__content { display: none;} .b-calculator---deposits .tabs__content.active { display: block;} .b-calculator .b-accordion{ background: #D9ECF8;} .b-calculator---deposits .b-accordion--opener--toggle{ display:none;} .b-calculator---deposits .b-accordion--concealment:before { position: static; top: 0; left: 32px; right: 32px; height: 1px; background: ; content: none;} .b-calculator---deposits .b-accordion:before { position: static; top: 0; left: 0; bottom: 0; width: auto; background: #6BD0C3; border-radius: auto; opacity: 1; transition: .3s; content: none;} .b-calculator---deposits .b-accordion---opened .b-accordion--opener--toggle { background: #DCE1E1;} .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener { padding-right: 500px;} .b-calculator---deposits .b-select--dropdown--clause { line-height:61px;} .b-calculator---deposits .b-range--field { border-radius: 6px; height: 61px;} .b-calculator---deposits .b-range--field--entity { height: 61px; font-size: 21px; line-height: 130%;} .b-calculator---deposits .b-range--field--description { position: absolute; top: 0; right:13px; bottom: 0; font-size:21px; line-height: 61px; color: #333; z-index: 4;} .b-calculator---deposits .b-range--markings { visibility: hidden;} .product-ipoteka-privet-sosed .b-calculator---deposits .b-range--markings { visibility: visible;} .b-calculator---deposits .noUi-target { position: absolute; top: 57px; left: 0; right: 0; direction: ltr;} .b-calculator---deposits .noUi-handle { position: absolute; left: -15px; bottom: -14px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; width: 28px; height: 28px; -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.20); cursor: pointer; z-index: 16;} .b-calculator---deposits .b-switcher { font-size: 0; line-height: 0; height: 48px; border: 1px solid #DCE1E1; border-radius: 2px; box-sizing: border-box; padding: 2px;} .b-calculator---deposits .b-switcher--clause { display: inline-block; font-size:21px; font-weight: 600; line-height: 50px; color: #757575; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; width: 33%; border-radius: 4px; height: 50px; cursor: pointer; transition: .3s;} .b-calculator---deposits .b-switcher---double .b-switcher--clause { width: 25%;} .b-calculator---deposits .b-switcher--clause---current{ color: #ffffff;} .b-calculator---deposits .b-switcher { font-size: 0; line-height: 0; height: 61px; border: 1px solid #DCE1E1; border-radius: 6px; box-sizing: border-box; padding: 5px;} .b-calculator---deposits.b-calculator .b-contents table tr td:last-child { text-align: center;} .b-calculator---deposits .deposit--variations-list .l-content--section--column img{ border-radius: 6px;} .b-calculator---deposits .font-day{ color: #9e9e9e; font-size: 12px;} .b-calculator .b-contents table tr:first-child td{ padding: 0 6px 18px 0; font-size: 14px; color: #333333; text-transform: none; letter-spacing: 0px; white-space: normal; line-height: 19px; font-weight: 600; vertical-align: bottom; border-bottom: 1px solid #DCE1E1;} .b-vklad-t-container .table tr:first-child>td:not(:first-of-type) { text-align: center;} @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-height: 500px) and (orientation: landscape) and (pointer: coarse){ .b-calculator---deposits .px-89 { padding-left: 37px; padding-right: 32px; padding-top: 24px; padding-bottom: 18px;} .b-calculator---deposits .px-51 { padding-top: 11px; padding-left: 35px; padding-right: 30px; padding-bottom: 33px;} .b-calculator---deposits .b-calculator--title{font-size: 16px; margin-bottom: 22px; line-height: 23px;} .b-calculator---deposits .b-calculator--form--label{font-size: 14px;margin-bottom: 17px;} .b-calculator---deposits .b-switcher{height: 38px; padding: 2px;} .b-calculator---deposits .b-switcher--clause{height: 32px;line-height: 32px;font-weight: normal;font-size: 16px;} .b-calculator---deposits .b-calculator--form--fieldset---amount{display: inline-block; width: 159px;} .b-calculator---deposits .b-range--field--entity{ height: 36px; padding: 0 15px; font-size: 14px;} .b-calculator---deposits .b-range--field{height: 37px;} .b-calculator---deposits .b-range--field--description{ height: 36px;font-size: 14px;line-height: 36px;} .b-calculator---deposits .noUi-target{ top: 34px;left: 0;} .b-calculator---deposits .noUi-handle:before{ width: 6px;height: 6px;} .b-calculator---deposits .noUi-handle{ width: 22px; height: 22px; left:0} .b-calculator---deposits .b-range--field--description{right:6px;} .b-calculator---deposits .b-calculator--form--fieldset---limitation{ margin: 4px 0 0 0;} .b-calculator---deposits .b-calculator--form--opener{ font-size: 10px; margin-top: 12px;} .b-calculator--variations{margin-top:30px;} .b-calculator---deposits .img-bottom{width:100%;} .l-content--section.l-content--section---double.b-calc-section { width: 316px;} .l-content--section---double.b-calc-section .l-content--section--column---second{margin-top:-165px} .b-calculator---deposits .bg-F5{position:relative;} .b-calculator---deposits .b-accordion--opener { padding: 20px 38px;} .b-calculator---deposits .b-accordion--opener--title { font-size: 21px; line-height: 24px;} .b-calculator---deposits .b-accordion--opener--conditions--clause { width: 50%; display: inline-block;} .b-calculator---deposits .b-accordion--opener--conditions--clause:last-of-type{width:100%;} .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener--description{margin-top: 17px;font-size: 12px;} .b-calculator---deposits .b-accordion--opener--conditions--clause--title{font-size: 12px;} .b-calculator---deposits .b-accordion--opener--conditions--clause--contents { font-size: 18px; line-height: 18px; margin-top: 0;} .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener { padding: 32px 0;} .b-calc-section .b-calculator---deposits .b-products-article--details{margin-top:90px!important} .b-calc-section .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener{padding-right:0} .b-calc-section .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener { padding: 32px 0px; font-size: 12px;} .b-calculator---deposits .b-accordion--concealment--inside { padding: 0 32px;} .hidden-xs{display:none} .b-calculator---deposits .b-contents .table th{width:50%; padding-right:0; white-space: normal;vertical-align: top; padding-bottom: 10px; font-size: 12px;}.b-contents .table td{ padding-right:0;padding-top: 18px;line-height: 21px; font-size: 12px;} .b-calculator---deposits .b-contents p.font-12{padding-right:0;} .b-calculator---deposits .visible-xs{display:block} .b-calculator---deposits .b-contents h3{ font-size: 15px;} .b-calculator---deposits .table{margin-bottom:45px} .b-calculator---deposits .bg-blue .b-accordion--opener--conditions--clause,.b-calculator---deposits .calc_result .b-accordion--opener--conditions--clause { width: 50%;vertical-align: top;}.b-calculator---deposits .bg-blue .b-accordion--opener--conditions--clause--contents { font-size: 16px; line-height: 17px; margin-top: 3px; }.b-calculator---deposits .mt-30{margin-top:20px;} .b-calculator---deposits .calc_result .b-accordion--opener--conditions--clause--contents { font-size: 16px;}.b-calculator---deposits .calc_result { padding: 32px 35px 46px; margin: 32px -30px 27px -35px; }.b-calculator---deposits .calc_result .b-calculator--title { margin-bottom: 0px; }.b-calculator---deposits .mb-0 { margin-top: 0; } .b-calculator---deposits .open-online { line-height: 39px; height: 39px;} .b-calculator---deposits .b-calculator--variations { margin-bottom: 0;} .b-calculator---deposits .b-vklad-t-container{ padding-bottom: 0;} .b-calculator---deposits .b-vklad-t-container .table tr>th:not(:first-of-type) { text-align: right;} .b-calculator .b-contents table tr:first-child td { padding: 0 4px 18px 0; font-size: 14px;} .b-calculator---deposits.b-calculator .b-contents table tr td:last-child { text-align: right;} .small_28 { font-size: 21px !important;} .b-activities--clause--letter { position: relative; top: 16px;} } /* 14.04.21 */ .b-price-info-block { background: #F1F9FC; border: 1px solid #EFF2F2; margin-top: 47px;} .b-price-info-block-inner { padding: 40px;} .b-price-info-block .title { margin-bottom: 30px; display: block;} .b-price-info-block .title:last-child { margin-bottom: 0;} .b-price-info-block .title .text { font-size: 18px; color: #000;} .b-price-info-block .list-wrapper { margin-bottom: 30px;} .b-price-info-block .list-wrapper:last-child { margin-bottom: 0;} .b-price-info-block .list-wrapper .list { margin: 0 -10px -15px; display: flex; list-style-type: none; padding-left: 0;} .b-price-info-block .list-wrapper .list .list__item { width: calc(33.3333% - 20px); margin: 0 10px 15px; padding-left: 0;} .b-price-info-block .list-wrapper .list .list__item::before { display: none;} .b-price-info-block .list-wrapper .list .list__item .count { display: block; font-size: 18px; font-weight: 700; color: #000; margin-bottom: 20px;} .b-price-info-block .list-wrapper .list .list__item .count:last-child { margin-bottom: 0;} .b-price-info-block .list-wrapper .list .list__item .value { display: block; font-size: 50px; line-height: 1.1; color: #164883;} .b-price-info-block .list-wrapper .list .list__item .sup-text { margin-top: 15px; font-size: 18px; font-weight: 700; line-height: 1.1; display: block;} .b-price-info-block .list-wrapper .list .list__item .sup-text.text-green { color: #6FCFC3;} .b-price-info-block .list-wrapper .list .list__item .sup-text.greenFont { color: #6FCFC3;} .b-price-info-block .list-wrapper .list .list__item .sup-text.text-red { color: #D57568;} .b-price-info-block .list-wrapper .list .list__item .sup-text.redFont { color: #D57568;} .b-price-info-block .link-wrapper { display: block; margin-top: 40px;} .b-price-info-block .link-wrapper:last-child { margin-bottom: 0;} .b-price-info-block .link-wrapper .link { color: #164883; text-decoration: none; font-weight: 600; display: inline-block; font-size: 12px; margin-bottom: 15px; transition: .2s;} .b-price-info-block .link-wrapper .link:hover { color: #113A6B; text-decoration: underline;} .b-price-info-block .link-wrapper .link:last-child { margin-bottom: 0;} .b-open-deposit-block { margin-top: 80px;} .b-open-deposit-block .b-open-deposit-title { margin-bottom: 80px;} .b-open-deposit-block .b-open-deposit-title .h2 { line-height: 1.3; font-size: 35px; font-weight: 600; color: #333333;} .b-open-deposit-block .b-open-deposit-item-wrapper { display: flex; padding-right: 50px;} .b-open-deposit-block .b-open-deposit-item:last-child { border-right: none; padding-right: 0; padding-left: 50px;} .b-open-deposit-block .b-open-deposit-item { width: 50%; border-right: 1px solid #C8D6E3; padding-right: 50px; padding-left: 0; display: flex; flex-direction: column;} .b-open-deposit-block .b-open-deposit-item .item-image { width: 86px; height: 86px; display: flex; justify-content: center; align-items: center; border-radius: 100%; border: 3px #22487F solid; margin-bottom: 35px;} .b-open-deposit-block .b-open-deposit-item .item-image:last-child, .b-open-deposit-block .b-open-deposit-item .item-text:last-child { margin-bottom: 0;} .b-open-deposit-block .b-open-deposit-item .item-text { margin-bottom: 35px; flex: 1 1 auto;} .b-open-deposit-block .b-open-deposit-item .item-text .text { font-size: 18px; line-height: 1.6; color: rgba(0,0,0,.6);} .b-open-deposit-block .b-open-deposit-item .item-text .text b { color: #000;} .b-open-deposit-block .b-open-deposit-item .item-button { width: 100%;} .b-open-deposit-block .b-open-deposit-item .item-button .b-button { width: 100%; box-sizing: border-box;} .b-open-deposit-block .b-open-deposit-text { margin-top: 80px; width: 700px; max-width: 100%;} .b-open-deposit-block .b-open-deposit-text .text { color: #979797; font-size: 18px; line-height: 1.6;} .b-open-deposit-block .b-open-deposit-text .link { color: #164883; text-decoration: none; transition: .2s;} .b-open-deposit-block .b-open-deposit-text .link:hover { text-decoration: underline;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--form--fieldset---limitation { width: 476px; max-width: 100%;} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--form--fieldset---limitation { width: 476px; max-width: 100%;} .product-vklad-energy-balans .b-calculator--variations { margin-top: 0;} .product-vklad-energy-balans .b-calculator---deposits .b-accordion--opener--conditions--clause, .product-vklad-privet-sosed .b-calculator---deposits .b-accordion--opener--conditions--clause { width: 25%;} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--header .b-accordion--opener--conditions--clause { width: 33.3333%;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--variations--clause:first-child, .product-vklad-privet-sosed .b-calculator---deposits .b-accordion--opener--conditions--clause:first-child { margin-top: 0;} .product-vklad-energy-balans .b-accordion---conditioned { display: flex;} .product-vklad-energy-balans .b-accordion---conditioned .l-content--section--column---first { margin-right: 27px;} .product-vklad-energy-balans .b-calc { margin-top: 60px;} .product-vklad-energy-balans .b-products-article--details--contents { margin-top: 0;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--form--fieldset---currency { width: 68px;} .product-vklad-energy-balans .b-products-article--details,.product-vklad-privet-sosed .b-products-article--details--contents { margin-top: 0;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--form .b-switcher---double .b-switcher--clause { width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: flex; align-items: center; justify-content: center;} .product-vklad-energy-balans .b-calculator---deposits .b-switcher { width: 65px;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--form--fieldset---amount { width: 476px; max-width: 100%;} .product-vklad-privet-sosed .b-calc {margin-top: 60px;} .product-vklad-privet-sosed .b-products-article--details--contents {margin-top: 0;} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--form--fieldset---currency {width: 68px;} .product-vklad-privet-sosed .b-products-article--details,.product-vklad-privet-sosed .b-products-article--details--contents {margin-top: 0;} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--form .b-switcher---double .b-switcher--clause {width: 100%;height: 100%;max-width: 100%;max-height: 100%;display: flex;align-items: center;justify-content: center;} .product-vklad-privet-sosed .b-calculator---deposits .b-switcher {width: 65px;} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--form--fieldset---amount {width: 476px;max-width: 100%;} .product-vklad-privet-sosed .b-calculator--variations { margin-top: 50px;} .product-vklad-privet-sosed .b-contents ul { margin-top: 25px;} .product-vklad-privet-sosed .b-products-article--details p { font-size: 18px; color: #757575; line-height: 1.6;} .product-ipoteka-privet-sosed .b-products-article--details p { font-size: 18px; color: #757575; line-height: 1.6; margin-bottom: 40px;} .product-vklad-privet-sosed .b-open-deposit-block { margin-top: 40px;} .product-vklad-privet-sosed .b-open-deposit-block .b-open-deposit-title { margin-bottom: 60px;} .product-vklad-privet-sosed .b-cover--background { margin-left: 0; transform: translateX(-50%); width: auto; min-width: 100%;} .product-ipoteka-privet-sosed .b-cover--background { margin-left: 0; transform: translateX(-50%); width: auto; opacity: 1; min-width: 100%;} .product-vklad-privet-sosed .b-offers--clause--division:before { display: none;} .product-vklad-energy-balans .b-offers--clause--division:before { display: none;} .product-vklad-energy-balans .b-offers--clause--division { padding-left: 0;} .product-vklad-privet-sosed .b-calculator---deposits .calc_result { margin-bottom: 0; border-radius: 0 0 6px 6px;} .product-vklad-privet-sosed .b-offers--clause--division { padding-left: 0;} .product-ipoteka-privet-sosed .b-cover---gray { background-color: #fff2e1;} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers .b-offers--clause .b-offers--clause--division:before { display: none;} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers .b-offers--clause .b-offers--clause--division, .product-vklad-privet-sosed .b-products-article--offers-middle .b-offers .b-offers--clause .b-offers--clause--division, .product-vklad-energy-balans .b-products-article--offers-middle .b-offers .b-offers--clause .b-offers--clause--division { padding-left: 0; color: #000;} .b-get-mortgage-list-wrapper { background: #F5F5F5; border-radius: 6px; padding: 55px;} .b-get-mortgage-title { margin-bottom: 41px;} .b-get-mortgage-title h2 { font-size: 40px; font-weight: 600; line-height: 1.2;} .b-get-mortgage-list .list-item { margin-bottom: 45px; display: flex; align-items: center;} .b-get-mortgage-list .list-item:last-child { margin-bottom: 0;} .b-get-mortgage-list .list-item .list-item-image { max-width: 40px; margin-right: 35px;} .b-get-mortgage-list .list-item .list-item-text { font-size: 18px; line-height: 1.2; width: 575px; max-width: 100%;} .product-ipoteka-privet-sosed .b-calculator-wrapper { display: flex; position: relative; background: #FFFFFF; box-shadow: 0 4px 33px rgba(0, 0, 0, 0.25);} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator-form, .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results { width: 50%; padding: 45px;} .product-ipoteka-privet-sosed .b-switcher.b-switcher---single .b-switcher--clause---current { width: 100%; font-size: 16px;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--sup-text { margin-bottom: 18px; display: block; font-size: 14px; color: #787878; font-family: 'Inter';} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results .b-calculator--results--title { font-size: 21px; color: #000; font-weight: 600; padding-left: 0;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results .b-calculator--results--title::after { display: none;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause--title { color: #000; font-size: 16px;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause { border-top: none;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause--contents { font-size: 40px; line-height: 1.3;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator---deposits .b-switcher--clause { font-size: 16px;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator---deposits .b-range--markings { visibility: visible;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator---deposits .b-calculator--form--fieldset---limitation { margin-left: 0;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause-double { display: flex; flex-wrap: wrap;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause-double .b-calculator--results--clause { width: 50%; padding-top: 0;} .product-ipoteka-privet-sosed .b-accordion--opener--conditions--clause--title { font-size: 16px;} .product-vklad-energy-balans .b-accordion--opener--conditions--clause--title, .product-vklad-privet-sosed .b-accordion--opener--conditions--clause--title { font-size: 16px;} .product-ipoteka-privet-sosed .b-calculator---deposits .mt-22 { margin-top: -60px;} .product-ipoteka-privet-sosed .b-calculator--results--action .b-button { height: 66px; line-height: 66px;} .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener:before { content: ''; position: relative; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: #DCE1E1;} .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener { position: relative; display: flex; align-items: center;} .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener:after { content: ''; position: absolute; top: 75%; left: 12px; width: 6px; height: 6px; border-bottom: 1px #fff solid; border-right: 1px #fff solid; display: inline-block; transition: .2s; transform: translate(-50%, -50%) rotate(45deg);} .b-calculator---deposits .b-accordion---conditioned.b-accordion---opened .b-accordion--opener:after { transform: translate(-50%, 0%) rotate(225deg);} .product-vklad-energy-balans .b-calculator---deposits .bg-F5 { flex: 1 1 auto;} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers--clause:hover, .product-vklad-privet-sosed .b-products-article--offers-middle .b-offers--clause:hover, .product-vklad-energy-balans .b-products-article--offers-middle .b-offers--clause:hover { box-shadow: 0 5px 13px 0 rgba(0,0,0,.2);} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers--clause:hover .b-offers--clause--background, .product-vklad-privet-sosed .b-products-article--offers-middle .b-offers--clause:hover .b-offers--clause--background, .product-vklad-energy-balans .b-products-article--offers-middle .b-offers--clause:hover .b-offers--clause--background { opacity: 1;} span.red { color:red;} span.blue { color:blue;} .product-factoring-9-5 .b-cover--title { max-width:580px;} .product-navostok *, .product-lgot-kredit *, .product-factoring-9-5 * { box-sizing:border-box;} .product-navostok .blocks > div[class^=block] { float:left; width:272px; height:420px; margin:0 21px 23px 0; background:#DAECF8 21px 21px no-repeat; border:1px solid #E6EAEA; border-radius:6px; padding:92px 19px 0 26px;} .product-lgot-kredit .blocks > div[class^=block], .product-factoring-9-5 .blocks > div[class^=block] { margin:0 0 23px 0; background:#DAECF8 21px 21px no-repeat; border:1px solid #E6EAEA; border-radius:6px; padding:92px 19px 0 26px;} .product-navostok .blocks p, .product-lgot-kredit .blocks p, .product-factoring-9-5 .blocks p { line-height:140%; color:#000;} .product-navostok .blocks p.title { font-size:24px; font-weight:700; margin-bottom:37px;} .product-lgot-kredit .blocks p.title, .product-factoring-9-5 .blocks p.title { font-size:24px; font-weight:700; margin-bottom:37px;} .product-navostok .blocks .block1 p.title, .product-navostok .blocks .block2 p.title, .product-navostok .blocks .block3 p.title { height:68px;} .product-navostok .blocks .block4 p.title, .product-navostok .blocks .block5 p.title, .product-navostok .blocks .block6 p.title { height:84px;} .product-navostok .blocks p.desc { font-size:15px;} .product-lgot-kredit .blocks p.desc, .product-factoring-9-5 .blocks p.desc { font-size:15px; margin-bottom:30px;} .product-navostok .blocks div.block1 { background-image:url(/i/navostok1.svg);} .product-navostok .blocks div.block2 { background-image:url(/i/navostok2.svg);} .product-navostok .blocks div.block3 { background-image:url(/i/navostok3.svg);} .product-navostok .blocks div.block4 { background-image:url(/i/navostok4.svg);} .product-navostok .blocks div.block5 { background-image:url(/i/navostok5.svg);} .product-navostok .blocks div.block6 { background-image:url(/i/navostok2.svg);} .product-lgot-kredit .blocks div.block1 { background-image:url(/i/navostok2.svg);} .product-lgot-kredit .blocks div.block2 { background-image:url(/i/navostok3.svg);} .product-lgot-kredit .blocks div.block3, .product-factoring-9-5 .blocks div.block3 { background-image:url(/i/navostok4.svg);} .product-lgot-kredit .blocks div.block4 { background-image:url(/i/navostok5.svg);} .product-navostok .grey, .product-lgot-kredit .grey, .product-factoring-9-5 .grey {background: #F5F5F5 url(/i/nvi.svg) center 50px no-repeat;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);border-radius: 6px;text-align:center;padding:127px 0 47px;} .product-navostok .grey p { font-size:24px; line-height:160%; color:#000; margin-bottom:38px;} .product-lgot-kredit .grey p, .product-factoring-9-5 .grey p { font-size:17px; line-height:160%; color:#000; margin-bottom:38px; padding:0 20px;} .product-navostok .grey .b-button, .product-lgot-kredit .grey .b-button, .product-factoring-9-5 .grey .b-button { width:230px;} .product-navostok .add_info p, .product-lgot-kredit .add_info p, .product-factoring-9-5 .add_info p { font-size:18px; line-height:27px; color:#000; font-weight:bold; margin-bottom:27px;} .product-navostok .add_info p:first-child, .product-lgot-kredit .add_info p:first-child, .product-factoring-9-5 .add_info p:first-child { font-weight:normal; color:#757575;} .product-navostok .add_info a, .product-lgot-kredit .add_info a, .product-factoring-9-5 .add_info a { color:#000;} .product-lgot-kredit .note, .product-factoring-9-5 .note { font-size:14px; font-style:italic;} .colorblocks h3, .colorblocks ul, .product-factoring-9-5 .b-contents ul li { line-height:140%; margin:0; color:#000;} .product-factoring-9-5 .block3 ul { padding-bottom:20px;} .colorblocks ul li, .product-factoring-9-5 .b-contents ul li { font-size:16px; padding-left:25px;} .product-factoring-9-5 .colorblocks ul li:before, .product-factoring-9-5 .b-contents ul li::before { top:8px;} .product-factoring-9-5 .colorblocks > div[class^=color] { padding:34px 30px 18px 26px; border-radius:6px;} .product-factoring-9-5 .colorblocks > div[class^=color] { padding-left:42px;} .color-blue { background:#DAECF7 url("/i/vv/eq.png") top right no-repeat; padding-right:350px !important; padding-bottom:50px !important; background-size:contain;} .color-blue, .color-dark { margin-bottom:22px;} .color-blue ul, .color-brown ul, .color-dark ul { margin-top:24px;} .b-contents .color-blue li:before { background:#6BD0C3;} .b-contents .color-brown li:before { background:#6BD0C3;} .b-contents .color-dark li:before, .b-contents .color-grey li:before { background:#FFF;} .color-blue strong { display:block; font-size:16px; font-weight:500; color:#000; line-height:160%; margin-top:20px;} @media screen and (max-width: 1024px) { .color-dark, .color-brown, .color-blue, .color-grey { float:none; width:auto; margin-right:0;} .color-blue { padding-right:154px !important; background-size:35%;} .color-brown { margin:0 0 22px;} .colorblocks ul li::before { top:6px;} .color-dark, .color-brown { height:280px;} .colorblocks > div[class^=color] { padding:32px 20px 0 22px;} } @media screen and (max-width: 480px) { .color-blue { padding-right:20px !important; background-image:none;} .color-dark, .color-brown { padding-bottom:30px !important; height:auto;} } @media (min-width: 1025px) { .product-lgot-kredit .blocks > div[class^=block] { float:left; width:424px; height:300px; margin-right:21px;} .product-navostok .blocks > div[class^=block]:nth-child(3n) { margin-right:0;} .product-lgot-kredit .blocks > div[class^=block]:nth-child(2n) { margin-right:0;} .product-navostok .b-contents h2, .product-lgot-kredit .b-contents h2 { margin:40px 0;} .product-navostok .grey, .product-.product-navostok .b-contents h2 .grey { margin-bottom:80px;} .product-lgot-kredit .grey p { padding:0 30px; font-size:24px;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause-double { padding-bottom: 24px;} .b-products-article--offers, .b-products-article--offers--title { width: 870px; margin-left: auto;} .product-vklad-privet-sosed .b-products-article--offers-middle .b-offers--clause { width: 377px; height: 270px; max-width: calc(33.3333% - 30px);} .product-vklad-privet-sosed .b-products-article--offers-middle .b-offers--clause .b-offers--clause--division { width: 74%; top: 40px; left: 40px; padding-left: 0; font-size: 14px; color: #000;} .product-vklad-privet-sosed .b-products-article--offers-middle .b-offers--clause .b-offers--clause--division:before { display: none;} .product-vklad-privet-sosed .b-products-article--offers-middle .b-offers--clause .b-offers--clause--background { transform: translateX(-50%); margin-left: 0; width: 100%;} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers--clause { width: 377px; height: 270px; max-width: calc(33.3333% - 30px);} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers--clause .b-offers--clause--link { height: 270px;} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers--clause .b-offers--clause--division { width: 74%; top: 40px; left: 40px; padding-left: 0; font-size: 14px; color: #000;} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers--clause .b-offers--clause--division:before { display: none;} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers--clause .b-offers--clause--background { transform: translateX(-50%); margin-left: 0; width: 100%;} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-products-article--offers--title { width: 870px; margin-left: auto;} } @media (max-width: 1024px) { .product-navostok .blocks > div[class^=block]:nth-child(2n) { margin-right:0;} .product-navostok .grey { padding:127px 70px 47px;} .product-vklad-privet-sosed .b-open-deposit-block .b-open-deposit-title { margin-bottom: 50px;} .product-ipoteka-privet-sosed .b-contents ul li, .product-vklad-privet-sosed .b-contents ul li, .product-vklad-energy-balans .b-contents ul li { font-size: 16px;} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers .b-offers--clause .b-offers--clause--division, .product-vklad-privet-sosed .b-products-article--offers-middle .b-offers .b-offers--clause .b-offers--clause--division, .product-vklad-energy-balans .b-products-article--offers-middle .b-offers .b-offers--clause .b-offers--clause--division { padding-left: 0; color: #000;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator-form, .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results { padding: 35px;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause { display: inline-block; vertical-align: top; width: 49%;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause--contents { font-size: 25px; font-weight: 600;} .product-ipoteka-privet-sosed .b-calculator-wrapper { flex-wrap: wrap;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--sup-text { margin-bottom: 14px; font-size: 12px;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator-form, .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results { width: 100%;} .b-get-mortgage-title { margin-bottom: 35px;} .b-get-mortgage-title h2 { font-size: 30px;} .b-get-mortgage-list .list-item .list-item-text { font-size: 16px;} .product-vklad-privet-sosed .b-calculator---deposits .b-accordion--opener--conditions, .product-vklad-energy-balans .b-calculator---deposits .b-accordion--opener--conditions { margin: 0 -10px -15px;} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--header .b-accordion--opener--conditions--clause { width: calc(50% - 20px);} .product-vklad-energy-balans .b-calculator---deposits .b-switcher { height: 50px; width: 50px;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--form--fieldset---currency { margin-right: 30px;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--form--fieldset---amount { margin-top: 0; display: inline-block; vertical-align: middle; width: calc(100% - 100px);} .product-vklad-energy-balans .b-calculator---deposits .b-accordion--opener--conditions--clause, .product-vklad-privet-sosed .b-calculator---deposits .b-accordion--opener--conditions--clause { width: calc(50% - 20px); margin: 0 10px 40px;} .product-vklad-energy-balans .bg-blue .b-accordion--opener--conditions--clause--contents, .product-vklad-privet-sosed .bg-blue .b-accordion--opener--conditions--clause--contents { font-size: 25px;} .product-vklad-energy-balans .b-products-article .b-calculator---deposits .b-accordion--opener--conditions, .product-vklad-privet-sosed .b-products-article .b-calculator---deposits .b-accordion--opener--conditions { margin: 0 -10px -40px;} .product-vklad-privet-sosed .b-calculator--variations .b-accordion--opener--conditions--clause:last-child { width: calc(100% - 20px); margin-top: 15px;} .product-vklad-privet-sosed .b-calculator---deposits .b-switcher { height: 50px; width: 50px;} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--form--fieldset---currency { margin-right: 30px;} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--form--fieldset---amount { margin-top: 0; display: inline-block; vertical-align: middle; width: calc(100% - 100px);} .b-price-info-block-inner { padding: 40px 35px;} .b-price-info-block .list-wrapper .list .list__item .value { font-size: 35px;} .b-price-info-block .title .text { font-size: 16px;} .b-open-deposit-block .b-open-deposit-item-wrapper { padding-right: 0;} .b-open-deposit-block .b-open-deposit-text .text { font-size: 16px;} .b-open-deposit-block .b-open-deposit-title { margin-bottom: 60px;} .b-open-deposit-block .b-open-deposit-item:last-child { padding-left: 40px;} .b-open-deposit-block .b-open-deposit-item:first-child { padding-left: 0;} .b-open-deposit-block .b-open-deposit-item { padding-right: 40px; padding-left: 0;} .b-open-deposit-block .b-open-deposit-text { margin-top: 60px;} .b-open-deposit-block .b-open-deposit-item-wrapper { padding-right: 30px;} .b-open-deposit-block .b-open-deposit-item .item-text .text { font-size: 16px;} .b-open-deposit-block .b-open-deposit-item .item-image, .b-open-deposit-block .b-open-deposit-item .item-text { margin-bottom: 30px;} .b-open-deposit-title .h2 { font-size: 32px;} .b-open-deposit-block { margin-top: 60px;} .b-open-deposit-title { margin-bottom: 60px;} .b-price-info-block-inner { padding: 30px;} .b-price-info-block .title { margin-bottom: 25px;} .b-price-info-block .list-wrapper { margin-bottom: 25px;} .b-price-info-block .list-wrapper .list .list__item .count { font-size: 16px;} .b-price-info-block .list-wrapper .list .list__item .sup-text { font-size: 16px;} .b-price-info-block .list-wrapper .list { flex-wrap: wrap;} .b-price-info-block .list-wrapper .list .list__item { width: 150px; margin-bottom: 20px;} .product-vklad-energy-balans .b-accordion---conditioned { display: block;} .product-vklad-energy-balans .b-accordion---conditioned .l-content--section--column---first { margin-right: 0;} .product-vklad-energy-balans .b-calculator---deposits .deposit--variations-list .l-content--section--column img { width: 100%;} .product-vklad-energy-balans .b-calculator---deposits .bg-F5 { margin-top: -255px; position: relative;} .product-vklad-privet-sosed .b-calculator---deposits .deposit--variations-list .l-content--section--column img { width: 100%;} .product-vklad-privet-sosed .b-calculator---deposits .bg-F5 { margin-top: -255px; position: relative;} .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener { padding-right: 0; position: relative;} .product-vklad-energy-balans .b-contents p { font-size: 16px;} .b-open-deposit-block .b-open-deposit-title .h2 { font-size: 26px;} .product-vklad-privet-sosed .b-products-article--details p, .product-ipoteka-privet-sosed .b-products-article--details p { font-size: 16px;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--variations .b-accordion--opener--conditions--clause:last-child { width: calc(100% - 20px); margin-top: 15px;} .product-ipoteka-privet-sosed .b-products-article--details--title, .product-ipoteka-privet-sosed .b-contents h2, .product-ipoteka-privet-sosed .b-products-article--offers--title { font-size: 30px;} .product-ipoteka-privet-sosed .b-contents ul li { font-size: 16px;} .product-ipoteka-privet-sosed .b-calculator---deposits .b-accordion--opener--conditions { margin-top: 0; margin-bottom: -40px;} .product-ipoteka-privet-sosed .bg-blue .b-accordion--opener--conditions--clause--contents { font-size: 25px;} .product-ipoteka-privet-sosed .b-calc-section .b-calculator---deposits .b-accordion--opener--conditions--clause { width: 50%; margin-bottom: 40px;} .product-ipoteka-privet-sosed .b-calculator--results--action .b-button { height: 56px; line-height: 56px;} } @media (min-width: 481px) and (max-width: 1024px) { .product-vklad-privet-sosed .b-products-article--offers-middle .b-offers--clause:last-child { width: 570px;} .product-ipoteka-privet-sosed .b-products-article--offers-middle .b-offers .b-offers--clause:last-child { width: 570px; margin-top: 15px;} .product-ipoteka-privet-sosed .b-calculator--results--clause:last-of-type { padding-bottom: 24px;} .product-ipoteka-privet-sosed .b-calculator--results--clause:first-of-type { padding-top: 24px;} } @media (max-width: 600px) { .product-navostok .grey { padding:100px 24px 20px 19px; background-position:19px 30px;} .product-navostok .grey p, .product-navostok .add_info p { font-size:14px; text-align:left;} .b-open-deposit-block .b-open-deposit-item-wrapper { flex-wrap: wrap; padding-right: 0;} .b-open-deposit-block .b-open-deposit-item { width: 400px; max-width: 100%; justify-content: center; padding-right: 0; border-right: 0; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #C8D6E3;} .b-open-deposit-block .b-open-deposit-item:last-child { padding-left: 0; margin-bottom: 0; padding-bottom: 0; border-bottom: none;} } @media (max-width: 480px) { .product-ipoteka-privet-sosed .b-calculator--results--action .b-button { height: 46px; line-height: 46px;} .product-vklad-privet-sosed .b-calculator---deposits .px-51 { padding-bottom: 0 !important;} .product-vklad-privet-sosed .b-open-deposit-block .b-open-deposit-title { margin-bottom: 40px;} .product-ipoteka-privet-sosed .b-contents ul li, .product-vklad-privet-sosed .b-contents ul li, .product-vklad-energy-balans .b-contents ul li { font-size: 14px;} .b-calculator---deposits .b-accordion---conditioned .b-accordion--opener:after { left: 12px; top: 48%;} .product-ipoteka-privet-sosed .b-calculator---deposits .mt-22 { margin-top: -60px;} .product-vklad-energy-balans .b-accordion--opener--conditions--clause--title, .product-vklad-privet-sosed .b-accordion--opener--conditions--clause--title { font-size: 11px;} .product-vklad-energy-balans .bg-blue .b-accordion--opener--conditions--clause--contents, .product-vklad-privet-sosed .bg-blue .b-accordion--opener--conditions--clause--contents { font-size: 16px;} .product-vklad-energy-balans .b-calculator---deposits .b-accordion--opener--conditions--clause, .product-vklad-privet-sosed .b-calculator---deposits .b-accordion--opener--conditions--clause { margin: 0 10px 20px;} .product-vklad-energy-balans .b-products-article .b-calculator---deposits .b-accordion--opener--conditions, .product-vklad-privet-sosed .b-products-article .b-calculator---deposits .b-accordion--opener--conditions { margin: 0 -10px -20px;} .product-ipoteka-privet-sosed .b-calculator---deposits .b-accordion--opener--conditions { margin-bottom: -12px;} .product-ipoteka-privet-sosed .b-calc-section .b-calculator---deposits .b-accordion--opener--conditions--clause { margin-bottom: 12px;} .product-ipoteka-privet-sosed .bg-blue .b-accordion--opener--conditions--clause--contents { font-size: 16px;} .product-ipoteka-privet-sosed .b-accordion--opener--conditions--clause--title { font-size: 11px;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator-form, .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results { padding: 25px;} .product-ipoteka-privet-sosed .b-accordion--opener--conditions--clause--title { line-height: 1.3;} .product-ipoteka-privet-sosed .b-switcher.b-switcher---single .b-switcher--clause---current { font-size: 12px;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results { display: flex; flex-wrap: wrap; justify-content: space-between;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause-double { display: flex; justify-content: space-between; width: 100%;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause--title { font-size: 12px; line-height: 1.3; flex: 1 1 auto; order: 0;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause-double .b-calculator--results--clause { width: calc(50% - 5px);} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause-double .b-calculator--results--clause:first-child { padding-top: 20px;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause-double .b-calculator--results--clause:last-child { padding-top: 20px;} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause { display: flex; flex-direction: column; padding: 20px 0; width: calc(50% - 5px);} .product-ipoteka-privet-sosed .b-calculator-wrapper .b-calculator--results--clause--contents { font-size: 16px; order: 1;} .b-get-mortgage-list .list-item .list-item-text { font-size: 11px;} .product-vklad-privet-sosed .b-cover--background, .product-vklad-energy-balans .b-cover--background, .product-ipoteka-privet-sosed .b-cover--background { opacity: 1;} .product-vklad-privet-sosed .b-products-article--details p, .product-ipoteka-privet-sosed .b-products-article--details p { font-size: 14px;} .product-vklad-privet-sosed .b-calculator---deposits .b-accordion--opener--conditions--clause--title { line-height: 1.4;} .product-vklad-privet-sosed .b-contents h2 { font-size: 19px;} .product-vklad-privet-sosed .b-products-article .b-contents ul li { font-size: 12px;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--form--fieldset---currency { width: 55px;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--form--fieldset---currency { margin-right: 15px;} .product-vklad-energy-balans .b-calculator---deposits .b-calculator--form--fieldset---amount { margin-left: 0; width: calc(100% - 70px);} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--form--fieldset---currency { width: 55px;} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--form--fieldset---currency { margin-right: 15px;} .product-vklad-privet-sosed .b-calculator---deposits .b-calculator--form--fieldset---amount { margin-left: 0; width: calc(100% - 70px);} .b-open-deposit-block .b-open-deposit-title .h2 { font-size: 19px;} .b-open-deposit-block .b-open-deposit-text .text { font-size: 14px;} .b-open-deposit-block .b-open-deposit-title { margin-bottom: 30px;} .b-open-deposit-block .b-open-deposit-text { margin-top: 40px;} .b-open-deposit-block .b-open-deposit-item .item-image, .b-open-deposit-block .b-open-deposit-item .item-text { margin-bottom: 25px;} .b-open-deposit-title .h2 { font-size: 19px;} .b-open-deposit-block { margin-top: 40px;} .b-open-deposit-title { margin-bottom: 40px;} .b-price-info-block-inner { padding: 20px;} .b-price-info-block .title .text { font-size: 12px;} .b-price-info-block .list-wrapper { margin-bottom: 20px;} .b-price-info-block .list-wrapper .list .list__item .value { font-size: 30px; margin-bottom: 0; flex: 1 1 auto; text-align: right; padding-right: 5px; margin-top: -6px;} .b-price-info-block .list-wrapper .list .list__item .count { margin-bottom: 0; font-size: 12px; line-height: 1.1;} .b-price-info-block .list-wrapper .list .list__item .sup-text { margin-top: 0; font-size: 12px;} .b-price-info-block .list-wrapper .list .list__item { width: 100%; display: flex; align-items: flex-start;; justify-content: space-between;} .b-price-info-block .list-wrapper .list .list__item:last-child { border-bottom: none; padding-bottom: 0;} .product-vklad-energy-balans .b-calculator---deposits .bg-F5 { margin-top: -110px;} .product-vklad-privet-sosed .b-calculator---deposits .bg-F5 { margin-top: -110px;} .product-vklad-energy-balans .b-calculator---deposits .b-accordion--opener--conditions--clause { width: calc(50% - 20px);} .product-vklad-energy-balans .b-calc { margin-top: 30px;} .product-vklad-energy-balans .b-calculator---deposits .b-accordion--opener--conditions--clause--title { line-height: 1.4;} .product-vklad-energy-balans .b-contents h2 { font-size: 19px;} .b-price-info-block .title .text { line-height: 1.4;} .b-price-info-block .link-wrapper .link { line-height: 1.4; width: 155px;} .b-open-deposit-block .b-open-deposit-item .item-image { width: 60px; height: 60px;} .b-open-deposit-block .b-open-deposit-item .item-image svg { width: 29px;} .product-ipoteka-privet-sosed .b-products-article--details--title, .product-ipoteka-privet-sosed .b-contents h2, .product-ipoteka-privet-sosed .b-products-article--offers--title { font-size: 19px;} .product-ipoteka-privet-sosed .b-contents ul li { font-size: 12px;} .b-get-mortgage-list-wrapper { padding: 25px;} .b-get-mortgage-list .list-item { margin-bottom: 18px;} .b-get-mortgage-list .list-item:last-child { margin-bottom: 0;} .b-get-mortgage-list .list-item .list-item-image { max-width: 26px; margin-right: 16px;} .b-get-mortgage-list .list-item .list-item-text { font-size: 11px;} .b-get-mortgage-title { margin-bottom: 25px;} .b-get-mortgage-title h2 { font-size: 19px;} .product-ipoteka-privet-sosed .b-products-article--offers .b-offers.slick-initialized .slick-list, .product-vklad-privet-sosed .b-products-article--offers .b-offers.slick-initialized .slick-list, .product-vklad-energy-balans .b-products-article--offers .b-offers.slick-initialized .slick-list { overflow: visible;} } .product-vklad-energy-balans .b-vklad-t-container { margin: 40px 0;} .-clearfix::after { content:''; display: table; clear: both;} /* end 14.04.21 */ .collapse_heading{ border-bottom:1px solid #eee; padding:15px 0px; cursor:pointer;} .collapse_heading h3{ font-size:1.5rem;} .collapse_heading span{ font-size:1.1rem; font-weight:800; color:#f56e73; float: right;} .collapse_content{ padding: 20px;} .collapse_content p{ border-left:1px solid #eee; padding-left:5px;} .collapse-i{ position: absolute; right: 32px; width: 24px; height: 24px; background: #174882; border-radius: 12px; margin-top: -32px; transition: .3s;} .collapse-i:before { position: absolute; top: 50%; left: 50%; width: 10px; height: 6px; background: url(/i/b-accordion-opener.svg) no-repeat 0 0; background-size: 100% 100%; margin: -2px 0 0 -5px; transition: .3s; content: "";} .collapse-i.collapse_arrow_up { background: #DCE1E1;} .collapse-i.collapse_arrow_up:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-top: -3px;} .collapse_heading h2{ font-size: 16px;} /*Agent products Page Styles*/ .b-product-advantages { width: 1170px; margin: -20px auto 50px; position: relative; z-index: 2; display: block;} .b-product-advantages .b-product-advantages--inner { background: #164883; border-radius: 6px; padding: 55px 50px;} .b-product-advantages .b-product-advantages--wrapper { display: flex; flex-wrap: wrap; margin: 0 -35px -35px;} .b-product-advantages .b-product-advantages--item { width: calc(33.3333% - 70px); margin: 0 35px 35px;} .b-product-advantages .b-product-advantages--item---image { height: 50px; margin-bottom: 30px;} .b-product-advantages .b-product-advantages--item---image .image { height: 100%;} .b-product-advantages .b-product-advantages--item---text .text { font-size: 16px; color: #fff;} .product-agent_program .l-content--section---wide { position: relative; z-index: 1; overflow: hidden;} .product-agent_program .b-cover--title { width: 590px; max-width: 100%;} .product-agent_program .b-cover .b-cover--action { margin-top: 20px;} .product-agent_program .b-cover .b-cover--action .b-button { height: 40px; line-height: 40px;} .product-agent_program .b-cover--description { font-size: 18px; line-height: 1.5;} .product-agent_program .b-products-article--details--title { font-size: 35px; font-family: 'Inter', sans-serif; font-weight: 600; line-height: 1.2;} .product-agent_program .b-products-article--details--contents { margin-top: 38px;} .product-agent_program .b-products-article .b-contents ul li { font-size: 18px; margin-bottom: 40px;} .product-agent_program .b-products-article .b-contents ul li:last-child { margin-bottom: 0;} .b-agent-products--title { margin-bottom: 50px; text-align: center;} .b-agent-products--title .h2 { font-size: 35px; font-weight: 600; line-height: 1.1; color: #333;} .b-agent-product--wrapper { display: flex; flex-wrap: wrap; margin: 0 -12px -22px;} .b-agent-product--item { width: calc(50% - 24px); margin: 0 12px 22px; box-sizing: border-box;} .b-agent-product--item---inner { padding: 40px 70px 50px; background: #F5F5F5; border-radius: 6px; height: 100%; box-sizing: border-box;} .b-agent-product--item---title { text-align: center; margin-bottom: 40px;} .b-agent-product--item---title .h3 { font-size: 24px; color: #333; line-height: 1.1;} .b-agent-product--item---list .list .list-item { margin-bottom: 30px;} .b-agent-product--item---list .list .list-item:last-child { margin-bottom: 0;} .b-agent-product--item---list .list .text { color: #22487F; font-size: 20px; line-height: 1.6; transition: .2s;} .b-agent-product--item---list .list .link:hover .text { color: #174882;} .b-become-agent--title { margin-bottom: 50px;} .b-become-agent--title .h2 { font-size: 35px; font-weight: 600; line-height: 1.1; color: #333;} .b-become-agent--list .list .list-item { display: flex; align-items: center; margin-bottom: 50px;} .b-become-agent--list .list .list-item:last-child { margin-bottom: 0;} .b-become-agent--list .list .list-item .list-item-image { margin-right: 40px;} .b-become-agent--list .list .list-item .list-item-text { font-size: 18px; line-height: 1.3; color: #000;} @media (max-width: 1024px) { .b-product-advantages { width: 570px;} .b-product-advantages .b-product-advantages--inner { padding: 45px 35px;} .b-product-advantages .b-product-advantages--wrapper { margin: 0 -15px -35px;} .b-product-advantages .b-product-advantages--item { width: calc(50% - 30px); margin: 0 15px 35px;} .b-product-advantages .b-product-advantages--item:nth-child(3n) { width: calc(100% - 30px);} .b-product-advantages .b-product-advantages--item---image { height: 45px; margin-bottom: 20px;} .b-product-advantages .b-product-advantages--item---text .text { font-size: 16px; color: #fff;} .product-agent_program .b-cover { position: relative;} .product-agent_program .b-cover--inside { position: unset;} .product-agent_program .b-cover--background { margin: 0; right: 0; transform: translateX(15%); left: auto;} .product-agent_program .b-cover--description { max-width: 440px;} .product-agent_program .b-products-article--details--title { font-size: 24px;} .product-agent_program .b-products-article--details--contents { margin-top: 30px;} .product-agent_program .b-products-article .b-contents ul li { font-size: 16px; margin-bottom: 20px; padding-left: 24px;} .product-agent_program .b-products-article .b-contents ul li::before { width: 6px; height: 6px;} .product-agent_program .b-products-article .b-contents ul li:last-child { margin-bottom: 0;} .b-agent-products--title { margin-bottom: 40px; text-align: left;} .b-agent-products--title .h2 { font-size: 24px;} .b-agent-product--item { width: calc(100% - 24px);} .b-agent-product--item---list .list .text { font-size: 16px;} .b-become-agent--title { margin-bottom: 40px;} .b-become-agent--title .h2 { font-size: 24px;} .b-become-agent--list .list .list-item .list-item-image { margin-right: 30px;} .b-become-agent--list .list .list-item .list-item-text { font-size: 16px;} } @media (max-width: 480px) { .b-product-advantages { width: 316px; max-width: calc(100% - 30px); padding: 0 15px; margin: -30px auto 30px;} .b-product-advantages .b-product-advantages--inner { padding: 30px 35px;} .b-product-advantages .b-product-advantages--wrapper { margin: 0 -8px -30px;} .b-product-advantages .b-product-advantages--item { width: calc(50% - 16px); margin: 0 8px 30px;} .b-product-advantages .b-product-advantages--item:nth-child(3n) { width: calc(100% - 16px);} .b-product-advantages .b-product-advantages--item---image { height: 30px; margin-bottom: 15px;} .b-product-advantages .b-product-advantages--item---text .text { font-size: 11px; color: #fff;} .product-agent_program .b-cover--background { transform: translateX(22%); opacity: 1;} .product-agent_program .b-cover--title { font-size: 25px;} .product-agent_program .b-cover--description { margin-top: 15px; font-size: 12px; max-width: 200px;} .product-agent_program .b-cover .b-cover--action { margin-top: 30px; position: relative; bottom: auto;} .product-agent_program .b-products-article--details--title { font-size: 16px;} .product-agent_program .b-products-article--details--contents { margin-top: 20px;} .product-agent_program .b-products-article .b-contents ul li { font-size: 12px; margin-bottom: 15px; padding-left: 18px;} .product-agent_program .b-products-article .b-contents ul li:last-child { margin-bottom: 0;} .b-agent-products--title { margin-bottom: 30px; text-align: center;} .b-agent-products--title .h2 { font-size: 16px;} .b-agent-product--item---inner { padding: 35px;} .b-agent-product--item---title { margin-bottom: 25px;} .b-agent-product--item---title .h3 { font-size: 16px;} .b-agent-product--item---list .list .list-item { margin-bottom: 20px;} .b-agent-product--item---list .list .text { font-size: 12px;} .b-become-agent--title { margin-bottom: 30px;} .b-become-agent--title .h2 { font-size: 16px;} .b-become-agent--list .list .list-item { align-items: flex-start; margin-bottom: 25px;} .b-become-agent--list .list .list-item .list-item-image { width: 24px; margin-right: 15px;} .b-become-agent--list .list .list-item .list-item-text { font-size: 12px;} .product-deposits .legal-deposits.b-calculator---deposits .b-accordion--opener--conditions { width:155px; top:5px;} .product-deposits .b-calculator---deposits .b-accordion--opener--conditions--clause { width:50%;} } .b-copyright-en::before { background-image: url(../i/b-copyright---footer.svg?t);} .b-social-menu--clause---tg .b-social-menu--clause--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/telegram.svg) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -7px; content: "";} @media screen and (max-width: 767px) { .b-social-menu--clause---fb .b-social-menu--clause-menu--link:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../i/telegram.svg) no-repeat 0 0; background-size: 100% 100%; margin: -12px 0 0 -7px; content: "";} } .for_mobile{ display: none;} @media screen AND (max-width: 767px){ .hidden-desktop span.visually_impaired:before{ left: 0; top: -20px;} } .d-flex{display: flex;} .flex-wrap{flex-wrap: wrap;} .col6{width: 50%;margin-bottom: 20px} .service_for_partners_item{border: 1px solid rgba(0, 40, 86,.3);border-radius: 6px;padding: 32px 29px 40px 40px;box-sizing: border-box;height: 100%;color: #000} .service_for_partners_item:hover{border: 1px solid #D0BF83;} .service_for_partners_item__name{font-weight: 600;font-size: 24px;line-height: 140%;} .service_for_partners_item__desc{font-weight: 400;font-size:16px;line-height:22px;margin: 32px 0} .first1{margin-right: 11px;} .last1{margin-left: 11px} .upp{text-transform: uppercase;} .form_sunsim{margin: 10px auto;position: relative;color: #000;max-width: 675px;background: #FFF;border-radius: 20px;padding: 18px 48px 0;background: #fff;box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .20);z-index:130;} .b-contents .form_sunsim h3{margin: 2px 0 31px!important;font-weight: 600;color: #000;} .cols-3{width: 33.33333%} .cols-2{width: 50%} .form_sunsim_row .cols-3,.form_sunsim_row .cols-2{padding: 5px;} .sunsim_p{background:#DAECF7;border-radius: 6px;padding: 20px 20px 15px} .form_sunsim_row{margin: 0 -5px} .sunsim_coutry{font-size: 16px;line-height: 26px;} .sunsim_price{font-size: 24px;line-height: 38px;} .form_sunsim_desc{opacity: 0.5;font-size: 14px;line-height: 240%;margin: 10px 0 44px;} .form_sunsim_tarifs__name{border-bottom: 1px solid #164883;padding-bottom: 10px;} .form_sunsim_tarifs{margin-bottom: 32px} .form_sunsim_tarifs__name{font-size: 16px;line-height: 24px;color: #164883;font-weight: 600;} .form_sunsim_tarif__item{font-size: 16px;line-height: 24px;padding: 13px 0;border-bottom: 1px solid #E8E8E8;} .form_sunsim_tarif__item.last2{border: 0} .form_sunsim_footer{background: #F5F5F5;margin: 0 -48px;padding: 37px 48px 46px;border-radius: 0 0 20px 20px;} .form_sunsim_agree{font-size: 14px;line-height: 19px;color: #75808A;margin-bottom: 23px;} .form_sunsim_agree a{border-bottom: 1px solid;color: #75808A;} .form_sunsim_agree a:hover{border-color: transparent;} .form_sunsim_footer .b-button{width: 100%;} .bgBlack{background: rgba(0,0,0,.1);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 129} .form_sunsim_main{display: block;right: 0;left: 0;top: 0;bottom: 0;overflow-y: auto;top: 0;left: 0;position: fixed;z-index: 130;padding: 10px;justify-content: center;} .form_sunsim_close{width:40px;height: 40px;position: absolute;top:10px;right:10px;background: url(/i/b-popup--closer.svg) no-repeat center;cursor: pointer;} .none{display: none!important;} .mobile{display: none;} .b-services-article--contents .b-app .app-store , .b-services-article--contents .b-app .google-play { display:inline-block; height:32px;} .b-services-article--contents .b-app a span { text-indent:-5000px; overflow:hidden;} .b-services-article--contents .b-app .app-store span { background: url(../i/b-footer-app-store-ru.svg) no-repeat 0 0; width: 122px; height: 40px; display: inline-block; position:relative; top:14px;} .b-services-article--contents .b-app .google-play span { background: url(../i/b-footer-google-play-ru.png) no-repeat 0 0; background-size: 100% 100%; width: 122px; height: 40px; display: inline-block; position:relative; top:14px;} @media screen AND (min-width: 781px){ .b-services-article--contents .b-app li:before { top:28px;} } @media screen AND (max-width: 781px){ .col6{width: 100%;} .first1,.last1{margin-right: 0;margin-left: 0;} .service_for_partners_item{padding: 30px 40px 40px 38px;} .b-contents .form_sunsim h3{font-size: 24px;line-height: 34px;} } @media screen AND (max-width: 430px){ .form_sunsim{padding: 11px 25px;} .form_sunsim_footer{margin: 0 -25px;padding: 20px 25px 25px;} .b-contents .form_sunsim h3{font-size: 18px;line-height: 26px;margin: 7px 0 20px;} .cols-3,.cols-2{width: 100%;} .service_for_partners_item__name{font-size: 22px;line-height: 30px;} .service_for_partners_item__desc{font-size:14px;line-height:20px;margin: 30px 0} .service_for_partners_item{padding: 30px 23px 28px;} .sunsim_p{padding: 10px;border-radius: 6px;display: flex;justify-content: space-between;} .sunsim_coutry{line-height: 25px;font-size: 14px;} .sunsim_price{line-height: 25px;font-size: 18px;} .form_sunsim_desc{font-size: 12px;line-height: 28px;margin: 10px 0 29px;} .not_mobile{display: none} .mobile{display: block;} .trf_name{font-weight: 600;font-size: 12px;line-height: 20px;color: #164883;padding-bottom: 10px;border-bottom: 1px solid #164883;margin-bottom: 10px;} .trf_pr{font-size: 12px;line-height:20px;padding-bottom: 10px;border-bottom:1px solid #E8E8E8;margin-bottom: 11px;} .trf_pr.lst{border: 0} .trf_item{margin-bottom: 26px;} .form_sunsim_agree{font-size: 12px;line-height: 18px;} .b-services-article--contents .b-app li { margin-bottom:20px;} } .b-popup---form .b-popup--inside { padding:32px; width:900px; border-radius:24px;} .b-popup---form .b-popup--inside.narrow { width:640px;} .b-popup-form--title { font-size:36px; font-weight:600; margin-right:32px; color:#000;} .b-popup .b-popup--closer { top:44px; right:32px;} .b-text-area { border:none;} .b-select { height:64px;} div.b-text-field input, div.b-text-area textarea, .b-popup-form--section---request .b-select--current, .b-popup-form--section---request .b-select---opened .b-select--current, .b-text-field---specified .b-text-field--entity, .b-popup-form--section---request .customfile { border:1px solid #BDBDBD; border-radius:8px; min-height:64px; padding:16px; font-size:18px; color:#000; resize:none; line-height:30px; position:relative;} .b-popup-form--section---request .b-select--current::before { width:15px; height:9px; top:28px;} .b-select--dropdown { border-radius:6px;} .b-select--dropdown--clause:hover { background:#eee;} div.b-text-area textarea { height:152px;} div.b-text-field input::placeholder, div.b-text-area textarea::placeholder, .file_preview > p { color:#828282;} .b-popup-form input:focus, .b-popup-form textarea:focus { border-color:#012B5D;} .empty_field input.b-text-field--entity, .empty_field textarea { border-color:#E03600;} .b-popup-form--fieldset { margin-top:24px;} .b-text-field span, .b-text-area span { padding-top:16px; line-height:32px; display:none !important;} .slimScroll { overflow: hidden; position: relative; height:500px;} .bigform .slimScroll { height:calc(100vh - 150px);} .slimScroll.noscroll { height:auto !important;} .b-text-field--entity {} .wrapper, .scroll-wrapper { padding: 5px;} .scroll-wrapper.mac + .scrollBarContainer{ background-color: transparent;} .scrollBarContainer.animate .scroll{ transition: 2s opacity ease; -ms-transition: 2s opacity ease; opacity: 0;} .scrollBarContainer:hover .scroll{ opacity: 0.5; transition: none; -ms-transition: none;} .unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;} .scroll{ border-radius: 10px;} .wrapper + .scrollBarContainer{ background-color: #eee9ee;} .scrollBar { background-color: #60F509; border-radius: 10px; opacity: 0.5;} .scroll-bar{ background-color: #14D1E0;} .b-popup-form--fieldset .empty_field:after { content:"Поле обязательно для заполнения."; display:inline-block; font-size:18px; line-height:140%; color:#E03600; margin-top:12px;} ul.forms_ul li > div { display:block !important; padding:0;} ul.forms_ul li > p, ul.forms_ul li > p.active, .b-calculator--form--label, .b-popup-form--section---request h3, .b-popup-form--section---request p.active { background:none; text-transform:none; font-size:24px; font-weight:600; color:#000; cursor:auto; padding:0; margin:32px 0;} [data-slimscroll] > div { padding:0;} .b-popup-form--agreement { font-size:16px; color:#000;} .b-popup-form--agreement a { color:#012B5D; text-decoration:none;} .b-popup-form--section---request .b-button { background:#012B5D; height:64px; font-size:18px; font-weight:500; color:#fff; text-transform:none;} .b-checkbox-field--icon { border:1px solid #BDBDBD;} .b-checkbox-field:hover .b-checkbox-field--icon { border-color:#2F80ED; border-radius:6px;} .b-checkbox-field--entity:checked + .b-checkbox-field--icon { background: #2F80ED; border-color: #2F80ED;} .b-popup-form--section---request .b-checkbox-field--label { font-size:18px; line-height:140%; color:#000;} .uload-icon { position: absolute; right: 16px; top: 50%; width: 27px; height: 29px; background: url(/i/vv/file.svg) no-repeat 0 0; background-size: 100% 100%; margin-top: -15px;} #file_uploads { display:block; visibility:hidden; height:0 !important; width:0 !important; padding:0 !important; border:none !important; min-height:0 !important;} .b-popup-form--section---request .customfile { padding-right:54px;} .b-popup-form--message { color:#000;} @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-height: 500px) and (orientation: landscape) and (pointer: coarse) { .b-popup---form .b-popup--inside { width:100% !important; padding:16px; border-radius:0; height:100%;} .b-popup-form--title { font-size:24px; line-height:normal;} div.b-text-field input, div.b-text-area textarea, .b-popup-form--section---request .b-select--current, .b-popup-form--section---request .b-select---opened .b-select--current, .b-text-field---specified .b-text-field--entity, .b-select { height:48px; font-size:18px; line-height:20px; max-width:100%;} div.b-text-area textarea { height:152px;} .b-popup .b-popup--closer { top:19px; right:16px;} .b-popup-form--agreement { font-size:14px;} .b-popup-form--section---request .b-button { height:44px; font-size:14px; line-height: normal;} ul.forms_ul li > p, ul.forms_ul li > p.active, .b-calculator--form--label, .b-popup-form--section---request h3, .b-popup-form--section---request p.active { font-size:18px;} .b-select--current { overflow:hidden; max-width:100%;} .b-select--current::before { top:24px;} .slimScroll { height: calc(100vh - 140px) !important; margin-right:-16px;} .slimScroll.noscroll { margin-right:0;} .b-popup-form--fieldset---submit { padding-bottom:20px;} div.b-text-field input, div.b-text-area textarea, .b-popup-form--section---request .b-select--current, .b-popup-form--section---request .b-select---opened .b-select--current, .b-text-field---specified .b-text-field--entity, .b-popup-form--section---request .customfile { min-height:48px; padding:12px; font-size:14px;} .b-popup-form--fieldset { margin-top:16px;} .b-popup-form--section---request .b-checkbox-field--label { font-size:14px; line-height:24px;} .b-popup-form--section---request .b-select--current::before { top:19px;} .b-popup-form [data-slimscroll] > div { margin-right:8px;} .b-text-field span, .b-text-area span { padding-top:7px;} }