@font-face { font-family: "TTNorm"; font-weight: 100; font-style: normal; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraLight.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraLight.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraLight.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraLight.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 200; font-style: normal; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Thin.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Light.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Thin.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Thin.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 300; font-style: normal; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Light.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Light.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Light.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Light.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 400; font-style: normal; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Regular.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Regular.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Regular.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Regular.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 500; font-style: normal; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Medium.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Medium.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Medium.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Medium.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 600; font-style: normal; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Bold.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Bold.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Bold.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Bold.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 700; font-style: normal; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Black.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Black.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Black.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-Black.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 800; font-style: normal; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBold.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBold.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBold.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBold.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 900; font-style: normal; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBlack.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBlack.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBlack.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBlack.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 100; font-style: italic; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraLightItalic.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraLightItalic.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraLightItalic.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraLightItalic.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 200; font-style: italic; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-LightItalic.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-LightItalic.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-LightItalic.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-LightItalic.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 300; font-style: italic; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ThinItalic.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ThinItalic.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ThinItalic.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ThinItalic.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 400; font-style: italic; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-RegularItalic.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-RegularItalic.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-RegularItalic.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-RegularItalic.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 500; font-style: italic; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-MediumItalic.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-MediumItalic.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-MediumItalic.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-MediumItalic.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 600; font-style: italic; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-BoldItalic.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-BoldItalic.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-BoldItalic.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-BoldItalic.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 700; font-style: italic; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-BlackItalic.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-BlackItalic.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-BlackItalic.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-BlackItalic.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 800; font-style: italic; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBoldItalic.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBoldItalic.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBoldItalic.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBoldItalic.svg#JournalRegular") format("svg"); } @font-face { font-family: "TTNorm"; font-weight: 900; font-style: italic; src: url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBlackItalic.ttf") format("truetype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBlackItalic.woff") format("woff"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBlackItalic.eot") format("embedded-opentype"), url("https://static.lc-group.ru/fonts/TTNorm-PRO/TTNormsPro-ExtraBlackItalic.svg#JournalRegular") format("svg"); } * { margin: 0; padding: 0; outline: none; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; width: 100%; } img { max-width: 100%; } a.button { background: #335992; color: #ffffff; border: none; padding-left: 30px; padding-right: 30px; height: 50px; line-height: 50px; font-size: 16px; letter-spacing: 1px; display: block; text-align: center; } a.button:hover { background: #335992; color: #ffffff; } a.button.button-light-blue { background: #318BE2; } a.button.button-light-blue:hover { background: #335992; color: #ffffff; } a.button.border-button { background: none; border: 1px solid #ffffff; display: inline-block; } a.button.button-light-violet { background: #EDEFFF; color: #253196; } a.button.button-light-violet:hover { background: #253196; color: #ffffff; } body { background: #ffffff; color: #4D4D4D; font: 400 16px/1.4 TTNorm, Tahoma, sans-serif; } body .search-top { position: relative; } body .search-top input[type="text"] { border: none; background: none; border-bottom: 1px solid #959AB8; color: #959AB8; width: 100%; } body .search-top input[type="submit"] { position: absolute; right: 0; top: 5px; border: none; background: none; background-color: #959AB8; -webkit-mask: url("https://static.merlion.ru/img2021/search.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/search.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; width: 13px; height: 13px; } @media (max-width: 767px) { body .search-top { width: 100%; margin-top: 30px; display: none; } body .search-top input[type="text"] { padding-left: 30px; } body .search-top input[type="text"] ::-webkit-input-placeholder { /* Chrome */ color: #253196; } body .search-top input[type="text"] :-ms-input-placeholder { /* IE 10+ */ color: #253196; } body .search-top input[type="text"] ::-moz-placeholder { /* Firefox 19+ */ color: #253196; opacity: 1; } body .search-top input[type="text"] :-moz-placeholder { /* Firefox 4 - 18 */ color: #253196; opacity: 1; } body .search-top input[type="submit"] { right: auto; left: 0; top: 0; width: 18px; height: 18px; background-color: #253196; } } body header { height: 133px; background: #ffffff; padding: 0; position: relative; z-index: 100; } @media (max-width: 767px) { body header { height: 76px; } } body header .top-flex { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; } body header .top-flex .top-links { text-align: right; display: flex; padding-top: 7px; } @media (max-width: 767px) { body header .top-flex .top-links { display: none; } } body header .top-flex .top-links a { color: #253196; margin-left: 43px; } body header .top-flex .top-links a.partner-link:before { width: 16px; height: 16px; margin-right: 9px; content: ''; background-color: #253196; -webkit-mask: url("https://static.merlion.ru/img2021/done.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/done.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; display: inline-block; position: relative; top: 3px; } body header .top-flex .top-links a.b2b-link:before { width: 13px; height: 17px; margin-right: 9px; content: ''; background-color: #253196; -webkit-mask: url("https://static.merlion.ru/img2021/auth-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/auth-icon.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; display: inline-block; position: relative; top: 3px; } @media (max-width: 767px) { body header .top-flex .top-links a { margin-left: 0; margin-top: 20px; font-weight: 600; } } body header .top-flex .top-links a:hover, body header .top-flex .top-links a:focus, body header .top-flex .top-links a:active { text-decoration: none; color: #253196; } @media (max-width: 767px) { body header .top-flex .top-links { width: 100%; justify-content: space-between; } } @media (max-width: 767px) { body header .top-flex.active, body header .top-flex.hovered { background: #ffffff; } } @media (max-width: 767px) { body header .top-flex.active .top-links, body header .top-flex.hovered .top-links { display: flex; } } @media (max-width: 767px) { body header .top-flex { width: calc(100% + 30px); margin: 0 -15px; padding-left: 15px; padding-right: 15px; } } body header .menu-flex { display: flex; flex-wrap: wrap; justify-content: space-between; } body header .menu-flex.english { justify-content: flex-start; } @media (max-width: 767px) { body header .menu-flex { display: none; background: #ffffff; padding: 35px 15px 40px; margin: 0 -15px; width: calc(100% + 30px); } } @media (max-width: 767px) { body header .menu-flex.active { display: block; } } body header .menu-flex a { color: #4D4D4D; margin-right: 10px; } body header .menu-flex a.active, body header .menu-flex a.hovered { color: #253196; } @media (max-width: 767px) { body header .menu-flex a { display: block; font-size: 24px; padding: 5px 0; } } @media (max-width: 767px) { body header .menu-flex a.closed-submenu { position: relative; padding-right: 30px; } } @media (max-width: 767px) { body header .menu-flex a.closed-submenu:before { display: block; content: ''; -webkit-mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; transform: rotate(180deg); -webkit-mask-size: cover; mask-size: cover; background-color: #959AB8; position: absolute; right: 0; top: 19px; width: 22px; height: 11px; } } body header .menu-flex a.closed-submenu.active, body header .menu-flex a.closed-submenu.hovered { color: #253196; } @media (max-width: 767px) { body header .menu-flex a.closed-submenu.active, body header .menu-flex a.closed-submenu.hovered { color: #4D4D4D; } } @media (max-width: 767px) { body header .menu-flex a.closed-submenu.active:before { transform: rotate(0); } } body header .menu-flex a:hover, body header .menu-flex a:focus, body header .menu-flex a:active { color: #253196; } body header .menu-flex.english a { margin-right: 50px; } @media (max-width: 767px) { body header .top-flex.active .search-top { display: block; } } body header #searchIcon { background-color: #4D4D4D; -webkit-mask: url("https://static.merlion.ru/img2021/search.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/search.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; width: 18px; height: 18px; display: inline-block; margin-right: 25px; } body header #menuBurger { background-color: #4D4D4D; -webkit-mask: url("https://static.merlion.ru/img2021/burger.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/burger.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; width: 20px; height: 18px; display: inline-block; } body header #menuBurger.active { -webkit-mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 50% 50%; mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 50% 50%; width: 18px; margin-left: 2px; } body #logoWhite { display: none; } body #logoNormal { display: block; } body #mobMenuIcons { padding: 12px 0 0; } body .second-level { position: absolute; top: 133px; width: 100%; background: #ffffff; border-top: 1px solid #DBDBDB; padding: 30px 0 45px; z-index: 100; font-weight: 500; display: none; } body .second-level.active { display: block; } body .second-level .row-flex { justify-content: space-between; } body .second-level a { padding: 0 0 14px 0; display: block; color: #4D4D4D; } body .second-level a.second-level-link { font-size: 20px; font-weight: 600; padding: 0 0 24px 0; } @media (max-width: 767px) { body .second-level a.second-level-link { padding: 0 0 14px 0; font-size: 16px; } } @media (max-width: 767px) { body .second-level a.third-level { padding: 0 0 14px 0; font-size: 16px; font-weight: 400; } } body .second-level a:hover, body .second-level a:focus, body .second-level a:active { text-decoration: none; color: #253196; } body .second-level a[data="rus-merlion"], body .second-level a[data="academy"] { padding-right: 20px; position: relative; } body .second-level a[data="rus-merlion"]:before, body .second-level a[data="academy"]:before { position: absolute; right: 0; top: 5px; border: none; background-color: #4D4D4D; -webkit-mask: url("https://static.merlion.ru/img2021/rus.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/rus.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; width: 11px; height: 11px; content: ''; display: block; } body .second-level a[data="academy"]:before { top: 10px; } body .second-level p { max-width: 236px; font-weight: 400; } @media (max-width: 767px) { body .second-level { background: none; position: relative; top: 0; border: none; padding: 10px 0 0; } } @media (max-width: 767px) { body .second-level .third-level { padding: 0 0 5px; } } body.page-main .second-level, body.page-wpd .second-level, body.page-stm .second-level, body.page-positronica .second-level, body.page-directions .second-level, body.page-citilink .second-level, body.page-proit .second-level, body.page-velvica .second-level, body.page-firmstyle .second-level, body.page-page-not-found .second-level, body.page-about .second-level { background: linear-gradient(90.01deg, #0D2F90 0.02%, #0E52A7 48.97%, #8AA8D7 80.81%); border-top: 1px solid rgba(255, 255, 255, 0.3); } body.page-main .second-level a, body.page-wpd .second-level a, body.page-stm .second-level a, body.page-positronica .second-level a, body.page-directions .second-level a, body.page-citilink .second-level a, body.page-proit .second-level a, body.page-velvica .second-level a, body.page-firmstyle .second-level a, body.page-page-not-found .second-level a, body.page-about .second-level a { color: #ffffff; } body.page-main .second-level a:hover, body.page-main .second-level a:focus, body.page-main .second-level a:active, body.page-wpd .second-level a:hover, body.page-wpd .second-level a:focus, body.page-wpd .second-level a:active, body.page-stm .second-level a:hover, body.page-stm .second-level a:focus, body.page-stm .second-level a:active, body.page-positronica .second-level a:hover, body.page-positronica .second-level a:focus, body.page-positronica .second-level a:active, body.page-directions .second-level a:hover, body.page-directions .second-level a:focus, body.page-directions .second-level a:active, body.page-citilink .second-level a:hover, body.page-citilink .second-level a:focus, body.page-citilink .second-level a:active, body.page-proit .second-level a:hover, body.page-proit .second-level a:focus, body.page-proit .second-level a:active, body.page-velvica .second-level a:hover, body.page-velvica .second-level a:focus, body.page-velvica .second-level a:active, body.page-firmstyle .second-level a:hover, body.page-firmstyle .second-level a:focus, body.page-firmstyle .second-level a:active, body.page-page-not-found .second-level a:hover, body.page-page-not-found .second-level a:focus, body.page-page-not-found .second-level a:active, body.page-about .second-level a:hover, body.page-about .second-level a:focus, body.page-about .second-level a:active { color: #dddfef; } body.page-main .second-level a[data="rus-merlion"]:before, body.page-main .second-level a[data="academy"]:before, body.page-wpd .second-level a[data="rus-merlion"]:before, body.page-wpd .second-level a[data="academy"]:before, body.page-stm .second-level a[data="rus-merlion"]:before, body.page-stm .second-level a[data="academy"]:before, body.page-positronica .second-level a[data="rus-merlion"]:before, body.page-positronica .second-level a[data="academy"]:before, body.page-directions .second-level a[data="rus-merlion"]:before, body.page-directions .second-level a[data="academy"]:before, body.page-citilink .second-level a[data="rus-merlion"]:before, body.page-citilink .second-level a[data="academy"]:before, body.page-proit .second-level a[data="rus-merlion"]:before, body.page-proit .second-level a[data="academy"]:before, body.page-velvica .second-level a[data="rus-merlion"]:before, body.page-velvica .second-level a[data="academy"]:before, body.page-firmstyle .second-level a[data="rus-merlion"]:before, body.page-firmstyle .second-level a[data="academy"]:before, body.page-page-not-found .second-level a[data="rus-merlion"]:before, body.page-page-not-found .second-level a[data="academy"]:before, body.page-about .second-level a[data="rus-merlion"]:before, body.page-about .second-level a[data="academy"]:before { background-color: #ffffff; } body.page-main .second-level p, body.page-wpd .second-level p, body.page-stm .second-level p, body.page-positronica .second-level p, body.page-directions .second-level p, body.page-citilink .second-level p, body.page-proit .second-level p, body.page-velvica .second-level p, body.page-firmstyle .second-level p, body.page-page-not-found .second-level p, body.page-about .second-level p { color: #ffffff; } @media (max-width: 767px) { body.page-main .second-level, body.page-wpd .second-level, body.page-stm .second-level, body.page-positronica .second-level, body.page-directions .second-level, body.page-citilink .second-level, body.page-proit .second-level, body.page-velvica .second-level, body.page-firmstyle .second-level, body.page-page-not-found .second-level, body.page-about .second-level { background: none; border: none; } } body.page-main header, body.page-wpd header, body.page-stm header, body.page-positronica header, body.page-directions header, body.page-citilink header, body.page-proit header, body.page-velvica header, body.page-firmstyle header, body.page-page-not-found header, body.page-about header { background: none; } body.page-main header.active, body.page-main header.hovered, body.page-wpd header.active, body.page-wpd header.hovered, body.page-stm header.active, body.page-stm header.hovered, body.page-positronica header.active, body.page-positronica header.hovered, body.page-directions header.active, body.page-directions header.hovered, body.page-citilink header.active, body.page-citilink header.hovered, body.page-proit header.active, body.page-proit header.hovered, body.page-velvica header.active, body.page-velvica header.hovered, body.page-firmstyle header.active, body.page-firmstyle header.hovered, body.page-page-not-found header.active, body.page-page-not-found header.hovered, body.page-about header.active, body.page-about header.hovered { background: linear-gradient(90.01deg, #0D2F90 0.02%, #0E52A7 48.97%, #8AA8D7 80.81%); } body.page-main header .top-flex .top-links a, body.page-wpd header .top-flex .top-links a, body.page-stm header .top-flex .top-links a, body.page-positronica header .top-flex .top-links a, body.page-directions header .top-flex .top-links a, body.page-citilink header .top-flex .top-links a, body.page-proit header .top-flex .top-links a, body.page-velvica header .top-flex .top-links a, body.page-firmstyle header .top-flex .top-links a, body.page-page-not-found header .top-flex .top-links a, body.page-about header .top-flex .top-links a { color: #ffffff; } body.page-main header .top-flex .top-links a.partner-link:before, body.page-wpd header .top-flex .top-links a.partner-link:before, body.page-stm header .top-flex .top-links a.partner-link:before, body.page-positronica header .top-flex .top-links a.partner-link:before, body.page-directions header .top-flex .top-links a.partner-link:before, body.page-citilink header .top-flex .top-links a.partner-link:before, body.page-proit header .top-flex .top-links a.partner-link:before, body.page-velvica header .top-flex .top-links a.partner-link:before, body.page-firmstyle header .top-flex .top-links a.partner-link:before, body.page-page-not-found header .top-flex .top-links a.partner-link:before, body.page-about header .top-flex .top-links a.partner-link:before { background-color: #ffffff; } body.page-main header .top-flex .top-links a.b2b-link:before, body.page-wpd header .top-flex .top-links a.b2b-link:before, body.page-stm header .top-flex .top-links a.b2b-link:before, body.page-positronica header .top-flex .top-links a.b2b-link:before, body.page-directions header .top-flex .top-links a.b2b-link:before, body.page-citilink header .top-flex .top-links a.b2b-link:before, body.page-proit header .top-flex .top-links a.b2b-link:before, body.page-velvica header .top-flex .top-links a.b2b-link:before, body.page-firmstyle header .top-flex .top-links a.b2b-link:before, body.page-page-not-found header .top-flex .top-links a.b2b-link:before, body.page-about header .top-flex .top-links a.b2b-link:before { background-color: #ffffff; } @media (max-width: 767px) { body.page-main header .top-flex.active, body.page-wpd header .top-flex.active, body.page-stm header .top-flex.active, body.page-positronica header .top-flex.active, body.page-directions header .top-flex.active, body.page-citilink header .top-flex.active, body.page-proit header .top-flex.active, body.page-velvica header .top-flex.active, body.page-firmstyle header .top-flex.active, body.page-page-not-found header .top-flex.active, body.page-about header .top-flex.active { background: linear-gradient(90.01deg, #0D2F90 0.02%, #0E52A7 100%); } } body.page-main header .menu-flex a, body.page-wpd header .menu-flex a, body.page-stm header .menu-flex a, body.page-positronica header .menu-flex a, body.page-directions header .menu-flex a, body.page-citilink header .menu-flex a, body.page-proit header .menu-flex a, body.page-velvica header .menu-flex a, body.page-firmstyle header .menu-flex a, body.page-page-not-found header .menu-flex a, body.page-about header .menu-flex a { color: #ffffff; } @media (max-width: 767px) { body.page-main header .menu-flex a.closed-submenu:before, body.page-wpd header .menu-flex a.closed-submenu:before, body.page-stm header .menu-flex a.closed-submenu:before, body.page-positronica header .menu-flex a.closed-submenu:before, body.page-directions header .menu-flex a.closed-submenu:before, body.page-citilink header .menu-flex a.closed-submenu:before, body.page-proit header .menu-flex a.closed-submenu:before, body.page-velvica header .menu-flex a.closed-submenu:before, body.page-firmstyle header .menu-flex a.closed-submenu:before, body.page-page-not-found header .menu-flex a.closed-submenu:before, body.page-about header .menu-flex a.closed-submenu:before { background-color: #ffffff; } } body.page-main header .menu-flex a.closed-submenu.active, body.page-main header .menu-flex a.closed-submenu.hovered, body.page-wpd header .menu-flex a.closed-submenu.active, body.page-wpd header .menu-flex a.closed-submenu.hovered, body.page-stm header .menu-flex a.closed-submenu.active, body.page-stm header .menu-flex a.closed-submenu.hovered, body.page-positronica header .menu-flex a.closed-submenu.active, body.page-positronica header .menu-flex a.closed-submenu.hovered, body.page-directions header .menu-flex a.closed-submenu.active, body.page-directions header .menu-flex a.closed-submenu.hovered, body.page-citilink header .menu-flex a.closed-submenu.active, body.page-citilink header .menu-flex a.closed-submenu.hovered, body.page-proit header .menu-flex a.closed-submenu.active, body.page-proit header .menu-flex a.closed-submenu.hovered, body.page-velvica header .menu-flex a.closed-submenu.active, body.page-velvica header .menu-flex a.closed-submenu.hovered, body.page-firmstyle header .menu-flex a.closed-submenu.active, body.page-firmstyle header .menu-flex a.closed-submenu.hovered, body.page-page-not-found header .menu-flex a.closed-submenu.active, body.page-page-not-found header .menu-flex a.closed-submenu.hovered, body.page-about header .menu-flex a.closed-submenu.active, body.page-about header .menu-flex a.closed-submenu.hovered { /*color: #007aff;*/ color: #dddfef; text-decoration: none; } @media (max-width: 767px) { body.page-main header .menu-flex a.closed-submenu.active, body.page-main header .menu-flex a.closed-submenu.hovered, body.page-wpd header .menu-flex a.closed-submenu.active, body.page-wpd header .menu-flex a.closed-submenu.hovered, body.page-stm header .menu-flex a.closed-submenu.active, body.page-stm header .menu-flex a.closed-submenu.hovered, body.page-positronica header .menu-flex a.closed-submenu.active, body.page-positronica header .menu-flex a.closed-submenu.hovered, body.page-directions header .menu-flex a.closed-submenu.active, body.page-directions header .menu-flex a.closed-submenu.hovered, body.page-citilink header .menu-flex a.closed-submenu.active, body.page-citilink header .menu-flex a.closed-submenu.hovered, body.page-proit header .menu-flex a.closed-submenu.active, body.page-proit header .menu-flex a.closed-submenu.hovered, body.page-velvica header .menu-flex a.closed-submenu.active, body.page-velvica header .menu-flex a.closed-submenu.hovered, body.page-firmstyle header .menu-flex a.closed-submenu.active, body.page-firmstyle header .menu-flex a.closed-submenu.hovered, body.page-page-not-found header .menu-flex a.closed-submenu.active, body.page-page-not-found header .menu-flex a.closed-submenu.hovered, body.page-about header .menu-flex a.closed-submenu.active, body.page-about header .menu-flex a.closed-submenu.hovered { color: #ffffff; } } body.page-main header .menu-flex a:hover, body.page-main header .menu-flex a:focus, body.page-main header .menu-flex a:active, body.page-wpd header .menu-flex a:hover, body.page-wpd header .menu-flex a:focus, body.page-wpd header .menu-flex a:active, body.page-stm header .menu-flex a:hover, body.page-stm header .menu-flex a:focus, body.page-stm header .menu-flex a:active, body.page-positronica header .menu-flex a:hover, body.page-positronica header .menu-flex a:focus, body.page-positronica header .menu-flex a:active, body.page-directions header .menu-flex a:hover, body.page-directions header .menu-flex a:focus, body.page-directions header .menu-flex a:active, body.page-citilink header .menu-flex a:hover, body.page-citilink header .menu-flex a:focus, body.page-citilink header .menu-flex a:active, body.page-proit header .menu-flex a:hover, body.page-proit header .menu-flex a:focus, body.page-proit header .menu-flex a:active, body.page-velvica header .menu-flex a:hover, body.page-velvica header .menu-flex a:focus, body.page-velvica header .menu-flex a:active, body.page-firmstyle header .menu-flex a:hover, body.page-firmstyle header .menu-flex a:focus, body.page-firmstyle header .menu-flex a:active, body.page-page-not-found header .menu-flex a:hover, body.page-page-not-found header .menu-flex a:focus, body.page-page-not-found header .menu-flex a:active, body.page-about header .menu-flex a:hover, body.page-about header .menu-flex a:focus, body.page-about header .menu-flex a:active { /*color:#007aff;*/ color: #dddfef; } @media (max-width: 767px) { body.page-main header .menu-flex, body.page-wpd header .menu-flex, body.page-stm header .menu-flex, body.page-positronica header .menu-flex, body.page-directions header .menu-flex, body.page-citilink header .menu-flex, body.page-proit header .menu-flex, body.page-velvica header .menu-flex, body.page-firmstyle header .menu-flex, body.page-page-not-found header .menu-flex, body.page-about header .menu-flex { background: linear-gradient(90.01deg, #0D2F90 0.02%, #0E52A7 100%); } } body.page-main header .search-top input[type="text"], body.page-wpd header .search-top input[type="text"], body.page-stm header .search-top input[type="text"], body.page-positronica header .search-top input[type="text"], body.page-directions header .search-top input[type="text"], body.page-citilink header .search-top input[type="text"], body.page-proit header .search-top input[type="text"], body.page-velvica header .search-top input[type="text"], body.page-firmstyle header .search-top input[type="text"], body.page-page-not-found header .search-top input[type="text"], body.page-about header .search-top input[type="text"] { border-bottom: 1px solid #ffffff; color: #ffffff; } @media (max-width: 767px) { body.page-main header .search-top input[type="text"], body.page-wpd header .search-top input[type="text"], body.page-stm header .search-top input[type="text"], body.page-positronica header .search-top input[type="text"], body.page-directions header .search-top input[type="text"], body.page-citilink header .search-top input[type="text"], body.page-proit header .search-top input[type="text"], body.page-velvica header .search-top input[type="text"], body.page-firmstyle header .search-top input[type="text"], body.page-page-not-found header .search-top input[type="text"], body.page-about header .search-top input[type="text"] { color: #25B1FF; border-bottom: 1px solid #25B1FF; } } body.page-main header .search-top input[type="submit"], body.page-wpd header .search-top input[type="submit"], body.page-stm header .search-top input[type="submit"], body.page-positronica header .search-top input[type="submit"], body.page-directions header .search-top input[type="submit"], body.page-citilink header .search-top input[type="submit"], body.page-proit header .search-top input[type="submit"], body.page-velvica header .search-top input[type="submit"], body.page-firmstyle header .search-top input[type="submit"], body.page-page-not-found header .search-top input[type="submit"], body.page-about header .search-top input[type="submit"] { background-color: #ffffff; } @media (max-width: 767px) { body.page-main header .search-top input[type="submit"], body.page-wpd header .search-top input[type="submit"], body.page-stm header .search-top input[type="submit"], body.page-positronica header .search-top input[type="submit"], body.page-directions header .search-top input[type="submit"], body.page-citilink header .search-top input[type="submit"], body.page-proit header .search-top input[type="submit"], body.page-velvica header .search-top input[type="submit"], body.page-firmstyle header .search-top input[type="submit"], body.page-page-not-found header .search-top input[type="submit"], body.page-about header .search-top input[type="submit"] { background-color: #25B1FF; } } body.page-main header .search-top ::-webkit-input-placeholder, body.page-wpd header .search-top ::-webkit-input-placeholder, body.page-stm header .search-top ::-webkit-input-placeholder, body.page-positronica header .search-top ::-webkit-input-placeholder, body.page-directions header .search-top ::-webkit-input-placeholder, body.page-citilink header .search-top ::-webkit-input-placeholder, body.page-proit header .search-top ::-webkit-input-placeholder, body.page-velvica header .search-top ::-webkit-input-placeholder, body.page-firmstyle header .search-top ::-webkit-input-placeholder, body.page-page-not-found header .search-top ::-webkit-input-placeholder, body.page-about header .search-top ::-webkit-input-placeholder { /* Chrome */ color: #ffffff; } body.page-main header .search-top :-ms-input-placeholder, body.page-wpd header .search-top :-ms-input-placeholder, body.page-stm header .search-top :-ms-input-placeholder, body.page-positronica header .search-top :-ms-input-placeholder, body.page-directions header .search-top :-ms-input-placeholder, body.page-citilink header .search-top :-ms-input-placeholder, body.page-proit header .search-top :-ms-input-placeholder, body.page-velvica header .search-top :-ms-input-placeholder, body.page-firmstyle header .search-top :-ms-input-placeholder, body.page-page-not-found header .search-top :-ms-input-placeholder, body.page-about header .search-top :-ms-input-placeholder { /* IE 10+ */ color: #ffffff; } body.page-main header .search-top ::-moz-placeholder, body.page-wpd header .search-top ::-moz-placeholder, body.page-stm header .search-top ::-moz-placeholder, body.page-positronica header .search-top ::-moz-placeholder, body.page-directions header .search-top ::-moz-placeholder, body.page-citilink header .search-top ::-moz-placeholder, body.page-proit header .search-top ::-moz-placeholder, body.page-velvica header .search-top ::-moz-placeholder, body.page-firmstyle header .search-top ::-moz-placeholder, body.page-page-not-found header .search-top ::-moz-placeholder, body.page-about header .search-top ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; opacity: 1; } body.page-main header .search-top :-moz-placeholder, body.page-wpd header .search-top :-moz-placeholder, body.page-stm header .search-top :-moz-placeholder, body.page-positronica header .search-top :-moz-placeholder, body.page-directions header .search-top :-moz-placeholder, body.page-citilink header .search-top :-moz-placeholder, body.page-proit header .search-top :-moz-placeholder, body.page-velvica header .search-top :-moz-placeholder, body.page-firmstyle header .search-top :-moz-placeholder, body.page-page-not-found header .search-top :-moz-placeholder, body.page-about header .search-top :-moz-placeholder { /* Firefox 4 - 18 */ color: #ffffff; opacity: 1; } @media (max-width: 767px) { body.page-main header .search-top ::-webkit-input-placeholder, body.page-wpd header .search-top ::-webkit-input-placeholder, body.page-stm header .search-top ::-webkit-input-placeholder, body.page-positronica header .search-top ::-webkit-input-placeholder, body.page-directions header .search-top ::-webkit-input-placeholder, body.page-citilink header .search-top ::-webkit-input-placeholder, body.page-proit header .search-top ::-webkit-input-placeholder, body.page-velvica header .search-top ::-webkit-input-placeholder, body.page-firmstyle header .search-top ::-webkit-input-placeholder, body.page-page-not-found header .search-top ::-webkit-input-placeholder, body.page-about header .search-top ::-webkit-input-placeholder { /* Chrome */ color: #25B1FF; } body.page-main header .search-top :-ms-input-placeholder, body.page-wpd header .search-top :-ms-input-placeholder, body.page-stm header .search-top :-ms-input-placeholder, body.page-positronica header .search-top :-ms-input-placeholder, body.page-directions header .search-top :-ms-input-placeholder, body.page-citilink header .search-top :-ms-input-placeholder, body.page-proit header .search-top :-ms-input-placeholder, body.page-velvica header .search-top :-ms-input-placeholder, body.page-firmstyle header .search-top :-ms-input-placeholder, body.page-page-not-found header .search-top :-ms-input-placeholder, body.page-about header .search-top :-ms-input-placeholder { /* IE 10+ */ color: #25B1FF; } body.page-main header .search-top ::-moz-placeholder, body.page-wpd header .search-top ::-moz-placeholder, body.page-stm header .search-top ::-moz-placeholder, body.page-positronica header .search-top ::-moz-placeholder, body.page-directions header .search-top ::-moz-placeholder, body.page-citilink header .search-top ::-moz-placeholder, body.page-proit header .search-top ::-moz-placeholder, body.page-velvica header .search-top ::-moz-placeholder, body.page-firmstyle header .search-top ::-moz-placeholder, body.page-page-not-found header .search-top ::-moz-placeholder, body.page-about header .search-top ::-moz-placeholder { /* Firefox 19+ */ color: #25B1FF; opacity: 1; } body.page-main header .search-top :-moz-placeholder, body.page-wpd header .search-top :-moz-placeholder, body.page-stm header .search-top :-moz-placeholder, body.page-positronica header .search-top :-moz-placeholder, body.page-directions header .search-top :-moz-placeholder, body.page-citilink header .search-top :-moz-placeholder, body.page-proit header .search-top :-moz-placeholder, body.page-velvica header .search-top :-moz-placeholder, body.page-firmstyle header .search-top :-moz-placeholder, body.page-page-not-found header .search-top :-moz-placeholder, body.page-about header .search-top :-moz-placeholder { /* Firefox 4 - 18 */ color: #25B1FF; opacity: 1; } } body.page-main header #searchIcon, body.page-main header #menuBurger, body.page-wpd header #searchIcon, body.page-wpd header #menuBurger, body.page-stm header #searchIcon, body.page-stm header #menuBurger, body.page-positronica header #searchIcon, body.page-positronica header #menuBurger, body.page-directions header #searchIcon, body.page-directions header #menuBurger, body.page-citilink header #searchIcon, body.page-citilink header #menuBurger, body.page-proit header #searchIcon, body.page-proit header #menuBurger, body.page-velvica header #searchIcon, body.page-velvica header #menuBurger, body.page-firmstyle header #searchIcon, body.page-firmstyle header #menuBurger, body.page-page-not-found header #searchIcon, body.page-page-not-found header #menuBurger, body.page-about header #searchIcon, body.page-about header #menuBurger { background-color: #ffffff; } body.page-main #logoWhite, body.page-wpd #logoWhite, body.page-stm #logoWhite, body.page-positronica #logoWhite, body.page-directions #logoWhite, body.page-citilink #logoWhite, body.page-proit #logoWhite, body.page-velvica #logoWhite, body.page-firmstyle #logoWhite, body.page-page-not-found #logoWhite, body.page-about #logoWhite { display: block; } body.page-main #logoNormal, body.page-wpd #logoNormal, body.page-stm #logoNormal, body.page-positronica #logoNormal, body.page-directions #logoNormal, body.page-citilink #logoNormal, body.page-proit #logoNormal, body.page-velvica #logoNormal, body.page-firmstyle #logoNormal, body.page-page-not-found #logoNormal, body.page-about #logoNormal { display: none; } .page-wpd h2, .page-wpd .h2, .page-positronica h2, .page-positronica .h2, .page-velvica h2, .page-velvica .h2, .page-proit h2, .page-proit .h2, .page-citilink h2, .page-citilink .h2, .page-directions h2, .page-directions .h2, .page-firmstyle h2, .page-firmstyle .h2, .page-stm h2, .page-stm .h2 { font-size: 30px; } a { text-decoration: none; color: #253196; } a.title { color: #4D4D4D; font-weight: 500; font-size: 24px; line-height: 1.2; } a.title:hover { color: #253196; } a.to-right { padding-right: 30px; display: inline-block; position: relative; } a.to-right:after { display: block; content: ''; position: absolute; width: 20px; height: 10px; top: 6px; right: 0; -webkit-mask: url("https://static.merlion.ru/img2021/arrow-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/arrow-icon.svg") no-repeat 100% 100%; } a.light { font-weight: 300; } a:hover, a:focus, a:active { text-decoration: none; } .wrapper { width: 1296px; max-width: calc(100% - 30px); margin: 0 auto; position: relative; } .wrapper-inner { width: 1296px; max-width: 100%; margin: 0 auto; position: relative; } .wrapper-part-about .wrapper-inner { max-width: calc(100% - 30px); } .hr { display: block; height: 1px; clear: both; font-size: 0; line-height: 0; background: #DBDBDB; } footer { background: linear-gradient(105.94deg, #0E059E 3.88%, #0010A9 29.13%, #7800F0 82.08%); padding: 40px 0 22px 0; color: #FFFFFF; bottom: 0; width: 100%; position: relative; z-index: 1; } footer a { color: #FFFFFF; } footer a.lang { display: inline-block; padding: 10px 0 2px; margin-left: 20px; } @media (max-width: 767px) { footer a.lang { margin: 0 10px; } } footer a.lang.active { border-bottom: 1px solid #ffffff; } footer a.lang.active:hover, footer a.lang.active:focus, footer a.lang.active:active { border-bottom: 1px solid #25B1FF; } footer a:hover, footer a:focus, footer a:active { color: #25B1FF; text-decoration: none; } footer a.light { color: #FFFFFF; } footer a.light:hover, footer a.light:focus, footer a.light:active { color: #25B1FF; text-decoration: none; } footer a:visited { color: #FFFFFF; text-decoration: none; } footer a:visited:hover, footer a:visited:focus, footer a:visited:active { color: #25B1FF; text-decoration: none; } footer .hr { background: rgba(255, 255, 255, 0.5); width: 100%; margin: 0 auto; } @media (max-width: 767px) { footer .hr { width: calc(100% + 30px); margin-left: -15px; } } footer .footer-flex { display: flex; justify-content: space-between; } @media (max-width: 991px) { footer .footer-flex { display: block; } } @media (max-width: 991px) { footer .footer-flex.bottom { text-align: center; } } footer .footer-menu-col { flex-grow: 1; } footer .footer-menu-col.search { width: 285px; } @media (max-width: 991px) { footer .footer-menu-col { display: inline; } } @media (max-width: 767px) { footer .footer-menu-col { display: block; width: 50%; } } footer .footer-menu-col a { display: block; margin-bottom: 14px; } @media (max-width: 991px) { footer .footer-menu-col a { display: inline-block; padding: 0 60px 10px 0; } } footer .footer-menu-col a.facebook { display: inline-block; width: 36px; height: 36px; padding: 0; margin-right: 9px; background-color: #9BCEDF; -webkit-mask: url("https://static.merlion.ru/img2021/facebook.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/facebook.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } footer .footer-menu-col a.youtube { display: inline-block; width: 36px; height: 36px; padding: 0; margin-right: 9px; background-color: #9BCEDF; -webkit-mask: url("https://static.merlion.ru/img2021/youtube.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/youtube.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } footer .footer-menu-col a.vk { display: inline-block; width: 36px; height: 36px; padding: 0; margin-right: 9px; background-color: #9BCEDF; -webkit-mask: url("https://static.merlion.ru/img2021/vk.png") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/vk.png") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } footer .footer-menu-col a.telegram { display: inline-block; width: 36px; height: 36px; padding: 0; margin-right: 9px; background-color: #9BCEDF; -webkit-mask: url("https://static.merlion.ru/img2021/Telegram.png") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/Telegram.png") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } footer .footer-bottom img { margin-right: 50px; margin-bottom: 10px; } @media (max-width: 767px) { footer .footer-bottom img { margin: 0; } } footer .footer-bottom.txt { padding: 10px 0 0; } @media (max-width: 991px) { footer .footer-bottom { text-align: center; } } footer input[type="text"], footer input[type="text"]:focus input[type="text"]:-webkit-autofill, footer input[type="text"]:-webkit-autofill:hover, footer input[type="text"]:-webkit-autofill:focus input[type="text"]:-webkit-autofill { background: none; border: 1px solid #318BE2; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; margin: 20px 0 16px; color: #9bcedf; } footer .footer-search-wrapper { position: relative; } footer #subscribeSend { background: #318BE2; position: absolute; right: 0; top: 20px; width: 50px; height: 50px; cursor: pointer; } footer #subscribeSend:before { display: block; content: ''; position: absolute; width: 20px; height: 10px; top: 19px; right: 15px; -webkit-mask: url("https://static.merlion.ru/img2021/arrow-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/arrow-icon.svg") no-repeat 100% 100%; background-color: #ffffff; } footer #subscribeSend:hover { background: #25B1FF; } footer ::-webkit-input-placeholder { /* Chrome */ color: #9BCEDF; } footer :-ms-input-placeholder { /* IE 10+ */ color: #9BCEDF; } footer ::-moz-placeholder { /* Firefox 19+ */ color: #9BCEDF; opacity: 1; } footer :-moz-placeholder { /* Firefox 4 - 18 */ color: #9BCEDF; opacity: 1; } footer #subscribeAgree { display: none; } footer #subscribeAgree + label { display: inline-block; width: 16px; height: 16px; margin: 0 10px 0 0; border: 1px solid #9BCEDF; cursor: pointer; position: relative; top: 3px; } footer #subscribeAgree:checked + label:before { display: block; position: absolute; top: 3px; left: 3px; content: ''; width: 8px; height: 8px; border-radius: 4px; background: #9BCEDF; } footer .subscribeAgree { font-weight: 400; font-size: 14px; color: #9BCEDF; } h1, .h1 { font-weight: 500; font-size: 44px; } @media (max-width: 500px) { h1, .h1 { font-size: 22px; } } h2, .h2 { font-weight: 500; font-size: 36px; } @media (max-width: 400px) { h2, .h2 { font-size: 22px; } } h2.not-available, .h2.not-available { font-weight: 400; } h3, .h3 { font-weight: 500; font-size: 20px; } p, .p { font-weight: 400; font-size: 16px; } p.text1 { font-size: 14px; color: #8086A8; } small, .small { font-weight: 400; font-size: 14px; } .row-flex { display: flex; flex-wrap: wrap; } .row-flex.no-wrap { flex-wrap: nowrap; } .row-flex.space-evenly { justify-content: space-evenly; } .row-flex.flex-start { justify-content: flex-start; } .row-flex.space-between { justify-content: space-between; } .row-flex.justify-center { justify-content: center; } #aboutBanner, #mainBanner, #vadBanner, #stmBanner, #proitBanner, #positronicaBanner, #citilinkBanner, #velvicaBanner, #otrBanner, #velvicaBanner, #rentsoftBanner, #skkBanner, #pdBanner, #buroBanner, #buroshopBanner, #itclinicBanner, #analyticshubBanner, #page-not-foundBanner, #firmstyleBanner, #iruBanner, #highenergyBanner, #tcBanner { position: relative; top: -133px; background-size: cover; color: #ffffff; padding-top: 133px; margin-bottom: -133px; z-index: 50; } @media (max-width: 767px) { #aboutBanner, #mainBanner, #vadBanner, #stmBanner, #proitBanner, #positronicaBanner, #citilinkBanner, #velvicaBanner, #otrBanner, #velvicaBanner, #rentsoftBanner, #skkBanner, #pdBanner, #buroBanner, #buroshopBanner, #itclinicBanner, #analyticshubBanner, #page-not-foundBanner, #firmstyleBanner, #iruBanner, #highenergyBanner, #tcBanner { top: -76px; padding-top: 76px; margin-bottom: -76px; } } #aboutBanner .about-num, #mainBanner .about-num, #vadBanner .about-num, #stmBanner .about-num, #proitBanner .about-num, #positronicaBanner .about-num, #citilinkBanner .about-num, #velvicaBanner .about-num, #otrBanner .about-num, #velvicaBanner .about-num, #rentsoftBanner .about-num, #skkBanner .about-num, #pdBanner .about-num, #buroBanner .about-num, #buroshopBanner .about-num, #itclinicBanner .about-num, #analyticshubBanner .about-num, #page-not-foundBanner .about-num, #firmstyleBanner .about-num, #iruBanner .about-num, #highenergyBanner .about-num, #tcBanner .about-num { color: #ffffff; } #aboutBanner a, #mainBanner a, #vadBanner a, #stmBanner a, #proitBanner a, #positronicaBanner a, #citilinkBanner a, #velvicaBanner a, #otrBanner a, #velvicaBanner a, #rentsoftBanner a, #skkBanner a, #pdBanner a, #buroBanner a, #buroshopBanner a, #itclinicBanner a, #analyticshubBanner a, #page-not-foundBanner a, #firmstyleBanner a, #iruBanner a, #highenergyBanner a, #tcBanner a { color: #ffffff; } #aboutBanner a.to-right, #mainBanner a.to-right, #vadBanner a.to-right, #stmBanner a.to-right, #proitBanner a.to-right, #positronicaBanner a.to-right, #citilinkBanner a.to-right, #velvicaBanner a.to-right, #otrBanner a.to-right, #velvicaBanner a.to-right, #rentsoftBanner a.to-right, #skkBanner a.to-right, #pdBanner a.to-right, #buroBanner a.to-right, #buroshopBanner a.to-right, #itclinicBanner a.to-right, #analyticshubBanner a.to-right, #page-not-foundBanner a.to-right, #firmstyleBanner a.to-right, #iruBanner a.to-right, #highenergyBanner a.to-right, #tcBanner a.to-right { color: #25B1FF; } #aboutBanner a.to-right:after, #mainBanner a.to-right:after, #vadBanner a.to-right:after, #stmBanner a.to-right:after, #proitBanner a.to-right:after, #positronicaBanner a.to-right:after, #citilinkBanner a.to-right:after, #velvicaBanner a.to-right:after, #otrBanner a.to-right:after, #velvicaBanner a.to-right:after, #rentsoftBanner a.to-right:after, #skkBanner a.to-right:after, #pdBanner a.to-right:after, #buroBanner a.to-right:after, #buroshopBanner a.to-right:after, #itclinicBanner a.to-right:after, #analyticshubBanner a.to-right:after, #page-not-foundBanner a.to-right:after, #firmstyleBanner a.to-right:after, #iruBanner a.to-right:after, #highenergyBanner a.to-right:after, #tcBanner a.to-right:after { background-color: #25B1FF; } #aboutBanner .h1, #mainBanner .h1, #vadBanner .h1, #stmBanner .h1, #proitBanner .h1, #positronicaBanner .h1, #citilinkBanner .h1, #velvicaBanner .h1, #otrBanner .h1, #velvicaBanner .h1, #rentsoftBanner .h1, #skkBanner .h1, #pdBanner .h1, #buroBanner .h1, #buroshopBanner .h1, #itclinicBanner .h1, #analyticshubBanner .h1, #page-not-foundBanner .h1, #firmstyleBanner .h1, #iruBanner .h1, #highenergyBanner .h1, #tcBanner .h1 { font-weight: 500; font-size: 36px; line-height: 1.5; } #aboutBanner .h1 span, #mainBanner .h1 span, #vadBanner .h1 span, #stmBanner .h1 span, #proitBanner .h1 span, #positronicaBanner .h1 span, #citilinkBanner .h1 span, #velvicaBanner .h1 span, #otrBanner .h1 span, #velvicaBanner .h1 span, #rentsoftBanner .h1 span, #skkBanner .h1 span, #pdBanner .h1 span, #buroBanner .h1 span, #buroshopBanner .h1 span, #itclinicBanner .h1 span, #analyticshubBanner .h1 span, #page-not-foundBanner .h1 span, #firmstyleBanner .h1 span, #iruBanner .h1 span, #highenergyBanner .h1 span, #tcBanner .h1 span { color: #318BE2; font-weight: 300; } @media (max-width: 900px) { #aboutBanner .h1, #mainBanner .h1, #vadBanner .h1, #stmBanner .h1, #proitBanner .h1, #positronicaBanner .h1, #citilinkBanner .h1, #velvicaBanner .h1, #otrBanner .h1, #velvicaBanner .h1, #rentsoftBanner .h1, #skkBanner .h1, #pdBanner .h1, #buroBanner .h1, #buroshopBanner .h1, #itclinicBanner .h1, #analyticshubBanner .h1, #page-not-foundBanner .h1, #firmstyleBanner .h1, #iruBanner .h1, #highenergyBanner .h1, #tcBanner .h1 { font-size: 30px; } } @media (max-width: 767px) { #aboutBanner .h1, #mainBanner .h1, #vadBanner .h1, #stmBanner .h1, #proitBanner .h1, #positronicaBanner .h1, #citilinkBanner .h1, #velvicaBanner .h1, #otrBanner .h1, #velvicaBanner .h1, #rentsoftBanner .h1, #skkBanner .h1, #pdBanner .h1, #buroBanner .h1, #buroshopBanner .h1, #itclinicBanner .h1, #analyticshubBanner .h1, #page-not-foundBanner .h1, #firmstyleBanner .h1, #iruBanner .h1, #highenergyBanner .h1, #tcBanner .h1 { font-size: 24px; } } #aboutBanner .banner-row, #mainBanner .banner-row, #vadBanner .banner-row, #stmBanner .banner-row, #proitBanner .banner-row, #positronicaBanner .banner-row, #citilinkBanner .banner-row, #velvicaBanner .banner-row, #otrBanner .banner-row, #velvicaBanner .banner-row, #rentsoftBanner .banner-row, #skkBanner .banner-row, #pdBanner .banner-row, #buroBanner .banner-row, #buroshopBanner .banner-row, #itclinicBanner .banner-row, #analyticshubBanner .banner-row, #page-not-foundBanner .banner-row, #firmstyleBanner .banner-row, #iruBanner .banner-row, #highenergyBanner .banner-row, #tcBanner .banner-row { display: flex; justify-content: space-between; } #aboutBanner .banner-row .banner-col, #mainBanner .banner-row .banner-col, #vadBanner .banner-row .banner-col, #stmBanner .banner-row .banner-col, #proitBanner .banner-row .banner-col, #positronicaBanner .banner-row .banner-col, #citilinkBanner .banner-row .banner-col, #velvicaBanner .banner-row .banner-col, #otrBanner .banner-row .banner-col, #velvicaBanner .banner-row .banner-col, #rentsoftBanner .banner-row .banner-col, #skkBanner .banner-row .banner-col, #pdBanner .banner-row .banner-col, #buroBanner .banner-row .banner-col, #buroshopBanner .banner-row .banner-col, #itclinicBanner .banner-row .banner-col, #analyticshubBanner .banner-row .banner-col, #page-not-foundBanner .banner-row .banner-col, #firmstyleBanner .banner-row .banner-col, #iruBanner .banner-row .banner-col, #highenergyBanner .banner-row .banner-col, #tcBanner .banner-row .banner-col { display: flex; align-content: center; flex-direction: column; justify-content: center; width: calc(50% - 20px); } @media (max-width: 767px) { #aboutBanner .banner-row .banner-col, #mainBanner .banner-row .banner-col, #vadBanner .banner-row .banner-col, #stmBanner .banner-row .banner-col, #proitBanner .banner-row .banner-col, #positronicaBanner .banner-row .banner-col, #citilinkBanner .banner-row .banner-col, #velvicaBanner .banner-row .banner-col, #otrBanner .banner-row .banner-col, #velvicaBanner .banner-row .banner-col, #rentsoftBanner .banner-row .banner-col, #skkBanner .banner-row .banner-col, #pdBanner .banner-row .banner-col, #buroBanner .banner-row .banner-col, #buroshopBanner .banner-row .banner-col, #itclinicBanner .banner-row .banner-col, #analyticshubBanner .banner-row .banner-col, #page-not-foundBanner .banner-row .banner-col, #firmstyleBanner .banner-row .banner-col, #iruBanner .banner-row .banner-col, #highenergyBanner .banner-row .banner-col, #tcBanner .banner-row .banner-col { width: 100%; } } #aboutBanner .banner-row .banner-col .padding, #mainBanner .banner-row .banner-col .padding, #vadBanner .banner-row .banner-col .padding, #stmBanner .banner-row .banner-col .padding, #proitBanner .banner-row .banner-col .padding, #positronicaBanner .banner-row .banner-col .padding, #citilinkBanner .banner-row .banner-col .padding, #velvicaBanner .banner-row .banner-col .padding, #otrBanner .banner-row .banner-col .padding, #velvicaBanner .banner-row .banner-col .padding, #rentsoftBanner .banner-row .banner-col .padding, #skkBanner .banner-row .banner-col .padding, #pdBanner .banner-row .banner-col .padding, #buroBanner .banner-row .banner-col .padding, #buroshopBanner .banner-row .banner-col .padding, #itclinicBanner .banner-row .banner-col .padding, #analyticshubBanner .banner-row .banner-col .padding, #page-not-foundBanner .banner-row .banner-col .padding, #firmstyleBanner .banner-row .banner-col .padding, #iruBanner .banner-row .banner-col .padding, #highenergyBanner .banner-row .banner-col .padding, #tcBanner .banner-row .banner-col .padding { padding-right: 15%; } @media (max-width: 767px) { #aboutBanner .banner-row .banner-col .padding, #mainBanner .banner-row .banner-col .padding, #vadBanner .banner-row .banner-col .padding, #stmBanner .banner-row .banner-col .padding, #proitBanner .banner-row .banner-col .padding, #positronicaBanner .banner-row .banner-col .padding, #citilinkBanner .banner-row .banner-col .padding, #velvicaBanner .banner-row .banner-col .padding, #otrBanner .banner-row .banner-col .padding, #velvicaBanner .banner-row .banner-col .padding, #rentsoftBanner .banner-row .banner-col .padding, #skkBanner .banner-row .banner-col .padding, #pdBanner .banner-row .banner-col .padding, #buroBanner .banner-row .banner-col .padding, #buroshopBanner .banner-row .banner-col .padding, #itclinicBanner .banner-row .banner-col .padding, #analyticshubBanner .banner-row .banner-col .padding, #page-not-foundBanner .banner-row .banner-col .padding, #firmstyleBanner .banner-row .banner-col .padding, #iruBanner .banner-row .banner-col .padding, #highenergyBanner .banner-row .banner-col .padding, #tcBanner .banner-row .banner-col .padding { padding-right: 0; } } @media (max-width: 767px) { #aboutBanner .banner-row, #mainBanner .banner-row, #vadBanner .banner-row, #stmBanner .banner-row, #proitBanner .banner-row, #positronicaBanner .banner-row, #citilinkBanner .banner-row, #velvicaBanner .banner-row, #otrBanner .banner-row, #velvicaBanner .banner-row, #rentsoftBanner .banner-row, #skkBanner .banner-row, #pdBanner .banner-row, #buroBanner .banner-row, #buroshopBanner .banner-row, #itclinicBanner .banner-row, #analyticshubBanner .banner-row, #page-not-foundBanner .banner-row, #firmstyleBanner .banner-row, #iruBanner .banner-row, #highenergyBanner .banner-row, #tcBanner .banner-row { display: block; } } #aboutBanner, #vadBanner, #stmBanner, #proitBanner, #positronicaBanner, #citilinkBanner, #velvicaBanner, #otrBanner, #velvicaBanner, #rentsoftBanner, #skkBanner, #pdBanner, #buroBanner, #buroshopBanner, #page-not-foundBanner, #aboutBannerBG, #mainBannerBG, #analyticshubBanner, #itclinicBanner, #mainBanner, #iruBanner, #highenergyBanner, #tcBanner { height: 800px; } @media (max-width: 767px) { #aboutBanner, #vadBanner, #stmBanner, #proitBanner, #positronicaBanner, #citilinkBanner, #velvicaBanner, #otrBanner, #velvicaBanner, #rentsoftBanner, #skkBanner, #pdBanner, #buroBanner, #buroshopBanner, #page-not-foundBanner, #aboutBannerBG, #mainBannerBG, #analyticshubBanner, #itclinicBanner, #mainBanner, #iruBanner, #highenergyBanner, #tcBanner { height: auto; min-height: 800px; } } @media (max-width: 992px) { #pdBanner { min-height: 700px; } } @media (max-width: 767px) { #pdBanner { min-height: 900px; } } @media (max-width: 470px) { #pdBanner { min-height: 1000px; } } #firmstyleBanner { height: 600px; } @media (max-width: 767px) { #firmstyleBanner { height: auto; min-height: 600px; } } #aboutBannerBG { background: url(https://static.merlion.ru/img2021/about/banner-1.jpg) no-repeat right top; background-size: cover; position: fixed; z-index: 0; top: 0; width: 100%; } @media (max-width: 767px) { #aboutBannerBG { background: url(https://static.merlion.ru/img2021/main-banner-mob.png) no-repeat right top; } } #aboutBanner { height: 800px; } @media (max-width: 767px) { #aboutBanner { height: auto; background: url(https://static.merlion.ru/img2021/main-banner-mob.png) no-repeat right top; } } #mainBannerBG { background: url(https://static.merlion.ru/img2021/main-banner.jpg) no-repeat right top; background-size: cover; position: fixed; z-index: 0; top: 0; width: 100%; } @media (max-width: 767px) { #mainBannerBG { background: url(https://static.merlion.ru/img2021/main-banner-mob.png) no-repeat right top; background-size: cover; } } #mainBanner { height: 800px; } @media (max-width: 767px) { #mainBanner { height: auto; } } #mainBanner a:hover { color: #25B1FF; } #mainBanner a.import { padding-right: 15px; position: relative; } #mainBanner a.import:before { position: absolute; right: 0; top: 7px; border: none; background-color: #ffffff; -webkit-mask: url("https://static.merlion.ru/img2021/rus.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/rus.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; width: 8px; height: 8px; content: ''; display: block; } #mainBanner a.import:hover:before { background-color: #25B1FF; } #vadBanner { background: url(https://static.merlion.ru/img2021/projects/shpd/SHPD-1.jpg) no-repeat center top; } @media (max-width: 767px) { #vadBanner { background: url(https://static.merlion.ru/img2021/mob/SHPD_mob.jpg) no-repeat center top; background-size: cover; } } #vadBanner h1, #vadBanner .h1 { font-size: 36px; line-height: 1.2; } #pdBanner { background: url(https://static.merlion.ru/img2021/projects/pd/pd_2.jpg) no-repeat center top; } @media (max-width: 767px) { #pdBanner { background: url(https://static.merlion.ru/img2021/projects/pd/pd_2.jpg) no-repeat center top; background-size: cover; } } #pdBanner h1, #pdBanner .h1 { font-size: 36px; line-height: 1.2; } #firmstyleBanner { background: url(https://static.merlion.ru/img2021/about/fs-banner.jpg) no-repeat center top; } @media (max-width: 767px) { #firmstyleBanner { background-size: cover; } } #firmstyleBanner h1, #firmstyleBanner .h1 { font-size: 36px; line-height: 1.2; } #stmBanner { background: url(https://static.merlion.ru/img2021/projects/stm/STM-1.jpg) no-repeat center top; } @media (max-width: 767px) { #stmBanner { background: url(https://static.merlion.ru/img2021/mob/STM_mob.jpg) no-repeat center top; } } #stmBanner h1, #stmBanner .h1 { font-size: 36px; line-height: 1.2; } #citilinkBanner { background: url(https://static.merlion.ru/img2021/projects/citilink/citilink_5-1.jpg) no-repeat center top; } @media (max-width: 767px) { #citilinkBanner { background: url(https://static.merlion.ru/img2021/mob/citilink_mob-1.jpg) no-repeat center top; } } #citilinkBanner h1, #citilinkBanner .h1 { font-size: 36px; line-height: 1.2; } #analyticshubBanner { background: url(https://static.merlion.ru/img2021/projects/analyticshub/ah.jpg) no-repeat center top; } @media (max-width: 767px) { #analyticshubBanner { background: url(https://static.merlion.ru/img2021/projects/analyticshub/ah_m.jpg) no-repeat center top; } } #analyticshubBanner h1, #analyticshubBanner .h1 { font-size: 36px; line-height: 1.2; } #itclinicBanner { background: url(https://static.merlion.ru/img2021/projects/itclinic/itclinic.jpg) no-repeat center top; } @media (max-width: 767px) { #itclinicBanner { background: url(https://static.merlion.ru/img2021/projects/itclinic/itclinic_m.jpg) no-repeat center top; } } #itclinicBanner h1, #itclinicBanner .h1 { font-size: 36px; line-height: 1.2; } #buroshopBanner { background: url(https://static.merlion.ru/img2021/projects/buroshop/buroshop_-2.jpg) no-repeat center top; } @media (max-width: 767px) { #buroshopBanner { background: url(https://static.merlion.ru/img2021/mob/buroshop_mob-1.jpg) no-repeat center top; } } #buroshopBanner h1, #buroshopBanner .h1 { font-size: 36px; line-height: 1.2; } #positronicaBanner { background: url(https://static.merlion.ru/img2021/projects/positronica/pozitronika_1-1.jpg) no-repeat center top; } @media (max-width: 767px) { #positronicaBanner { background: url(https://static.merlion.ru/img2021/mob/pozitronika_mob.jpg) no-repeat center top; } } #positronicaBanner h1, #positronicaBanner .h1 { font-size: 36px; line-height: 1.2; } #velvicaBanner { background: url(https://static.merlion.ru/img2021/projects/velvica/velvika-1.jpg) no-repeat center top; } @media (max-width: 767px) { #velvicaBanner { background: url(https://static.merlion.ru/img2021/mob/velvika_mob-1.jpg) no-repeat center top; } } #velvicaBanner h1, #velvicaBanner .h1 { font-size: 32px; line-height: 1.2; } #proitBanner { background: url(https://static.merlion.ru/img2021/projects/proit/pro_IT_-1.jpg) no-repeat center top; } @media (max-width: 767px) { #proitBanner { background: url(https://static.merlion.ru/img2021/mob/pro_IT_mob.jpg) no-repeat center top; } } #proitBanner h1, #proitBanner .h1 { font-size: 36px; line-height: 1.2; } #buroBanner { background: url(https://static.merlion.ru/img2021/projects/buro/burokrat_7-2.jpg) no-repeat center top; } @media (max-width: 767px) { #buroBanner { background: url(https://static.merlion.ru/img2021/mob/burokrat_mob.jpg) no-repeat center top; } } #buroBanner h1, #buroBanner .h1 { font-size: 36px; line-height: 1.2; } #otrBanner { background: url(https://static.merlion.ru/img2021/projects/otr/OTR_5-2.jpg) no-repeat center top; } @media (max-width: 767px) { #otrBanner { background: url(https://static.merlion.ru/img2021/mob/otr_mob.jpg) no-repeat center top; } } #otrBanner h1, #otrBanner .h1 { font-size: 36px; line-height: 1.2; } #iruBanner { background: url(https://static.merlion.ru/img2021/projects/iru/iru.jpg) no-repeat center top; color: #ffffff; } @media (max-width: 767px) { #iruBanner { background: url(https://static.merlion.ru/img2021/projects/iru/irum.jpg) no-repeat center top; } } #iruBanner h1, #iruBanner .h1 { font-size: 36px; line-height: 1.2; } #iruBanner a { color: #ffffff; } #merlioncloudBanner { background: url(https://static.merlion.ru/data/vad/landing/clinic-banner.jpg) no-repeat center top; } @media (max-width: 767px) { #merlioncloudBanner { background: url(https://static.merlion.ru/data/vad/landing/clinic-banner.jpg) no-repeat center top; } } #merlioncloudBanner h1, #merlioncloudBanner .h1 { font-size: 36px; line-height: 1.2; } #highenergyBanner { background: url(https://static.merlion.ru/img2021/projects/he/he.jpg) no-repeat left top; } @media (max-width: 767px) { #highenergyBanner { background: url(https://static.merlion.ru/img2021/projects/he/hem.jpg) no-repeat left top; } } #highenergyBanner h1, #highenergyBanner .h1 { font-size: 36px; line-height: 1.2; } #highenergyBanner a { color: #253196; } #tcBanner { background: url(https://static.merlion.ru/img2021/projects/tc/tc.jpg) no-repeat center top; color: #ffffff; } @media (max-width: 767px) { #tcBanner { background: url(https://static.merlion.ru/img2021/projects/tc/tcm.jpg) no-repeat center top; } } #tcBanner h1, #tcBanner .h1 { font-size: 36px; line-height: 1.2; } #tcBanner a { color: #ffffff; } #rentsoftBanner { background: url(https://static.merlion.ru/img2021/projects/rentsoft/pro_IT-1.jpg) no-repeat center top; } @media (max-width: 767px) { #rentsoftBanner { background: url(https://static.merlion.ru/img2021/mob/rent_soft_mob.jpg) no-repeat center top; } } #rentsoftBanner h1, #rentsoftBanner .h1 { font-size: 36px; line-height: 1.2; } #page-not-foundBanner { background: url(https://static.merlion.ru/img2021/404.jpg) no-repeat center top; background-size: cover; } @media (max-width: 767px) { #page-not-foundBanner { background: url(https://static.merlion.ru/img2021/404.jpg) no-repeat center top; } } #page-not-foundBanner h1, #page-not-foundBanner .h1 { font-size: 150px; line-height: 1.2; } #page-not-foundBanner p { font-size: 36px; line-height: 1.2; } .buroshop-bg { background: #54BA5C; color: #FFFFFF; } #eventMainBg { background: linear-gradient(105.94deg, #0E059E 3.88%, #0010A9 29.13%, #7800F0 82.08%); color: #ffffff; position: relative; } #eventMainBg > div { background-image: url(https://static.merlion.ru/img2021/wave-bg.png); background-position: right top; background-repeat: no-repeat; background-size: cover; padding: 50px 0; } #eventMainBg .hash-tags a { margin-right: 15px; color: #9BCEDF; } #menuOverlay { position: fixed; width: 100%; top: 0; height: 100vh; left: 0; display: none; z-index: 80; background: rgba(0, 0, 0, 0.2); } #menuOverlay.active { display: block; } #popupOverlay, #popupOverlayDark, #newsTypesOverlay { position: fixed; width: 100%; top: 0; height: 100vh; left: 0; display: none; z-index: 110; background: rgba(0, 0, 0, 0.2); } #popupOverlay.visible, #popupOverlayDark.visible, #newsTypesOverlay.visible { display: block; } #popupOverlayDark { background: rgba(0, 0, 0, 0.8); } #newsTypesOverlay { background: rgba(0, 0, 0, 0); z-index: 1; } #btnUP { opacity: 0; display: flex; align-items: center; justify-content: center; position: fixed; right: 5%; left: auto; bottom: 10%; width: 64px; height: 64px; background: #318BE2; cursor: pointer; border-radius: 50%; transition: opacity .2s ease; z-index: 120; } #btnUP:hover { background: #25B1FF; } #btnUP:before { width: 30px; height: 16px; display: block; content: ''; background-color: #ffffff; -webkit-mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } h2, .h2 { font-weight: 500; font-size: 44px; margin-bottom: 20px; } h2 a.text-right, .h2 a.text-right { float: right; font-size: 16px; color: #253196; padding: 25px 30px 0 0; } h2 a.text-right:after, .h2 a.text-right:after { background-color: #253196; top: 29px; } @media (max-width: 767px) { h2 a.text-right, .h2 a.text-right { padding: 10px 30px 0 0; } } @media (max-width: 767px) { h2, .h2 { font-size: 28px; } } .types-wrapper { position: relative; z-index: 80; } @media (max-width: 991px) { .types-wrapper { width: 100%; display: block; } } .types-wrapper#newsTypesWrapper { z-index: 81; } @media (max-width: 991px) { .types-wrapper#newsTypesWrapper { max-width: 50%; float: left; } } .types-list { float: right; font-size: 16px; color: #959AB8; padding: 20px 0 0 0; position: relative; } .types-list#projectTypes { font-size: 20px; } @media (max-width: 1200px) { .types-list#projectTypes { font-size: 16px; } } @media (max-width: 1030px) { .types-list#projectTypes { font-size: 14px; } } .types-list span, .types-list a { margin-left: 30px; cursor: pointer; position: relative; color: #959AB8; /* &:nth-child(1):before { @media (max-width:991px) { content:''; display:block; position:absolute; right:15px; top:15px; width:15px; height:8px; background-color: $text-color; -webkit-mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } } */ } .types-list span.active, .types-list span:hover, .types-list a.active, .types-list a:hover { color: #253196; } @media (max-width: 991px) { .types-list span, .types-list a { margin: 0; display: block; padding: 10px 15px 10px 15px; } } .types-list span.close-list, .types-list a.close-list { display: none; } @media (max-width: 991px) { .types-list span.close-list, .types-list a.close-list { display: block; position: absolute; right: 10px; top: 15px; width: 15px; height: 8px; background-color: #4D4D4D; -webkit-mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; padding: 0; cursor: pointer; } } .types-list#newsTypes, .types-list#catalogVendorTypes { float: none; } .types-list#newsTypes span, .types-list#newsTypes a, .types-list#catalogVendorTypes span, .types-list#catalogVendorTypes a { margin-right: 30px; margin-left: 0; } @media (max-width: 991px) { .types-list#newsTypes span, .types-list#newsTypes a, .types-list#catalogVendorTypes span, .types-list#catalogVendorTypes a { margin: 0; } } .types-list#activityArchive { background: #FFFFFF; border: 1px solid #DBDBDB; padding: 0; width: 100%; min-width: 200px; position: absolute; top: 0; right: 0; display: none; } .types-list#activityArchive a { margin: 0; display: inline-block; padding: 10px; width: 65px; text-align: center; } .types-list#activityArchive a:nth-child(1):before { display: none; } .types-list#activityArchive.active { display: block; } @media (max-width: 991px) { .types-list { background: #FFFFFF; border: 1px solid #DBDBDB; padding: 0; width: 100%; position: absolute; top: 0; display: none; } } @media (max-width: 991px) { .types-list.active { display: block; padding-right: 40px; } } @media (min-width: 992px) { #pdPages .types-list#newsTypes { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 100%; } } #pdPages .types-list#newsTypes span, #pdPages .types-list#newsTypes a { color: #4C4C4C; } @media (min-width: 992px) { #pdPages .types-list#newsTypes span, #pdPages .types-list#newsTypes a { font-weight: 500; font-size: 16px; padding-bottom: 15px; display: inline-block; margin-right: 0; } #pdPages .types-list#newsTypes span.active, #pdPages .types-list#newsTypes a.active { border-bottom: 3px solid #253196; } #pdPages .types-list#newsTypes span.close-list, #pdPages .types-list#newsTypes a.close-list { display: none; } } @media (min-width: 1300px) { #pdPages .types-list#newsTypes span, #pdPages .types-list#newsTypes a { font-size: 20px; } } img.in-block { max-width: 100%; } .row-flex-column { display: flex; flex-direction: column; flex-wrap: wrap; } .row-flex-column.no-wrap { flex-wrap: nowrap; } .row-flex-column.space-evenly { justify-content: space-evenly; } .row-flex-column.space-between { justify-content: space-between; } .row-flex-column.justify-center { justify-content: center; } span.date { color: #959AB8; } #activityList { position: relative; z-index: 70; } .types-title { background: #FFFFFF; border: 1px solid #DBDBDB; font-weight: 500; font-size: 16px; padding: 10px 40px 10px 15px; width: 100%; position: relative; display: block; margin-top: 15px; position: relative; } .types-title:before { content: ''; display: block; position: absolute; right: 15px; top: 15px; width: 15px; height: 8px; background-color: #4D4D4D; -webkit-mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; transform: rotate(180deg); -webkit-mask-size: cover; mask-size: cover; } @media (max-width: 991px) { .types-title#newsTypesTitle, .types-title#catalogVendorTypesTitle { border: none; padding: 10px 15px 10px 25px; } } @media (max-width: 767px) { .types-title#newsTypesTitle, .types-title#catalogVendorTypesTitle { border: none; padding: 0 15px 10px 25px; } } @media (max-width: 991px) { .types-title#newsTypesTitle:before, .types-title#catalogVendorTypesTitle:before { right: auto; left: 0; top: 17px; } } @media (max-width: 767px) { .types-title#newsTypesTitle:before, .types-title#catalogVendorTypesTitle:before { top: 7px; } } @media (max-width: 991px) { .types-title#catalogVendorTypesTitle { padding: 0 15px 10px 25px; margin-top: 7px; } } @media (max-width: 991px) { .types-title#catalogVendorTypesTitle:before { top: 7px; } } #projectContentWrapper.main .h2 { position: relative; top: 100px; opacity: 0; z-index: 10; } #projectContentWrapper.main .h2.animated { animation: upTo 1.5s forwards; } #projectContentWrapper.main #projectContent { position: relative; top: 100px; opacity: 0; } #projectContentWrapper.main #projectContent.animated { animation: upTo 1.5s forwards; } #projectContent { padding: 0 0 80px 0; display: flex; flex-wrap: wrap; gap: 24px; } #projectContent p { font-size: 20px; } #projectContent .project-square { width: 416px; height: 416px; background-color: #EDEFFF; background-size: cover; color: #ffffff; display: flex; flex-direction: column; padding: 30px; justify-content: space-between; font-size: 24px; position: relative; } #projectContent .project-square span.title { font-weight: 600; } @media (max-width: 767px) { #projectContent .project-square { width: 100%; } } #projectContent .project-square.project-academy { background-image: url(https://static.merlion.ru/img2021/academy.png); } #projectContent .project-square.project-citilink { background-image: url(https://static.merlion.ru/img2021/citilink.png); } #projectContent .project-square.project-buroshop { background-image: url(https://static.merlion.ru/img2021/buroshop.png); } #projectContent .project-square.project-positronica { background-image: url(https://static.merlion.ru/img2021/positronica.png); } #projectContent .project-square.project-otr { background-image: url(https://static.merlion.ru/img2021/otr.png); } #projectContent .project-square.project-highenergy { background-image: url(https://static.merlion.ru/img2021/highenergy.png); } #projectContent .project-square.project-analyticshub { background-image: url(https://static.merlion.ru/img2021/analyticshub.png); } #projectContent .project-square.project-proit { background-image: url(https://static.merlion.ru/img2021/proit.png); } #projectContent .project-square.project-velvica { background-image: url(https://static.merlion.ru/img2021/velvica.png); } #projectContent .project-square.project-rentsoft { background-image: url(https://static.merlion.ru/img2021/rentsoft.png); } #projectContent .project-square.project-skk { background-image: url(https://static.merlion.ru/img2021/skk.png); } #projectContent .project-square.project-pd { background-image: url(https://static.merlion.ru/img2021/pd.png); } #projectContent .project-square.project-wpd { background-image: url(https://static.merlion.ru/img2021/wpd.png); } #projectContent .project-square.project-iru { background-image: url(https://static.merlion.ru/img2021/iru.png); } #projectContent .project-square.project-buro { background-image: url(https://static.merlion.ru/img2021/buro.png); } #projectContent .project-square.project-stm { background-image: url(https://static.merlion.ru/img2021/stm.png); } #projectContent .project-square.project-merlioncloud { background-image: url(https://static.merlion.ru/img2021/merlioncloud.png); } #projectContent .project-square.project-tc { background-image: url(https://static.merlion.ru/img2021/tc.png); } #projectContent .project-square.project-rus { background-image: url(https://static.merlion.ru/img2021/rus.png); } #projectContent .project-square:before { display: block; content: ''; position: absolute; width: 20px; height: 10px; bottom: 20px; right: 20px; background-color: #ffffff; -webkit-mask: url("https://static.merlion.ru/img2021/arrow-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/arrow-icon.svg") no-repeat 100% 100%; } #projectContent .project-square.project-rus:before { width: 11px; height: 11px; bottom: 20px; right: 20px; -webkit-mask: url("https://static.merlion.ru/img2021/rus.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/rus.svg") no-repeat 100% 100%; } #projectContent .project-square img { max-width: 40%; } #policyBlockForFirstVisitButton { background: #253196; } #catalogClassificator { border: 1px solid #C8CADD; padding: 13px 10px 13px 55px; position: relative; font-weight: 500; font-size: 16px; color: #4D4D4D; margin: 0; display: block; cursor: pointer; } #catalogClassificator:before { position: absolute; top: 15px; left: 18px; display: block; content: ''; width: 17px; height: 13px; background-color: #4D4D4D; -webkit-mask: url("https://static.merlion.ru/img2021/list.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/list.svg") no-repeat 100% 100%; -webkit-mask-size: contain; mask-size: contain; } #catalogClassificator:hover { color: #253196; } #catalogClassificator:hover:before { background-color: #253196; } #catalogClassificator.active { border-bottom: none; } #catalogClassificator.active:before { width: 13px; left: 20px; -webkit-mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 100% 100%; -webkit-mask-size: contain; mask-size: contain; } .search-inner { position: relative; } .search-inner input[type="text"] { border: 1px solid #C8CADD; padding: 10px 20px; width: 100%; } .search-inner input[type="submit"] { position: absolute; right: 20px; top: 16px; border: none; background: none; background-color: #959AB8; -webkit-mask: url(https://static.merlion.ru/img2021/search.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/search.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; width: 12px; height: 12px; } #catalogTG, .catalogTG { border: 1px solid #C8CADD; background: #EDEFFF; padding: 9px 0; display: none; } #catalogTG .filter-item-vendor, #catalogTG a, .catalogTG .filter-item-vendor, .catalogTG a { display: block; padding: 9px 18px; color: #4D4D4D; cursor: pointer; } #catalogTG .filter-item-vendor.active, #catalogTG a.active, .catalogTG .filter-item-vendor.active, .catalogTG a.active { color: #253196; } #catalogTG.active, .catalogTG.active { display: block; } #popupContent #catalogTG, #popupContent .catalogTG { border: none; background: none; } #popupContent #catalogClassificator { border: none; padding: 13px 10px; margin-right: 25px; } #popupContent #catalogClassificator:before { display: none; } .filter-item, .filter-litter-vendor, .checker, .checker3, .vendorbox { padding: 7px 17px; background: #EDEFFF; border-radius: 1px; display: inline-block; margin: 0 10px 10px 0; cursor: pointer; } .filter-item.active, .filter-litter-vendor.active, .checker.active, .checker3.active, .vendorbox.active { color: #ffffff; background: #253196; padding-right: 30px; position: relative; } .filter-item.active:after, .filter-litter-vendor.active:after, .checker.active:after, .checker3.active:after, .vendorbox.active:after { content: ''; display: block; position: absolute; width: 11px; height: 11px; right: 10px; top: 11px; -webkit-mask-size: cover; mask-size: cover; -webkit-mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 50% 50%; mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 50% 50%; background-color: #ffffff; } @media (max-width: 767px) { .filter-item, .filter-litter-vendor, .checker, .checker3, .vendorbox { margin: 0 20px 20px 0; } } .filter-item, .checker, .checker3, .vendorbox { font-size: 14px; } .filter-litter-vendor { width: 39px; height: 39px; line-height: 39px; text-align: center; flex: 1 1 auto; margin: 0 2px 4px; padding: 0; } .filter-litter-vendor.active { padding-right: 0; } .filter-litter-vendor.active:after { display: none; } #popup, #popupSmall, #popupOpac { background: #FFFFFF; border-radius: 30px 30px 0px 0px; position: fixed; width: 100%; height: auto; max-height: 90vh; top: 100px; left: 0; z-index: 1001; display: none; padding: 15px 15px 70px 15px; overflow-y: auto; min-height: calc(100% - 100px); } #popup.visible, #popupSmall.visible, #popupOpac.visible { display: block; } #popup.small, #popupSmall.small, #popupOpac.small { width: 500px; left: calc(50% - 250px); border-radius: 0; padding: 50px 80px 60px 80px; } #popup.small #closePopup, #popupSmall.small #closePopup, #popupOpac.small #closePopup { left: calc(50% + 210px); right: auto; } #popup h1, #popup .h1, #popupSmall h1, #popupSmall .h1, #popupOpac h1, #popupOpac .h1 { font-weight: 600; font-size: 20px; margin-top: 0; } #popup .button, #popupSmall .button, #popupOpac .button { display: inline-block; margin-right: 25px; } #popup #popupInnerWrapper, #popup #popupOpacInnerWrapper, #popupSmall #popupInnerWrapper, #popupSmall #popupOpacInnerWrapper, #popupOpac #popupInnerWrapper, #popupOpac #popupOpacInnerWrapper { position: relative; width: 100%; height: 100%; } #popup #popupInnerWrapper #closePopup, #popup #popupInnerWrapper #closeOpacPopup, #popup #popupOpacInnerWrapper #closePopup, #popup #popupOpacInnerWrapper #closeOpacPopup, #popupSmall #popupInnerWrapper #closePopup, #popupSmall #popupInnerWrapper #closeOpacPopup, #popupSmall #popupOpacInnerWrapper #closePopup, #popupSmall #popupOpacInnerWrapper #closeOpacPopup, #popupOpac #popupInnerWrapper #closePopup, #popupOpac #popupInnerWrapper #closeOpacPopup, #popupOpac #popupOpacInnerWrapper #closePopup, #popupOpac #popupOpacInnerWrapper #closeOpacPopup { cursor: pointer; position: absolute; width: 18px; height: 18px; top: 0; right: 0; -webkit-mask-size: cover; mask-size: cover; -webkit-mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 50% 50%; mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 50% 50%; background-color: #4D4D4D; } #popup #popupInnerWrapper #closePopup, #popup #popupOpacInnerWrapper #closePopup, #popupSmall #popupInnerWrapper #closePopup, #popupSmall #popupOpacInnerWrapper #closePopup, #popupOpac #popupInnerWrapper #closePopup, #popupOpac #popupOpacInnerWrapper #closePopup { position: fixed; top: 120px; right: 20px; } #popup a, #popupSmall a, #popupOpac a { color: #109CF1; } #popup .mobileFilters, #popupSmall .mobileFilters, #popupOpac .mobileFilters { width: 100%; padding: 15px; position: fixed; bottom: 0; left: 0; background: #ffffff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); display: flex; justify-content: space-between; } #popup .mobileFilters .clearFilterMob, #popup .mobileFilters .clearFilterMobCat, #popupSmall .mobileFilters .clearFilterMob, #popupSmall .mobileFilters .clearFilterMobCat, #popupOpac .mobileFilters .clearFilterMob, #popupOpac .mobileFilters .clearFilterMobCat { background: #FFFFFF; border: 1px solid #253196; box-sizing: border-box; border-radius: 1px; color: #253196; text-align: center; display: inline-block; padding: 10px 15px; width: calc(50% - 7px); cursor: pointer; } #popup .mobileFilters .applyFilterMob, #popup .mobileFilters .applyFilterMobCat, #popupSmall .mobileFilters .applyFilterMob, #popupSmall .mobileFilters .applyFilterMobCat, #popupOpac .mobileFilters .applyFilterMob, #popupOpac .mobileFilters .applyFilterMobCat { background: #253196; border: 1px solid #253196; box-sizing: border-box; border-radius: 1px; color: #FFFFFF; text-align: center; display: inline-block; padding: 10px 15px; width: calc(50% - 10px); cursor: pointer; } .clearFilterCat { cursor: pointer; } #popupOpac { background: none; } #popupOpac.visible { display: flex; justify-content: center; align-content: center; flex-direction: column; height: 100vh; max-height: 100vh; top: 0; } #popupOpac #popupOpacInnerWrapper #closeOpacPopup { background-color: #ffffff; } #popupOpac #popupOpacInnerWrapper #popupOpacContent { display: flex; justify-content: center; align-content: center; flex-direction: column; height: 100vh; } #popupOpac #popupOpacInnerWrapper #popupOpacContent iframe { display: block; margin: 0 auto; } #filterHandler { padding: 10px 0 10px 40px; float: right; max-width: 50%; font-weight: 500; position: relative; margin-top: 15px; cursor: pointer; } @media (max-width: 767px) { #filterHandler { padding: 0 0 10px 40px; } } #filterHandler:before { -webkit-mask-size: cover; mask-size: cover; -webkit-mask: url("https://static.merlion.ru/img2021/filter.svg") no-repeat 0 0; mask: url("https://static.merlion.ru/img2021/filter.svg") no-repeat 0 0; background-color: #4D4D4D; display: block; content: ''; position: absolute; left: 0; top: 3px; width: 38px; height: 38px; transform: scale(0.5); } @media (max-width: 767px) { #filterHandler:before { top: -7px; } } .publication { display: flex; border-bottom: 1px solid #DBDBDB; padding: 40px 0; } .publication .title a { font-weight: 500; font-size: 20px; color: #4D4D4D; } .publication .title a:hover { color: #253196; } .publication .date-block { width: 130px; display: flex; justify-content: center; flex-direction: column; font-size: 20px; } .publication .date-block .days { font-weight: 300; } .publication .date-block .month { font-weight: 300; color: #959AB8; } @media (max-width: 767px) { .publication .date-block { width: 100%; display: block; } } .publication .activity-logo { width: 190px; display: flex; justify-content: center; flex-direction: column; } .publication .activity-logo > div { text-align: center; } .publication .activity-logo img { width: auto; max-width: 120px; max-height: 80px; } .publication .activity-logo.activity-logo-big img { max-width: 170px; max-height: 120px; } @media (max-width: 767px) { .publication .activity-logo { display: block; } } .publication .text.text-events { width: calc(100% - 130px - 190px); } @media (max-width: 767px) { .publication .text.text-events { width: 100%; } } .publication .text.text-actions, .publication .text.text-authorize { width: calc(100% - 190px); } @media (max-width: 767px) { .publication .text.text-actions, .publication .text.text-authorize { width: 100%; } } .publication.no-border { border: none; } @media (max-width: 767px) { .publication { display: block; } } .inner-news-list .publication { border: none; padding: 30px 0 0; } .new-text img { margin: 15px 0; } strong { font-weight: 600; } .cal { position: relative; font-size: 16px; } .cal table { width: 100%; } .cal table th { width: calc(100% / 7); font-weight: normal; font-size: 16px; color: #4D4D4D; text-align: center; height: 40px; } .cal table td { width: calc(100% / 7); font-weight: normal; font-size: 16px; color: #4D4D4D; height: 40px; vertical-align: center; text-align: center; } .cal table td a { display: flex; text-align: center; width: 36px; height: 36px; color: #4D4D4D; background-color: #EDEFFF; border-radius: 50%; justify-content: center; flex-direction: column; margin: 2px auto; } .cal table td a:hover, .cal table td a.active { color: #ffffff; background-color: #253196; } .cal table td.today { color: #FF5252; } .cal table td.today a { color: #FF5252; } .cal-header { position: relative; display: block; padding-right: 60px; text-align: left; } .cal-header .change-month { display: block; width: 15px; height: 8px; -webkit-mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #4D4D4D; position: absolute; cursor: pointer; top: 12px; cursor: pointer; right: 0; transform: rotate(180deg); } .cal-header .change-month#prevMonth { right: 39px; top: 12px; transform: rotate(0); } #eventsCalendar .cal table th { color: #ffffff; } #eventsCalendar .cal table td { color: #ffffff; } #eventsCalendar .cal table td a { color: #ffffff; background: none; border: 1px solid rgba(255, 255, 255, 0.5); } #eventsCalendar .cal table td a:hover { color: #253196; background: #ffffff; } #eventsCalendar .cal table td.today { color: #ffffff; } #eventsCalendar .cal table td.today a { color: #ffffff; } #eventsCalendar .cal table td.today a:hover { color: #253196; background: #ffffff; } #eventsCalendar .cal .cal-header { padding-right: 20px; padding-left: 20px; text-align: center; } #eventsCalendar .cal .cal-header .change-month { background-color: #ffffff; transform: rotate(90deg); right: 10px; } #eventsCalendar .cal .cal-header .change-month#prevMonth { right: auto; left: 10px; transform: rotate(270deg); } #subscribeAgreeError { color: #ff5252; } #subscribeSuccess { color: #ffffff; } #hiddenVideo { display: none; } #mainBannerVideoWrapper img { cursor: pointer; } .lists ol, .lists ul, .new-text ol, .new-text ul { padding: 10px 0 10px 15px; } .lists ol li, .lists ul li, .new-text ol li, .new-text ul li { padding: 3px 0; } .vendor-bg { background: #EDEFFF; color: #9D9EA6; } .vendor-bg h2, .vendor-bg .h2 { color: #4D4D4D; } .vendor-bg a { color: #253196; } .vendor-bg.vendor-bg-white { background: #fffFFF; } .light-bg { background: #EDEFFF; } .light-bg h2, .light-bg .h2 { color: #4D4D4D; } .light-bg a { color: #253196; } .vendor-block { background: #253196; color: #ffffff; padding: 30px 7% 50px; position: relative; height: 100%; } .vendor-block a { color: #ffffff; } .vendor-block .publication .title a, .vendor-block .publication a, .vendor-block .publication a:hover, .vendor-block .publication .title a:hover { color: #ffffff; } .vendor-block .vendor-button { background: #318BE2; color: #ffffff; padding: 15px 10%; display: inline-block; margin-left: 15%; } @media (max-width: 767px) { .vendor-block .vendor-button { margin: 0; } } .vendor-block .button-wrapper { display: flex; text-align: center; justify-content: center; align-items: center; } @media (max-width: 767px) { .vendor-block .button-wrapper { display: block; text-align: left; } } .vendor-block.date-end div.date-end { position: absolute; bottom: 30px; padding: 0 25px; color: #ffffff; display: block; } .vendor-block.date-end div.date-end:after { display: block; content: ''; position: absolute; width: 20px; height: 10px; top: 6px; right: 0; background-color: #ffffff; -webkit-mask: url(https://static.merlion.ru/img2021/arrow-icon.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/arrow-icon.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } .vendor-block.date-end div.date-end:before { display: block; content: ''; position: absolute; width: 15px; height: 17px; top: 0; left: 0; background-color: #ffffff; -webkit-mask: url(https://static.merlion.ru/img2021/date-icon.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/date-icon.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } .vendor-block .read-more { position: absolute; bottom: 30px; padding: 0 25px 0 0; color: #ffffff; display: block; } .vendor-block .read-more:after { display: block; content: ''; position: absolute; width: 20px; height: 10px; top: 6px; right: 0; background-color: #ffffff; -webkit-mask: url(https://static.merlion.ru/img2021/arrow-icon.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/arrow-icon.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } .vendor-block.vendor-gradient { background: linear-gradient(105.94deg, #0E059E 3.88%, #0010A9 29.13%, #7800F0 82.08%); } .date-icon { padding-left: 23px; position: relative; } .date-icon:before { display: block; content: ''; position: absolute; width: 15px; height: 17px; top: 0; left: 0; background-color: #959AB8; -webkit-mask: url(https://static.merlion.ru/img2021/date-icon.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/date-icon.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } .logo-border { background: #FFFFFF; border: 1px solid #E4E4E4; height: 306px; display: flex; text-align: center; justify-content: center; align-items: center; } .vendor-web { display: inline-block; padding-right: 17px; position: relative; } .vendor-web:after { position: absolute; content: ''; display: block; width: 8px; height: 8px; right: 0; top: 8px; background-color: #253196; -webkit-mask: url("https://static.merlion.ru/img2021/diagarrow.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/diagarrow.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } .text-about-logo { height: 276px; overflow: hidden; position: relative; } .text-about-logo:after { position: absolute; bottom: 0; width: 100%; height: 35px; background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); content: ''; display: block; } .text-about-logo.active { height: auto; } .text-about-logo.active:after { display: none; } #readMoreText { padding: 10px 0 0 0; display: block; } a.all-pubs { font-size: 16px; position: relative; padding: 0 30px; } a.all-pubs:after { display: block; content: ''; position: absolute; width: 20px; height: 10px; top: 6px; right: 0; background-color: #253196; -webkit-mask: url(https://static.merlion.ru/img2021/arrow-icon.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/arrow-icon.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } @media (max-width: 767px) { a.all-pubs:after { top: 16px; } } @media (max-width: 767px) { a.all-pubs { float: right; padding-top: 10px; } } .vendor-menu-item .publication { border: none; padding: 20px 0; display: block; } @media (max-width: 767px) { .vendor-menu-item .publication { border-top: 1px solid #DBDBDB; } } @media (max-width: 767px) { .vendor-menu-item#vendorReviewsBlock .publication { border: none; } } @media (max-width: 767px) { .vendor-menu-item .vendor-block .publication { border: none; } } .vendor-menu-item div { position: relative; } .vendor-menu-item div .delimiter { width: 1px; height: 100%; background: #DBDBDB; position: absolute; right: 0; top: 0; } @media (max-width: 767px) { .vendor-menu-item div .delimiter { display: none; } } .vendor-menu-item .title { font-weight: 500; font-size: 20px; color: #4D4D4D; } .vendor-menu-item .vendor-custom-item.image { margin-bottom: 15px; } .vendor-menu-item .vendor-custom-item.title { margin-bottom: 10px; } .vendor-menu-item .vendor-custom-item.date { margin-bottom: 10px; } .vendor-menu-item .vendor-custom-item.anons { margin-bottom: 10px; } .vendor-menu-item .vendor-custom-item img { max-height: 250px; } #vendorInnerMenu { background: #ffffff; position: fixed; width: 100%; padding: 25px 0; display: none; top: 0; z-index: 9; min-height: 125px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } #vendorInnerMenu img { max-height: 75px; } #vendorInnerMenu a { color: #4D4D4D; margin: 10px 0 10px 18px; display: inline-block; } #vendorInnerMenu a#vendorInnerMenuToMerlion { color: #253196; display: block; position: absolute; right: 0; top: -10px; font-size: 16px; padding-right: 26px; margin: 0; z-index: 1; } #vendorInnerMenu a#vendorInnerMenuToMerlion:after { display: block; content: ''; position: absolute; width: 16px; height: 8px; top: 5px; right: 0; background-color: #253196; -webkit-mask: url("https://static.merlion.ru/img2021/arrow-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/arrow-icon.svg") no-repeat 100% 100%; transform: rotate(270deg); } #vendorInnerMenu #vendorInnerMenuPoints { text-align: right; } @media (max-width: 767px) { #vendorInnerMenu { display: none !important; } } .image-in-news-list, .product-image-in-news-list { width: 100%; overflow: hidden; height: 212px; display: flex; justify-content: center; align-content: center; flex-direction: column; } .image-in-news-list img, .product-image-in-news-list img { max-width: 100%; margin: 0 auto; display: block; height: 100%; } .image-in-news-list > div, .image-in-news-list > a, .product-image-in-news-list > div, .product-image-in-news-list > a { max-height: 100%; } .product-image-in-news-list div { max-height: 100%; } .product-image-in-news-list img { max-height: 100%; max-width: 200px; } .product-image-in-news-list img.no-photo { max-width: 100%; } @media (max-width: 767px) { .contacts-vendor.row-flex { display: block; } } .contacts-vendor > div { position: relative; padding: 0 60px 0 20px; flex-grow: 1; display: flex; justify-content: center; align-content: center; flex-direction: column; } @media (max-width: 767px) { .contacts-vendor > div { padding: 0; display: block; } } .contacts-vendor > div.grow0 { flex-grow: 0; } .contacts-vendor > div .delimiter { width: 1px; height: 100%; background: #DBDBDB; position: absolute; right: 0; top: 0; } #vendorActivityBlock .vendor-block, #vendorHistoryBlock .vendor-block, .vendor-bg .vendor-block { height: 100%; } .light400 { font-weight: 400; } a.light-blue { color: #9BCEDF; } a.download { position: relative; display: inline-block; padding-right: 25px; } a.download:after { display: block; content: ''; position: absolute; width: 16px; height: 12px; top: 5px; right: 0; background-color: #ffffff; -webkit-mask: url("https://static.merlion.ru/img2021/download-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/download-icon.svg") no-repeat 100% 100%; } a.download:hover { color: #25B1FF; } a.download:hover:after { background-color: #25B1FF; } a.download-l { position: relative; display: inline-block; padding-left: 25px; } a.download-l:after { display: block; content: ''; position: absolute; width: 16px; height: 12px; top: 5px; left: 0; background-color: #253196; -webkit-mask: url("https://static.merlion.ru/img2021/download-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/download-icon.svg") no-repeat 100% 100%; } a.download-round { position: relative; display: block; padding-left: 64px; height: 46px; display: flex; flex-direction: column; justify-content: center; } a.download-round:before { width: 46px; height: 46px; background: #EDEFFF; border-radius: 50%; display: block; content: ''; position: absolute; top: 0; left: 0; } a.download-round:after { display: block; content: ''; position: absolute; width: 16px; height: 12px; top: 17px; left: 16px; background-color: #253196; -webkit-mask: url("https://static.merlion.ru/img2021/download-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/download-icon.svg") no-repeat 100% 100%; } #buttonRememberEmail { position: relative; display: block; padding-left: 64px; height: 46px; display: flex; flex-direction: column; justify-content: center; } #buttonRememberEmail:before { width: 46px; height: 46px; background: #EDEFFF; border-radius: 50%; display: block; content: ''; position: absolute; top: 0; left: 0; } #buttonRememberEmail:after { display: block; content: ''; position: absolute; width: 18px; height: 14px; top: 16px; left: 14px; background-color: #253196; -webkit-mask: url("https://static.merlion.ru/img2021/mail.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/mail.svg") no-repeat 100% 100%; } .title a { font-weight: 500; font-size: 20px; color: #4D4D4D; } .vendor-products { display: flex; } .vendor-products .left-size-menu { border-right: #959AB8 1px solid; padding-right: 30px; } .vendor-products .left-size-menu a { font-weight: 500; font-size: 20px; line-height: 24px; color: #9D9EA6; display: block; padding: 7px 0; cursor: pointer; } .vendor-products .left-size-menu a.active { color: #4D4D4D; } .vendor-products .left-size-menu a:hover { color: #253196; } @media (max-width: 767px) { .vendor-products .left-size-menu { border-right: none; padding-right: 0; background: #FFFFFF; border: 1px solid #DBDBDB; padding: 0 15px; width: calc(100% - 30px); position: absolute; top: -59px; z-index: 9; display: none; } .vendor-products .left-size-menu.active { display: block; } } @media (max-width: 767px) { .vendor-products { display: block; } } #vendorProductsToggle a:hover { color: #253196; } #selectedVendorProductGroup, #selectedVendorFocusProductGroup { background: #FFFFFF; border: 1px solid #DBDBDB; font-weight: 500; font-size: 16px; padding: 10px 40px 10px 15px; width: 100%; position: relative; display: block; margin-top: 15px; position: relative; margin-bottom: 15px; } #selectedVendorProductGroup:before, #selectedVendorFocusProductGroup:before { content: ''; display: block; position: absolute; right: 15px; top: 15px; width: 15px; height: 8px; background-color: #4D4D4D; -webkit-mask: url(https://static.merlion.ru/img2021/up-icon.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/up-icon.svg) no-repeat 100% 100%; transform: rotate(180deg); -webkit-mask-size: cover; mask-size: cover; } .product-toggle-menu-subgroup, .product-toggle-menu-focus-subgroup { display: none; } .product-toggle-menu-subgroup.active, .product-toggle-menu-focus-subgroup.active { display: block; } .product-toggle-menu-subgroup h5, .product-toggle-menu-subgroup h5 a, .product-toggle-menu-subgroup .h5, .product-toggle-menu-subgroup .h5 a, .product-toggle-menu-focus-subgroup h5, .product-toggle-menu-focus-subgroup h5 a, .product-toggle-menu-focus-subgroup .h5, .product-toggle-menu-focus-subgroup .h5 a { font-weight: 500; font-size: 16px; line-height: 19px; color: #4D4D4D; padding: 7px 0; margin: 0; display: block; } .product-toggle-menu-subgroup h5 span, .product-toggle-menu-subgroup h5 a span, .product-toggle-menu-subgroup .h5 span, .product-toggle-menu-subgroup .h5 a span, .product-toggle-menu-focus-subgroup h5 span, .product-toggle-menu-focus-subgroup h5 a span, .product-toggle-menu-focus-subgroup .h5 span, .product-toggle-menu-focus-subgroup .h5 a span { position: relative; display: block; } @media (max-width: 767px) { .product-toggle-menu-subgroup h5 span:before, .product-toggle-menu-subgroup h5 a span:before, .product-toggle-menu-subgroup .h5 span:before, .product-toggle-menu-subgroup .h5 a span:before, .product-toggle-menu-focus-subgroup h5 span:before, .product-toggle-menu-focus-subgroup h5 a span:before, .product-toggle-menu-focus-subgroup .h5 span:before, .product-toggle-menu-focus-subgroup .h5 a span:before { content: ''; display: block; position: absolute; right: 15px; top: 15px; width: 15px; height: 8px; background-color: #4D4D4D; -webkit-mask: url(https://static.merlion.ru/img2021/up-icon.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/up-icon.svg) no-repeat 100% 100%; transform: rotate(180deg); -webkit-mask-size: cover; mask-size: cover; } } @media (max-width: 767px) { .product-toggle-menu-subgroup h5 span.active:before, .product-toggle-menu-subgroup h5 a span.active:before, .product-toggle-menu-subgroup .h5 span.active:before, .product-toggle-menu-subgroup .h5 a span.active:before, .product-toggle-menu-focus-subgroup h5 span.active:before, .product-toggle-menu-focus-subgroup h5 a span.active:before, .product-toggle-menu-focus-subgroup .h5 span.active:before, .product-toggle-menu-focus-subgroup .h5 a span.active:before { transform: rotate(0); } } .product-toggle-menu-subgroup h5.catalog-empty-list, .product-toggle-menu-subgroup h5 a.catalog-empty-list, .product-toggle-menu-subgroup .h5.catalog-empty-list, .product-toggle-menu-subgroup .h5 a.catalog-empty-list, .product-toggle-menu-focus-subgroup h5.catalog-empty-list, .product-toggle-menu-focus-subgroup h5 a.catalog-empty-list, .product-toggle-menu-focus-subgroup .h5.catalog-empty-list, .product-toggle-menu-focus-subgroup .h5 a.catalog-empty-list { color: #9D9EA6; } .product-toggle-menu-subgroup h5.catalog-empty-list a, .product-toggle-menu-subgroup h5 a.catalog-empty-list a, .product-toggle-menu-subgroup .h5.catalog-empty-list a, .product-toggle-menu-subgroup .h5 a.catalog-empty-list a, .product-toggle-menu-focus-subgroup h5.catalog-empty-list a, .product-toggle-menu-focus-subgroup h5 a.catalog-empty-list a, .product-toggle-menu-focus-subgroup .h5.catalog-empty-list a, .product-toggle-menu-focus-subgroup .h5 a.catalog-empty-list a { color: #9D9EA6; } .product-toggle-menu-subgroup h5 a, .product-toggle-menu-subgroup .h5 a, .product-toggle-menu-focus-subgroup h5 a, .product-toggle-menu-focus-subgroup .h5 a { padding: 0; } .product-toggle-menu-subgroup a, .product-toggle-menu-focus-subgroup a { font-weight: normal; font-size: 16px; line-height: 19px; color: #4D4D4D; padding: 7px 0; display: block; } .product-toggle-menu-subgroup .product-toggle-menu-third-level, .product-toggle-menu-focus-subgroup .product-toggle-menu-third-level { padding-bottom: 30px; display: block; } @media (max-width: 767px) { .product-toggle-menu-subgroup .product-toggle-menu-third-level, .product-toggle-menu-focus-subgroup .product-toggle-menu-third-level { padding-bottom: 10px; display: none; } .product-toggle-menu-subgroup .product-toggle-menu-third-level.active, .product-toggle-menu-focus-subgroup .product-toggle-menu-third-level.active { display: block; } } #mainContactMap, #filialsContactMap { height: 500px; width: 100%; } .page-contacts .map { height: 200px; } .reiting-up { width: 80px; margin: 0 auto; padding: 0 0 0 20px; background: url(https://static.merlion.ru/img/up.png) 0 5px no-repeat; font-weight: 600; } .reiting-up span { font-weight: 400; margin-left: 10px; } .reiting-down { width: 80px; margin: 0 auto; padding: 0 0 0 20px; background: url(https://static.merlion.ru/img/down.png) 0 5px no-repeat; font-weight: 600; } .reiting-down span { font-weight: 400; margin-left: 10px; } .color-236192 { background-color: #236192; height: 20px; } .color-da291c { background-color: #da291c; height: 20px; } .color-f15b5b { background-color: #f15b5b; height: 20px; } .color-363434 { background-color: #363434; height: 20px; } #vendorsList .logo-icon, #vendorsPDList .logo-icon, #vendorsServiceList .logo-icon, #digitalContent .logo-icon, .vendors-table .logo-icon { background: #FFFFFF; border: 1px solid #E4E4E4; height: 170px; width: 20%; display: flex; text-align: center; justify-content: center; align-items: center; margin-right: 20px; margin-bottom: 20px; } @media (max-width: 1100px) { #vendorsList .logo-icon, #vendorsPDList .logo-icon, #vendorsServiceList .logo-icon, #digitalContent .logo-icon, .vendors-table .logo-icon { width: 25%; } } @media (max-width: 767px) { #vendorsList .logo-icon, #vendorsPDList .logo-icon, #vendorsServiceList .logo-icon, #digitalContent .logo-icon, .vendors-table .logo-icon { width: 33.33%; } } @media (max-width: 350px) { #vendorsList .logo-icon, #vendorsPDList .logo-icon, #vendorsServiceList .logo-icon, #digitalContent .logo-icon, .vendors-table .logo-icon { width: 50%; } } #vendorsList .logo-icon img, #vendorsPDList .logo-icon img, #vendorsServiceList .logo-icon img, #digitalContent .logo-icon img, .vendors-table .logo-icon img { max-width: 90%; max-height: 90%; } #vendorsList .logo-icon, #vendorsPDList .logo-icon, #vendorsServiceList .logo-icon { margin-right: -1px; margin-bottom: -1px; } #vendorsList .logo-icon a { width: 100%; } #vendorsServiceList .logo-icon { width: 16.66%; } @media (max-width: 1100px) { #vendorsServiceList .logo-icon { width: 20%; } } @media (max-width: 767px) { #vendorsServiceList .logo-icon { width: 25%; } } @media (max-width: 350px) { #vendorsServiceList .logo-icon { width: 33.33%; } } #vendorsPDList .logo-icon { width: 12.5%; } @media (max-width: 1300px) { #vendorsPDList .logo-icon { width: 16.66%; } } @media (max-width: 1100px) { #vendorsPDList .logo-icon { width: 20%; } } @media (max-width: 767px) { #vendorsPDList .logo-icon { width: 25%; } } @media (max-width: 350px) { #vendorsPDList .logo-icon { width: 33.33%; } } .row10 { margin: 0 -10px; } @media (min-width: 768px) { .row10 .col-sm-6 { width: calc(50% - 20px); } } @media (min-width: 992px) { .row10 .col-md-4 { width: calc(33.33333333% - 20px); } } @media (max-width: 767px) { .row10 .col-xs-12 { width: calc(100% - 20px); } } .plate.item { background: #FFFFFF; flex: 1 1 1; margin: 0 0 50px 0; position: relative; } .plate.item .firstname { font-weight: 500; font-size: 16px; line-height: 1.19; color: #4D4D4D; } .plate.item .secondname { color: #4D4D4D; font-size: 14px; line-height: 1.29; } .plate.item .merlion_id { color: #959AB8; } .plate.item .img { height: 180px; padding-bottom: 15px; display: flex; text-align: center; justify-content: center; align-items: center; } .plate.item .img img { max-width: 90%; max-height: 90%; } @media (max-width: 767px) { .plate.item { padding-top: 40px; } .plate.item:before { content: ''; display: block; width: calc(100% - 30px); height: 1px; background: #DBDBDB; position: absolute; top: 0; left: 15px; } } #productsList[data-view="list"] .plate.item { margin: 0 0 40px 0; } #productsList[data-view="list"] .plate.item > .row { display: flex; flex-wrap: wrap; } #productsList[data-view="list"] .plate.item .img { padding-bottom: 0; height: auto; max-height: 180px; } .property-wrapper { overflow: hidden; } .property, .value { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 992px) { .property, .value { font-size: 15px; color: #606060; text-align: left; line-height: 19px; padding: 0; } } .property { float: left; width: 37%; padding: 0 25px 0 0; color: #959AB8; } @media (max-width: 992px) { .property { width: 42%; } } .value { float: left; padding-left: 15px; width: 57%; padding: 0; } .product_tab { font-weight: 500; font-size: 20px; line-height: 24px; color: #959AB8; margin: 0 30px 0 0; padding: 15px 0; display: inline-block; cursor: pointer; } .product_tab.active { border-bottom: 1px solid #4D4D4D; color: #4D4D4D; } @media (max-width: 767px) { .product_tab { font-size: 16px; padding: 0 10px; } } .product_content { display: none; } .product_content.active { display: block; } .project-banner { padding: 100px 0; background-size: cover; background-repeat: no-repeat; } @media (max-width: 767px) { .project-banner { padding: 20px 0; } } .project-banner.buroshop-banner { background-image: url(https://static.merlion.ru/img2021/projects/buroshop/banner.jpg); background-position: center; color: #3E3863; } .project-banner.buroshop-banner h1, .project-banner.buroshop-banner .h1 { color: #ffffff; font-size: 45px; font-weight: 500; letter-spacing: 3; margin: 20px 0 0; } .project-banner.buroshop-banner h2, .project-banner.buroshop-banner .h2 { font-size: 22px; color: #1E174B; font-weight: 500; margin: 0 0 0 4px; } .project-banner.buroshop-banner-2 { background-image: url(https://static.merlion.ru/img2021/projects/buroshop/banner2.jpg); background-position: center; color: #ffffff; } .project-banner.firmstyle-banner-2 { background-image: url(https://static.merlion.ru/img2021/about/fs-banner-2.jpg); background-position: center; color: #ffffff; } .project-banner.digital-banner { background-image: url(https://static.merlion.ru/data/digital/banner/digital.banner.jpg); color: #ffffff; } .project-banner.pd-banner { background-image: url(https://static.merlion.ru/data/vad/vad.banner.header.jpg); color: #ffffff; } .project-banner.pd-banner .pd-on-banner { color: #318BE2; } .project-banner.pd-banner a { color: #318BE2; } .project-banner.about-banner-3, .project-banner.positronica-banner-3, .project-banner.citilink-banner-3, .project-banner.buro-banner-2, .project-banner.buro-banner-3 { background-image: url(https://static.merlion.ru/img2021/about/banner-3.jpg); background-position: 30% 50%; color: #ffffff; } .project-banner.about-banner-3 h2, .project-banner.about-banner-3 .h2, .project-banner.positronica-banner-3 h2, .project-banner.positronica-banner-3 .h2, .project-banner.citilink-banner-3 h2, .project-banner.citilink-banner-3 .h2, .project-banner.buro-banner-2 h2, .project-banner.buro-banner-2 .h2, .project-banner.buro-banner-3 h2, .project-banner.buro-banner-3 .h2 { margin-top: 0; } .project-banner.about-banner-3 .award, .project-banner.positronica-banner-3 .award, .project-banner.citilink-banner-3 .award, .project-banner.buro-banner-2 .award, .project-banner.buro-banner-3 .award { position: relative; flex: 1 1 auto; width: 310px; max-width: 310px; flex-grow: 1; margin: 0 3% 30px; } .project-banner.about-banner-3 .branch, .project-banner.positronica-banner-3 .branch, .project-banner.citilink-banner-3 .branch, .project-banner.buro-banner-2 .branch, .project-banner.buro-banner-3 .branch { font-size: 20px; width: 100%; height: 124px; text-align: center; padding: 0 10px; display: flex; flex-direction: column; justify-content: center; } .project-banner.about-banner-3 .branch.num, .project-banner.positronica-banner-3 .branch.num, .project-banner.citilink-banner-3 .branch.num, .project-banner.buro-banner-2 .branch.num, .project-banner.buro-banner-3 .branch.num { font-size: 60px; } .project-banner.about-banner-3 .branch:before, .project-banner.positronica-banner-3 .branch:before, .project-banner.citilink-banner-3 .branch:before, .project-banner.buro-banner-2 .branch:before, .project-banner.buro-banner-3 .branch:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 73px; height: 124px; background-color: rgba(255, 255, 255, 0.5); -webkit-mask: url(https://static.merlion.ru/img2021/about/branch.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/about/branch.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } .project-banner.about-banner-3 .branch:after, .project-banner.positronica-banner-3 .branch:after, .project-banner.citilink-banner-3 .branch:after, .project-banner.buro-banner-2 .branch:after, .project-banner.buro-banner-3 .branch:after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 73px; height: 124px; background-color: rgba(255, 255, 255, 0.5); -webkit-mask: url(https://static.merlion.ru/img2021/about/branch.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/about/branch.svg) no-repeat 100% 100%; transform: scale(-1, 1); -webkit-mask-size: cover; mask-size: cover; } .project-banner.about-banner-3 .branch + p, .project-banner.positronica-banner-3 .branch + p, .project-banner.citilink-banner-3 .branch + p, .project-banner.buro-banner-2 .branch + p, .project-banner.buro-banner-3 .branch + p { max-width: 306px; clear: both; display: block; padding-top: 10px; margin: 10px auto; } .project-banner.positronica-banner-3 { background: #59951C; } .project-banner.citilink-banner-3 { background: #E56919; } .project-banner.buro-banner-2 { background-image: url(https://static.merlion.ru/img2021/projects/buro/burokrat_10-1.jpg); background-position: 60% center; color: #ffffff; } .project-banner.buro-banner-3 { background-image: url(https://static.merlion.ru/img2021/projects/buro/burokrat_9-1.jpg); background-position: 60% center; color: #ffffff; } .project-banner.about-banner-4 { background-image: url(https://static.merlion.ru/img2021/about/banner-4.jpg); background-position: 60% center; color: #ffffff; } .project-banner.about-banner-4 div.img { width: 57px; float: left; } .project-banner.about-banner-4 h2, .project-banner.about-banner-4 .h2 { margin-top: 0; } .project-banner.about-banner-4 .button { display: inline-block; } .project-banner.vad-banner, .project-banner.positronica-banner, .project-banner.citilink-banner, .project-banner.proit-banner, .project-banner.velvica-banner, .project-banner.stm-banner { color: #ffffff; } .project-banner.vad-banner h1, .project-banner.vad-banner .h1, .project-banner.positronica-banner h1, .project-banner.positronica-banner .h1, .project-banner.citilink-banner h1, .project-banner.citilink-banner .h1, .project-banner.proit-banner h1, .project-banner.proit-banner .h1, .project-banner.velvica-banner h1, .project-banner.velvica-banner .h1, .project-banner.stm-banner h1, .project-banner.stm-banner .h1 { color: #ffffff; font-size: 36px; font-weight: 500; } .project-banner.vad-banner .about-num, .project-banner.positronica-banner .about-num, .project-banner.citilink-banner .about-num, .project-banner.proit-banner .about-num, .project-banner.velvica-banner .about-num, .project-banner.stm-banner .about-num { color: #ffffff; } .project-text .icon { margin-right: 30px; } .project-text p { margin: 0; } .project-text h3, .project-text .h3 { margin-top: 0; } .project-text ul { margin-left: 17px; } .buroshop-green { color: #54BA5C; } .buroshop-green-bg { background: #54BA5C; color: #ffffff; } .buroshop-style-1 { width: 70px; } .buroshop-style-1 + div { width: calc(100% - 85px); } .flex-end { justify-content: flex-end; } .justify-center { justify-content: center; } .left-red-line { border-left: 1px solid #ff5252; padding: 20px; } #welcome select, #welcome input[type="text"] { background: #F6FAFD; border: 1px solid #EDEFFF; border-radius: 1px; color: #4D4D4D; height: 48px; line-height: 48px; padding: 0 20px; width: 100%; } #welcome select:hover, #welcome input[type="text"]:hover { border: 1px solid #253196; } #welcome select:disabled, #welcome input[type="text"]:disabled { background: #ffffff; color: #8086A8; } #welcome select.error, #welcome select:invalid, #welcome input[type="text"].error, #welcome input[type="text"]:invalid { border: 1px solid #ff5252; color: #ff5252; } #welcome .welcome-select { position: relative; /* label:after { content:''; position:absolute; display:block; right:20px; top:20px; width: 15px; height: 8px; -webkit-mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/up-icon.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #4D4D4D; cursor: pointer; z-index:11; transform: rotate(180deg); }*/ } #welcome .welcome-select label { position: relative; display: block; font-weight: 400; border: 1px solid #EDEFFF; background: #F6FAFD; } #welcome .welcome-select select { position: relative; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; z-index: 12; background-color: transparent; } #welcome select { padding: 0 20px; position: relative; z-index: 10; } #welcome select * { padding: 5px 20px; background: #F6FAFD; } #welcome select option { padding: 5px 20px; background: #F6FAFD; } #welcome textarea { width: 100%; height: 140px; padding: 10px 15px; border: 1px solid #EDEFFF; background: #F6FAFD; } #welcome textarea:hover { border: 1px solid #253196; } #welcome textarea.error { border: 1px solid #ff5252; } #welcome #Country_id * option:first-child, #welcome #profiles * option:first-child, #welcome #ex_id * option:first-child { color: #999; } #welcome .comment { color: #8086A8; margin: 5px 0; font-size: 14px; } #welcome input[type="checkbox"] { position: relative; margin-right: 10px; } #welcome input[type="checkbox"]:before { display: block; content: ''; border: 1px solid #8086A8; width: 16px; height: 16px; position: absolute; top: 0; left: 0; background: #ffffff; } #welcome input[type="checkbox"]:hover:before { border: 1px solid #253196; } #welcome input[type="checkbox"].error:before { border: 1px solid #ff5252; } #welcome input[type="checkbox"].error:checked:before { display: none; } #welcome input[type="checkbox"]:checked:before { display: none; } #welcome .submit { background: #253196; color: #ffffff; border: none; padding-left: 30px; padding-right: 30px; height: 50px; line-height: 50px; font-size: 16px; letter-spacing: 1px; display: block; text-align: center; } #welcome .submit:hover { cursor: pointer; background: #FF5252; } #welcome .submit.disabled { background: #cccccc; } #welcome .submit.disabled:hover { background: #cccccc; } #soglas { display: none; font-size: 14px; line-height: 1.357; color: #808080; } #soglas.active { display: block; } #seeok { text-decoration: none; border-bottom: 1px dashed #0062b1; } #seeok:hover { border-bottom: 1px dashed #FF5252; } .flex-grow-1 { margin: 0 -30px; } .flex-grow-1 div { flex-grow: 1; } .project-partner-logo { display: flex; flex-direction: column; justify-content: center; text-align: center; margin-top: 30px; height: 100px; justify-content: center; align-items: center; flex: 1 1 auto; margin: 0 30px; } .project-partner-logo img { max-width: 140px; max-height: 66px; } .dl-block-wrapper { margin-bottom: 20px; } .dl-block-wrapper > div { height: 100%; } .line-height-48 { line-height: 48px; } .line-height-48 #projectTypesWrapper { line-height: 16px; } .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-size: cover; background-position: center; } .swiper-slide img { display: block; width: auto; height: auto; object-fit: contain; } #productCardPhoto { overflow: hidden; height: 350px; } #productCardPhoto img { max-height: 350px; } #productCardPhotoPart { position: fixed; opacity: 0; } @media (max-width: 767px) { #productCardPhotoPart { position: relative; } } #productCardPhotoPart.show { animation: productCardPhotoPartAnimation 0.5s forwards; } @keyframes productCardPhotoPartAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes productCardPhotoPartAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } #productCardPhotoGallery { height: 350px !important; } #productCardThumbs { height: 156px; padding: 0; overflow: hidden; position: relative; } @media (max-width: 767px) { #productCardThumbs { height: 101px; } } #productCardThumbs .swiper-slide { opacity: 0.8; width: 145px; height: 145px; } #productCardThumbs .swiper-slide img { width: auto; max-width: 100px; max-height: 100px; } @media (max-width: 767px) { #productCardThumbs .swiper-slide { width: 90px; height: 90px; } #productCardThumbs .swiper-slide img { max-width: 80px; max-height: 80px; } } #productCardThumbs .swiper-slide-thumb-active { opacity: 1; } #rememberedItemsButton { position: fixed; bottom: -10px; right: 10%; height: 47px; padding: 0 20px 10px 50px; border-radius: 0 20px 0 0; color: #ffffff; background: linear-gradient(90deg, #040CA5 0%, #7801F0 82.49%); -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.39); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.39); line-height: 37px; z-index: 5; display: none; } #rememberedItemsButton.active { display: block; } #rememberedItemsButton:before { width: 11px; height: 13px; -webkit-mask: url(https://static.merlion.ru/img2021/favorit.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/favorit.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #ffffff; display: block; content: ''; position: absolute; left: 20px; top: 14px; } #rememberedItemsButton:hover { bottom: 0; text-decoration: none; } #activityPages { font-size: 16px; float: left; max-width: 50%; } @media (max-width: 767px) { #activityPages { float: none; max-width: 100%; } } #activityPages a { color: #959AB8; display: inline-block; margin-right: 20px; cursor: pointer; } #activityPages a.active { color: #253196; } #activityPages span.dash { background: #253196; width: 60px; height: 1px; display: inline-block; cursor: pointer; margin-right: 20px; position: relative; top: -6px; } h3.mdash, .h3.mdash { text-indent: -71px; padding: 0 0 0 71px; } h3.mdash span.mdash, .h3.mdash span.mdash { background: #4C4C4C; width: 31px; height: 1px; display: inline-block; cursor: pointer; margin-right: 40px; position: relative; top: -6px; } @media (max-width: 500px) { h3.mdash, .h3.mdash { text-indent: -51px; padding: 0 0 0 51px; } h3.mdash span.mdash, .h3.mdash span.mdash { margin-right: 20px; } } #productsList #activityPages { clear: both; margin-top: 40px; max-width: 100%; } @media (max-width: 767px) { #productsList { border-bottom: none !important; } #productsList #activityPages { border-top: 1px solid #DBDBDB; width: 100%; text-align: center; margin-top: 0; padding-top: 40px; } } #loadMore { float: right; margin-top: 40px; font-weight: 400; font-size: 14px; line-height: 18px; color: #8086A8; text-align: center; padding-left: 32px; background: url(https://static.merlion.ru/img2021/loadmore.svg) left center no-repeat; cursir: pointer; display: inline-block; } @media (max-width: 767px) { #loadMore { clear: both; float: none; display: block; width: 135px; margin: 40px auto 0; } } .swiper-scrollbar-drag { background: #ff5252; border-radius: 0; } .swiper-container-horizontal > .swiper-scrollbar { left: 0; bottom: 0; height: 11px; width: 100%; border-radius: 0; } .breadcrumbs { color: #999999; font-size: 14px; padding-top: 15px; } .breadcrumbs a { color: #999999; } @media (max-width: 767px) { .breadcrumbs { padding-top: 0; } } .light { color: #959AB8; } .margin-right-50 { margin-right: 50px; } #sendListToEmail { display: none; } #sendListToEmailForm input[type="text"] { width: 100%; max-width: 100%; height: 48px; padding: 0 15px; border: 1px solid #959AB8; font-size: 16px; } #sendListToEmailForm .submit { background: #253196; color: #ffffff; border: none; padding-left: 30px; padding-right: 30px; height: 50px; line-height: 50px; font-size: 16px; letter-spacing: 1px; display: block; text-align: center; } #submitSubscribe { background: #253196; color: #ffffff; border: none; padding-left: 30px; padding-right: 30px; height: 50px; line-height: 50px; font-size: 16px; letter-spacing: 1px; display: block; text-align: center; cursor: pointer; } .file { padding: 0 0 0 40px; position: relative; margin: 0 0 20px 0; } .file .icon { position: absolute; top: 0; left: 0; } .file .link span { color: #959AB8; font-size: 12px; display: block; } .about-num { font-size: 40px; color: #253196; } .about-num + p { font-size: 20px; } @media (max-width: 767px) { .about-num { font-size: 28px; } .about-num + p { font-size: 16px; } } .about-image { color: #ffffff; display: flex; height: 100%; padding: 250px 40px 40px; flex-direction: column; justify-content: flex-end; background-size: cover; background-repeat: no-repeat; } .about-image .about-num { color: #ffffff; } .about-image.about-image-1 { background-image: url(//static.merlion.ru/img2021/about/1.jpg); } .about-image.about-image-2 { background-image: url(//static.merlion.ru/img2021/about/2a.jpg); } .about-image.about-image-3 { background-image: url(//static.merlion.ru/img2021/about/3.jpg); } .about-image.about-image-4 { background-image: url(//static.merlion.ru/img2021/about/4.jpg); } .margin-bottom-30 { margin-bottom: 30px; } #aboutBanner .about-num { color: #ffffff; } #aboutBanner .about-num span { font-size: 16px; } #aboutBanner .about-num + p { font-size: 16px; } .full-image img { width: 100%; } #aboutSlider { overflow: hidden; } #aboutSlider .swiper-slide { cursor: move; } #aboutThumbs { overflow: hidden; } #aboutThumbs .swiper-slide { padding-top: 50px; position: relative; color: #959AB8; display: block; cursor: pointer; } #aboutThumbs .swiper-slide h3, #aboutThumbs .swiper-slide .h3 { font-size: 20px; } #aboutThumbs .swiper-slide:before { width: 1px; height: 50px; position: absolute; top: 0; left: 0; content: ''; background: #959AB8; } #aboutThumbs .swiper-slide.swiper-slide-thumb-active { color: #253196; } #aboutThumbs .swiper-slide.swiper-slide-thumb-active:before { background: #253196; } #aboutThumbs #aboutThumbNavigation { width: calc(100% / 6); float: left; padding-top: 76px; position: relative; } #aboutThumbs #aboutThumbNavigation:before { width: 1px; height: 50px; position: absolute; top: 0; left: 0; content: ''; background: #959AB8; } #aboutThumbs #aboutThumbNavigation div { position: relative; } @media (max-width: 1199px) { #aboutThumbs #aboutThumbNavigation { width: calc(100% / 5); } } @media (max-width: 499px) { #aboutThumbs #aboutThumbNavigation { width: calc(100% / 4); } } #aboutThumbs #aboutThumbSlider { width: calc(100% * 5 / 6); float: left; overflow: hidden; } @media (max-width: 1199px) { #aboutThumbs #aboutThumbSlider { width: calc(100% * 4 / 5); } } @media (max-width: 499px) { #aboutThumbs #aboutThumbSlider { width: calc(100% * 3 / 4); } } #aboutThumbs .swiper-button-prev, #aboutThumbs .swiper-button-next { left: auto; right: auto; top: auto; display: block; width: 20px; height: 8px; margin: 0 50px 0 0; background-color: #253196; -webkit-mask: url("https://static.merlion.ru/img2021/arrow-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/arrow-icon.svg") no-repeat 100% 100%; float: left; } @media (max-width: 767px) { #aboutThumbs .swiper-button-prev, #aboutThumbs .swiper-button-next { margin: 0 20px 0 0; } } #aboutThumbs .swiper-button-prev { transform: rotate(180deg); } #activityArchiveWrapper { float: right; max-width: 50%; } @media (max-width: 767px) { #activityArchiveWrapper { float: none; max-width: 100%; } } @media (min-width: 768px) { #activityArchiveWrapper .types-title { border: none; color: #959AB8; font-weight: 400; font-size: 16px; margin-top: 0; padding-top: 0; padding-right: 25px; } #activityArchiveWrapper .types-title:before { background-color: #959AB8; top: 8px; right: 0; } } .loading-wrapper { text-align: center; } .loading-line { display: inline-block; height: 6px; margin: 40px 0; position: relative; } .loading-bit { animation: 2s ease infinite animWidth; background-color: #7800F0; border-radius: 40%; display: inline-block; height: 100%; margin: 0 12px; opacity: 0; transform: scale(2); vertical-align: top; width: 10px; } .loading-bit:nth-child(1) { animation-delay: 0.05s; } .loading-bit:nth-child(2) { animation-delay: 0.1s; } .loading-bit:nth-child(3) { animation-delay: 0.15s; } .loading-bit:nth-child(4) { animation-delay: 0.2s; } .loading-bit:nth-child(5) { animation-delay: 0.25s; } .loading-bit:nth-child(6) { animation-delay: 0.3s; } .loading-bit:nth-child(7) { animation-delay: 0.35s; } .loading-bit:nth-child(8) { animation-delay: 0.4s; } .loading-bit:nth-child(9) { animation-delay: 0.45s; } .loading-bit:nth-child(10) { animation-delay: 0.5s; } .loading-bit:nth-child(11) { animation-delay: 0.55s; } .loading-bit:nth-child(12) { animation-delay: 0.6s; } .loading-bit:nth-child(13) { animation-delay: 0.65s; } .loading-bit:nth-child(14) { animation-delay: 0.7s; } .loading-bit:nth-child(15) { animation-delay: 0.75s; } .loading-bit:nth-child(16) { animation-delay: 0.8s; } .loading-bit:nth-child(17) { animation-delay: 0.85s; } .loading-bit:nth-child(18) { animation-delay: 0.9s; } .loading-bit:nth-child(19) { animation-delay: 0.95s; } .loading-bit:nth-child(20) { animation-delay: 1s; } @keyframes animWidth { 0% { transform: scale(1); } 50% { background: #253196; opacity: 1; transform: scale(3); } 100% { transform: scale(1); } } .lg-download.lg-icon { display: none !important; } #addSpecA, #addSpecB { border-bottom: 1px dotted #253196; color: #253196; display: inline; cursor: pointer; } #EdiYes { display: none; } #EdiYes.active { display: block; } ul { padding-left: 15px; } p.str2 { height: 70px; display: block; } #aboutVadRight { position: relative; background: url(https://static.merlion.ru/data/vad/vad.about.right.v2.png) no-repeat center center; background-size: contain; } #aboutVadRight img { opacity: 0; display: block; width: 100%; } #aboutVadLinkBucklet { position: absolute; display: block; top: 0; left: 0; width: 31.25%; height: 100%; } .filter-part-about, .filter-part-vendors, .filter-part-projects, .filter-part-tools, .filter-part-products, .filter-handler-about, .filter-handler-vendors, .filter-handler-projects, .filter-handler-tools, .filter-handler-products { display: none; } .content-part-about, .content-part-vendors, .content-part-projects, .content-part-tools, .content-part-products { width: 100% !important; } #videoPDWrapper img { height: 100%; width: 100%; } .pd-tool-block { margin-bottom: 30px; } .pd-tool-block .vendor-bg { height: 100%; padding: 20px; } .tools-banner { color: #ffffff; background-size: cover; background-position: right center; } .tools-wrapper { padding: 50px 7%; } .blue { color: #253196; } .sky-blue, a.sky-blue { color: #318BE2; } .sky-blue.download:after, a.sky-blue.download:after { background-color: #318BE2; } #pdBanner a { color: #318BE2; } #pdBanner a.download:after { background-color: #318BE2; } a[data-iframe] { cursor: pointer; } a[data-iframe]:hover { color: #9BCEDF; } .tools-wrapper ul.yes li { background: no-repeat url(//static.merlion.ru/data/vad/li.yes.png) 0 10px; padding: 10px 0 10px 35px; list-style: none; } .font20 { font-size: 20px; } .relative { position: relative; } #viewItems { position: absolute; right: 0; text-align: right; } #viewItems #plateItems { width: 13px; height: 13px; cursor: pointer; } #viewItems #plateItems:before { width: 13px; height: 13px; -webkit-mask: url("https://static.merlion.ru/img2021/plateitems.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/plateitems.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #959AB8; display: inline-block; content: ''; margin-right: 10px; } #viewItems #plateItems.active:before { background-color: #253196; } #viewItems #listItems { width: 17px; height: 13px; cursor: pointer; } #viewItems #listItems:before { width: 17px; height: 13px; -webkit-mask: url("https://static.merlion.ru/img2021/listitems.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/listitems.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #959AB8; display: inline-block; content: ''; } #viewItems #listItems.active:before { background-color: #253196; } @media (max-width: 767px) { #viewItems { left: 2px; bottom: -45px; right: auto; } } #productsList { border-bottom: 1px solid #DBDBDB; } .margin-right-20 { margin-right: 20px; } #buttonItemSavePDF { float: left; position: relative; padding: 0 64px 0 38px; } #buttonItemSavePDF:before { width: 14px; height: 12px; -webkit-mask: url("https://static.merlion.ru/img2021/download-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/download-icon.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #253196; display: block; content: ''; position: absolute; right: 38px; top: 20px; } #buttonItemSavePDF:hover:before { background-color: #ffffff; } @media (max-width: 767px) { #buttonItemSavePDF { padding: 0 41px 0 15px; font-size: 14px; letter-spacing: 0px; } #buttonItemSavePDF:before { right: 14px; } } #saveID { float: left; position: relative; padding: 0 64px 0 38px; cursor: pointer; } #saveID:before { width: 11px; height: 13px; -webkit-mask: url("https://static.merlion.ru/img2021/favorit.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/favorit.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #253196; display: block; content: ''; position: absolute; right: 38px; top: 20px; } #saveID.gotoSaved:before { -webkit-mask: url("https://static.merlion.ru/img2021/favoritsolid.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/favoritsolid.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } #saveID:hover:before { background-color: #ffffff; } @media (max-width: 767px) { #saveID { padding: 0 41px 0 15px; font-size: 14px; letter-spacing: 0px; } #saveID:before { right: 14px; } } .swiper-button-next, .swiper-button-prev { width: 7px; height: 14px; color: #959AB8; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 14px; } .remember-remove { cursor: pointer; } .remember-remove div { width: 16px; height: 17px; } .remember-remove div:before { width: 16px; height: 17px; -webkit-mask: url("https://static.merlion.ru/img2021/remove.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/remove.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #959AB8; display: block; content: ''; } .remember-remove div:hover:before { background-color: #ff5252; } table.text { border-collapse: collapse; margin: 15px 0 0; } table.text td { padding: 10px 20px; border: 1px solid #DBDBDB; } table.text tr.n0 td, table.text th { background: #253196; color: #ffffff; padding: 10px 20px; border: 1px solid #253196; } img.img-center { display: block; margin: 0 auto; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: 0; -webkit-text-fill-color: #4D4D4D; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 174, 255, 0.04) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0.03) 100%); } input.search { border: 1px solid #C8CADD; height: 50px; width: 100%; padding: 0 60px 0 20px; } input.searchSubmit { position: absolute; right: 18px; top: 19px; border: none; background: none; background-color: #959AB8; -webkit-mask: url(https://static.merlion.ru/img2021/search.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/search.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; width: 12px; height: 12px; } #searchClearButton { cursor: pointer; position: absolute; width: 12px; height: 12px; right: 50px; top: 19px; background-color: #8086A8; -webkit-mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } #tools-target-slick { height: 600px; overflow: hidden; } @media (max-width: 550px) { #tools-target-slick { height: 300px; } } @media (max-width: 450px) { #tools-target-slick { height: 250px; } } @media (max-width: 400px) { #tools-target-slick { height: 220px; } } @media (max-width: 350px) { #tools-target-slick { height: 190px; } } .swiper-overflow { position: relative; } .swiper-overflow .swiper-button-prev { left: -15px; } .swiper-overflow .swiper-button-next { right: -15px; } @media (max-width: 767px) { #closeFrame { cursor: pointer; position: absolute; width: 18px; height: 18px; top: 15px; right: 15px; -webkit-mask-size: cover; mask-size: cover; -webkit-mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 50% 50%; mask: url("https://static.merlion.ru/img2021/close-icon.svg") no-repeat 50% 50%; background-color: #ffffff; } } #filterLittersVendor { margin: 0 -5px; } @media (min-width: 992px) { #filterLittersVendor { padding-left: 0; } } @media (min-width: 992px) { #vendorsList, #productsListWrapper, #vendorsListWrapper { padding-left: 0 !important; } } @media (min-width: 992px) { #filterContent { padding-right: 0; } } .activity-logo-long-about { width: calc(100% - 200px); padding-right: 50px; } @media (max-width: 767px) { .activity-logo-long-about { width: 100%; } } .wrapper-flex-block > div { margin-bottom: 20px; } .wrapper-flex-block .pic { display: flex; flex-direction: column; justify-content: center; height: 100px; } .wrapper-flex-block .light-bg { height: 100%; padding: 20px; } #he-colored { background: url(https://static.merlion.ru/data/vad/landing/he-bg.jpg) no-repeat center center; background-size: cover; color: #ffffff; padding: 30px 80px; } .he-borders { border: 1px solid #dddddf; padding: 20px; border-top: none; } .he-borders.odd { margin-left: -1px; padding-left: 21px; } @media (max-width: 767px) { .he-borders.odd { margin-left: 0; } } .he-borders img { margin-top: 20px; max-width: 40px; } #ahub-banner-2 { background: url(https://static.merlion.ru/data/vad/landing/ahub-bg.png) no-repeat center center; background-size: cover; color: #ffffff; padding: 80px 0; } .red { color: #ff5252; } .vad-project-border .image { padding: 0 0 20px; background: #ffffff; height: 120px; display: flex; flex-direction: column; justify-content: center; } .vad-project-border-wrapper > div > div { margin-bottom: 20px; } .roundedItems { border: 1px solid #cccccc; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; text-align: center; padding: 20px; height: 100%; } #mcloud-banner { background: url(https://static.merlion.ru/data/vad/landing/mcloudBG.jpg) no-repeat center center; background-size: cover; color: #ffffff; padding: 100px 0; } #mcloud-banner .col-xs-3 { text-align: right; font-size: 19px; color: #baeeff; } .margin-bottom-20 { margin-bottom: 20px; } #tc-colored { background: url(https://static.merlion.ru/data/vad/landing/tc-3.jpg) no-repeat center center; background-size: cover; color: #ffffff; padding: 80px 0; } .direction-vendor { margin-bottom: 30px; } @media (min-width: 992px) { .direction-vendor { margin-bottom: 70px; } } #catalogAll a { color: #4D4D4D; } #catalogAll a:hover { color: #253196; } .banner { position: relative; } .banner img { width: 100%; } @media (min-width: 1200px) { .col-lg-3-1 { width: 26%; float: left; padding-right: 15px; padding-left: 15px; } .col-lg-8-1 { width: 68.6%; float: left; padding-right: 15px; padding-left: 15px; } .col-lg-offset-0-5 { margin-left: 4%; } .col-lg-offset-0-3 { margin-left: 2.5%; } .col-lg-offset-0-9 { margin-left: 7.33333333%; } .col-lg-1-5 { width: 12%; float: left; padding-right: 15px; padding-left: 15px; } } #vendorFocus-linesBlock { padding-top: 30px; } #vendorFocus-linesBlock a:hover { color: #253196; } .vendor-menu-item .title a:hover { color: #253196; } #mainNews { top: 100px; opacity: 0; position: relative; } #mainNews a { display: block; overflow: hidden; position: relative; background-position: 50% 50%; } #mainNews a img.in-block { max-width: 110%; position: relative; display: block; opacity: 0; } #mainNews a:hover, #mainNews a.animated { animation: mainNewsHover 1.5s forwards; } #mainNews.animated { animation: upTo 1.5s forwards; } #eventMainText { top: 100px; opacity: 0; position: relative; } #eventMainText.animated { animation: upTo 1.5s forwards; } @keyframes mainNewsHover { 0% { background-size: 100% 100%; } 100% { background-size: 110% 110%; } } @keyframes upTo { 0% { top: 100px; opacity: 0; } 100% { top: 0; opacity: 1; } } @keyframes upToMN { 0% { top: 133px; opacity: 0; } 100% { top: 33px; opacity: 1; } } .vendorbox, .productMenuTabLink { display: block; float: left; } .whiteBG { background: #ffffff; position: relative; z-index: 1; } #wrapAllContent { position: relative; z-index: 2; } .page-main #wrapAllContent, .page-about #wrapAllContent { z-index: 1; } #technical { display: none; } .lg-item .lg-sub-html { position: absolute; bottom: auto; right: 0; left: 0; top: 50%; height: 20%; } #clearFilter { cursor: pointer; } @media (max-width: 767px) { #clearFilter { visibility: hidden; } } .lists ol { counter-reset: li; list-style: none; } .lists li:before { counter-increment: li; content: counters(li, ".") ". "; } .width-100 { width: 100%; } /***************************************/ .color-236192 { background-color: #236192; } .color-da291c { background-color: #da291c; } .color-f15b5b { background-color: #f15b5b; } .color-363434 { background-color: #363434; } .color-ffffff { background-color: #ffffff; border: 1px solid #dcdce0; height: 84px; } .color-236192, .color-da291c, .color-f15b5b, .color-363434 { display: block; position: relative; width: 100%; } .color-236192 { height: 130px; } .color-da291c, .color-f15b5b { height: 67px; } .color-363434 { height: 35px; } .row-flex .color-236192, .row-flex .color-da291c, .row-flex .color-f15b5b, .row-flex .color-363434, .row-flex .color-ffffff { height: 100%; padding: 0 20px; } .mred { width: 120px; color: #ffffff; height: 42px; background: #FF5252; font: 14px/42px; text-align: center; } .mblue { width: 120px; color: #ffffff; height: 42px; background: #335992; font: 14px/42px; text-align: center; } .mblack { width: 120px; color: #ffffff; height: 42px; background: #000000; font: 14px/42px; text-align: center; } .border1 { border: 1px solid #ededed; float: left; } /***************************************/ #seeMoreFilterBrands, #seeMoreFilterMobBrands { display: none; } #seeMoreFilterBrands.active, #seeMoreFilterMobBrands.active { display: block; } #seeMoreFilterBrandsHandler, #seeMoreFilterMobBrandsHandler { cursor: pointer; padding-top: 5px; } @media (max-width: 767px) { .footer-menu-col a { display: block; width: 50%; float: left; box-sizing: border-box; } } .table-wrapper { width: 100%; overflow-x: auto; margin-bottom: 15px; } .padding10 { padding: 0 10px; } .margin-right-60 { margin-right: 60px; } .margin-right-20 { margin-right: 20px; } .firmstyle-logo-example { padding: 100px 0; text-align: center; } .firmstyle-logo-example img { min-width: 100px; width: 33%; display: block; margin: 0 auto; } .firmstyle-colors { padding: 150px 0 40px 40px; color: #ffffff; } @media (max-width: 767px) { .firmstyle-colors { padding: 50px 0 20px 20px; } } .alphabet { padding-top: 15px; } .alphabet .medium { font-weight: 500; } .alphabet > div > div { width: 9.09%; padding: 10px 0; } span.clear, span.clear5 { display: block; } .grecaptcha-badge { display: none; } .toggle-handler { position: relative; cursor: pointer; display: block; padding: 0 30px 0 0; } .toggle-handler:before { content: ''; display: block; position: absolute; right: 0; top: 0; border: none; background: none; background-color: #959AB8; -webkit-mask: url("https://static.merlion.ru/img2021/plus-handler.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/plus-handler.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; width: 25px; height: 25px; } .toggle-content { display: none; } .toggle-content.active { display: block; } .wrapper-part-about { width: 100% !important; max-width: 100% !important; } .tool-item { height: 55px; line-height: 55px; border-radius: 30px; padding: 0 30px; border: 1px solid #959AB8; color: #4C4C4C; margin: 0 20px 20px 0; background: #ffffff; display: inline-block; } .tool-item.active, .tool-item:hover { border: 1px solid #253196; color: #ffffff; background: #253196; } @media (max-width: 767px) { .tool-item { height: 45px; line-height: 45px; padding: 0 20px; font-size: 14px; } } @media (max-width: 400px) { .tool-item { height: 40px; line-height: 40px; padding: 0 10px; margin: 0 10px 10px 0; font-size: 13px; } } @media (max-width: 350px) { .tool-item { height: 30px; line-height: 30px; padding: 0 8px; font-size: 12px; } } .about-banner-3 { padding: 80px 0; } .about-banner-3 .tool-item { margin: 0 10px 20px; border: 1px solid #318BE2; color: #ffffff; background: none; } .about-banner-3 .tool-item.active, .about-banner-3 .tool-item:hover { border: 1px solid #D8CDF0; color: #253196; background: #D8CDF0; } .about-banner-3 #toolPlate > div { display: flex; justify-content: center; flex-wrap: wrap; } .about-banner-3 #toolPlate a#allToolsLink { color: #318BE2; display: block; margin: 0 auto; } .about-banner-3 #toolPlate a#allToolsLink:hover { color: #318BE2; } span.ok { width: 24px; height: 24px; display: inline-block; position: relative; } span.ok:before { width: 24px; height: 24px; display: block; content: ''; background-color: #253196; -webkit-mask: url("https://static.merlion.ru/img2021/ok-icon.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/ok-icon.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } a.sky-blue { color: #318BE2; } img.xs-vendors { max-width: 70%; max-height: 45px; margin: 0 auto; display: block; } .__select { position: relative; width: 100%; height: 48px; line-height: 48px; z-index: 6; } .__select[data-state="active"] { z-index: 7; } .__select[data-state="active"] .__select__title::after { transform: rotate(180deg); } .__select[data-state="active"] .__select__content { display: block; } .__select.error { border: 1px solid #ff5252; } .__select__title { display: flex; align-items: center; width: 100%; height: 100%; padding: 0 20px; line-height: 18px; background: #F6FAFD; border: 1px solid #EDEFFF; border-radius: 1px; cursor: pointer; } .__select__title::after { content: ''; position: absolute; display: block; right: 20px; top: 20px; width: 15px; height: 8px; -webkit-mask: url(https://static.merlion.ru/img2021/up-icon.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/up-icon.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #4D4D4D; cursor: pointer; z-index: 8; transform: rotate(180deg); } .__select__content { position: absolute; top: 48px; left: 0; display: none; max-height: 480px; overflow-y: auto; width: 100%; background-color: #ffffff; border: 1px solid #EDEFFF; border-top: none; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; transition: all 0.3s ease-out; z-index: 8; } .__select__input { display: none; } .__select__input:checked + label { background-color: #EDEFFF; } .__select__label { display: block; align-items: center; width: 100%; min-height: 48px; line-height: 28px; padding: 10px 20px; margin-bottom: 0; transition: all 0.2s ease-out; cursor: pointer; overflow: hidden; background-color: #F6FAFD; font-weight: 400; } .__select__label:hover { background-color: #EDEFFF !important; } #proposalContent { position: relative; z-index: 6; } #buttonItemToPositronica, #buttonItemToCitilink, #buttonItemToBuroshop { margin-right: 20px; } @media (max-width: 767px) { #buttonItemToPositronica, #buttonItemToCitilink, #buttonItemToBuroshop { margin-right: 14px; letter-spacing: 0.2px; padding-right: 14px; } } .firstLevelCatalogMob { font-weight: 500; font-size: 18px; color: #4D4D4D; padding: 12px 0; display: block; } #catalogAll a#firstLevelCatalogMob { display: block; color: #253196; text-align: center; padding: 12px 0; border: 1px solid #253196; border-radius: 1px; clear: both; margin-top: 30px; } #vendorDescrVideo { position: relative; } #vendorDescrVideo #vendorDescrVideoContent { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } #vendorDescrVideo #vendorDescrVideoButton { position: absolute; display: flex; flex-direction: row; justify-content: center; text-align: center; width: 100%; height: 100%; top: 0; left: 0; } #vendorDescrVideo #vendorDescrVideoButton img { width: 93px; } #vendorDownloadsBlock .row-flex > div { margin-bottom: 20px; } .ccs-cc-ficons[data-show-titles=true] .ccs-cc-ficons-item:after { width: 8em !important; } #subscribeBanner { min-height: 721px; background: url(https://static.merlion.ru/img2021/subsbanner.svg) center center no-repeat; background-size: cover; } #subscribeBG { width: 588px; background: #FFFFFF; padding: 66px 86px 86px; margin: 0 auto; max-width: 100%; } #subscribeBG h1, #subscribeBG .h1 { font-size: 36px; } #subscribeBG input[type="text"] { line-height: 48px; height: 48px; width: 100%; background: #F6FAFD; border: 1px solid #EDEFFF; padding: 0 20px; border-radius: 1px; } @media (max-width: 767px) { #subscribeBG { padding: 15px 15px 30px; } #subscribeBG h1, #subscribeBG .h1 { font-size: 24px; } } #subscribeBG label { font-weight: 400; margin-right: 40px; display: inline-block; } #subscribeBG label input { margin-right: 6px; display: inline-block; } #subscribeBG input[type="checkbox"] { position: relative; margin-right: 10px; } #subscribeBG input[type="checkbox"]:before { display: block; content: ''; border: 1px solid #8086A8; width: 16px; height: 16px; position: absolute; top: 0; left: 0; background: #ffffff; } #subscribeBG input[type="checkbox"]:checked:before { display: none; } #subscribeBG #removeS { display: none; } #subscribeBG #removeS.show { display: block; } footer .footer-menu-col a.f-subscribe { display: inline-block; padding: 0 0 0 24px !important; font-weight: 400; font-size: 16px; color: #FFFFFF; text-decoration: none; position: relative; } footer .footer-menu-col a.f-subscribe:before { content: ''; width: 14px; height: 14px; position: absolute; left: 0; top: 3px; display: block; background-color: #ffffff; -webkit-mask: url("https://static.merlion.ru/img2021/pencil.svg") no-repeat 100% 100%; mask: url("https://static.merlion.ru/img2021/pencil.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; } @media (min-width: 768px) { .product-text-block { min-height: 630px; } } a.linkToTelegram { font-weight: 500; font-size: 20px; line-height: 24px; color: #239AD6; padding-left: 65px; height: 51px; display: flex; width: 100%; flex-direction: column; justify-content: center; background: url("https://static.merlion.ru/img2021/tlg.svg") no-repeat left center; background-size: contain; } .item-not-found { min-height: calc(100vh - 200px); display: flex; flex-direction: column; justify-content: center; text-align: center; } .item-not-found .button { display: inline-block; width: 196px; } span.ny2023 { position: relative; padding-right: 35px; display: inline-block; } span.ny2023:after { display: block; content: ''; position: absolute; width: 20px; height: 10px; top: 6px; right: 0; -webkit-mask: url(https://static.merlion.ru/img2021/arrow-icon.svg) no-repeat 100% 100%; mask: url(https://static.merlion.ru/img2021/arrow-icon.svg) no-repeat 100% 100%; background-color: #25b1ff; } .item-features { position: absolute; left: 15px; top: 0; display: flex; gap: 10px; z-index: 9; flex-wrap: wrap; } .marking { font-size: 12px; color: #bbb; }