/* Start:/local/templates/main/css/normalize.css?15507419149586*/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button, .button,
input,
select,
textarea {
font-family: sans-serif;
}
/**
* Address margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/**
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* Address CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/**
* Address `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/**
* Address margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/**
* Address paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/**
* Correct list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button, .button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button, .button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End */
/* Start:/local/templates/main/css/main.css?15507419148139*/
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
.accelerate{
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*Advanced clearfix*/
.cf:after {
display: block; content: '';
font-size: 0; height: 1%;
clear: both;
}
/*banner index*/
.banners_us{
background: url(/local/templates/main/img/banner/banner.jpg) 100% 0;
height: 540px;
text-align: center;
}
.banners_us .header_text_banner{
font-size: 48px;
font-family: ProximaNova, normal;
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 0.458;
text-align: center;
-moz-transform: matrix( 1,0,0,1.00001039171637,0,0);
-webkit-transform: matrix( 1,0,0,1.00001039171637,0,0);
-ms-transform: matrix( 1,0,0,1.00001039171637,0,0);
padding-top: 90px;
margin: 0;
letter-spacing: -1.5px;
}
.banners_us .header_face_banner{
background: url(/local/templates/main/img/banner/face_banner.jpg) no-repeat 100% 0;
height: 88px;
display: inline-block;
width: 88px;
border-radius: 100%;
margin: auto;
margin-top: 80px;
}
.banners_us .header_two_text_banner{
font-size: 30px;
font-family: ProximaNova, normal;
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 0.733;
text-align: center;
-moz-transform: matrix( 1,0,0,1.00001039171637,0,0);
-webkit-transform: matrix( 1,0,0,1.00001039171637,0,0);
-ms-transform: matrix( 1,0,0,1.00001039171637,0,0);
margin-top: 24px;
}
.banners_us .header_banner_text_footer{
font-size: 18px;
font-family: ProximaNova, normal;
color: rgb(255, 255, 255);
line-height: 1.389;
text-align: center;
-moz-transform: matrix( 1.00001493094438,0,0,1.00002205242127,0,0);
-webkit-transform: matrix( 1.00001493094438,0,0,1.00002205242127,0,0);
-ms-transform: matrix( 1.00001493094438,0,0,1.00002205242127,0,0);
margin-top: 23px;
letter-spacing: -0.5px;
}
/*anchors styles*/
a.anchor {
position: absolute;
margin-top: -70px;
}
input[type="tel"] {
width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* стили только для IE10 IE11 */
a.anchor {
position: absolute;
margin-top: -110px;
}
}
.popup_button_rm img {
width: 14px;
height: 14px;
}
.balloonCenter {
text-align: center!important;
width: 100%;
display: block;
}
/* End */
/* Start:/local/templates/main/css/jquery-ui.min.css?15507419146017*/
/*! jQuery UI - v1.11.2 - 2014-12-21
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, datepicker.css, slider.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}
/* End */
/* Start:/local/templates/main/css/mob_app.css?15507419149613*/
main.main, .mob-page {
/*overflow: hidden*/;
}
.mob-page__banner {
margin-bottom: 75px;
background: url('/local/templates/main/css/../img/mobile/banner_1160.jpg') no-repeat center;
background-size: cover;
height: 520px;
padding: 120px 0 0 110px;
box-sizing: border-box;
}
.mob-page__banner-title {
max-width: 355px;
margin: 0;
margin-bottom: 30px;
}
.mob-page__banner-subtitle {
display: block;
font-size: 26px;
line-height: 1.2;
color: #353943;
max-width: 340px;
margin: 0;
}
.mob-page__about {
font-size: 18px;
line-height: 28px;
letter-spacing: -0.010em;
color: #353943;
margin: 0;
margin-bottom: 75px;
text-align: center;
padding: 0 205px;
}
.mob-page__info {
padding: 0 110px;
}
.mob-page__info-title {
font-size: 26px;
line-height: 1.2;
color: #0e9800;
margin: 0;
margin-bottom: 75px;
text-align: center;
font-weight: 700;
}
.mob-page__info-wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 75px;
justify-content: space-between;
}
.mob-page__info-item {
max-width: 275px;
padding-top: 104px;
}
.mob-page__info-icon {
display: flex;
margin-bottom: 54px;
justify-content: center;
height: 39px;
align-items: center;
}
.mob-page__info-list {
list-style: none;
margin: 0;
padding: 0;
}
.mob-page__info-list li {
font-size: 18px;
line-height: 25px;
letter-spacing: -0.025em;
color: #333333;
margin: 0;
padding-left: 11px;
}
.mob-page__info-list li:not(:last-child) {
margin-bottom: 25px;
}
.mob-page__info-list li:before {
display: none;
}
.mob-page__info-list li:after {
content: '';
position: absolute;
width: 4px;
height: 4px;
background-color: #26a219;
border-radius: 100%;
left: 1px;
top: 10px;
}
.mob-page__info-slide {
padding: 0 50px;
width: 300px;
position: relative;
}
.mobile-arrows {
position: absolute;
display: inline-block;
width: 34px;
height: 66px;
top: 47%;
transform: translateY(-50%);
}
.mobile-arrows--prev {
transform: translateY(-50%) rotate(180deg);
left: 0;
}
.mobile-arrows--next {
right: 0;
}
.mob-page__apps-btns {
margin-bottom: 72px;
display: flex;
justify-content: center;
}
.mob-page__apps-btns a {
display: inline-block;
}
.mob-page__apps-btns a:not(:last-child) {
margin-right: 55px;
}
.mob-page__section-wrapper {
margin-bottom: 65px;
padding: 0 110px;
}
.mob-page__section {
border-width: 2px;
border-color: rgb(229, 232, 235);
border-style: solid;
background-color: rgb(255, 255, 255);
box-shadow: 0px 3px 12.87px 0.13px rgba(0, 0, 0, 0.16);
padding: 40px;
}
.mob-page__section-title {
margin: 0;
margin-bottom: 34px;
text-align: center;
font-weight: 700;
}
.mob-page__section-info {
margin-bottom: 35px;
display: flex;
justify-content: space-between;
}
.mob-page__section-item {
width: 260px;
}
.mob-page__section-item--large {
width: 360px;
}
.mob-page__section-icon {
margin-bottom: 31px;
height: 41px;
display: flex;
justify-content: center;
align-items: center;
}
.mob-page__section-text {
font-size: 18px;
line-height: 25px;
color: #333333;
letter-spacing: -0.025em;
margin: 0;
text-align: center;
}
.mob-page__section-subtitle {
font-size: 18px;
line-height: 1.2;
color: #0e9800;
margin: 0;
text-align: center;
font-weight: 700;
}
.mob-pop {
position: relative;
display: none;
align-items: center;
justify-content: center;
width: 100%;
height: 85px;
background-color: #f2f2f2;
border-top: 1px solid #dfdcdb;
border-bottom: 1px solid #dfdcdb;
padding-left: 40px;
}
/*поменять на display: flex; для включения mobile popup на iphone*/
.mobile.iphone .mob-pop {
display: none;
}
/*поменять на display: flex; для включения mobile popup на android*/
.mobile.android .mob-pop {
display: flex;
}
.mob-pop.hidden {
display: none!important;
visibility: hidden;
}
.mob-pop p {
margin: 0;
}
.mob-pop__logo {
display: flex;
flex-shrink: 0;
width: 64px;
height: 64px;
margin-right: 15px;
border-radius: 6px;
overflow: hidden;
}
.mob-pop__logo img {
width: 100%;
}
.mob-pop__text {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
}
.mob-pop__title {
font-size: 14px;
line-height: 14px;
color: #000;
font-weight: 600;
margin-bottom: 5px!important;
}
.mob-pop__subtitle {
display: none!important;
font-size: 9px;
line-height: 9px;
color: #8e8e93;
font-weight: 400;
margin-bottom: 4px!important;
}
/*изменение стиля*/
.mob-pop__subtitle.link--android {
display: none!important;
}
/*конец изменение стиля*/
.mob-pop__btn {
display: none;
font-size: 10px;
line-height: 9px;
background-color: #2fd05e;
color: #fff;
padding: 7px 29px 6px;
text-transform: uppercase;
}
.android .link--android {
display: block!important;
}
.iphone .link--ios {
display: block!important;
}
.mob-pop__btn:active {
background-color: #33b459;
}
.mob-pop__close {
display: inline-block;
background: url(/local/templates/main/css/../img/header/krest.svg) no-repeat center;
background-size: 100%;
height: 14px;
width: 14px;
cursor: pointer;
position: absolute;
left: 13px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1100px) {
.mob-page__info {
padding: 0 60px;
}
.mob-page__about {
padding: 0 60px;
}
.mob-page__info {
padding: 0 60px;
}
.mob-page__section-wrapper {
padding: 0 60px;
}
}
@media (max-width: 991px) {
.mob-page__info {
padding: 0 15px;
}
.mob-page__info-slide {
padding: 0 30px;
width: auto;
position: relative;
display: flex;
justify-content: center;
}
.mob-page__about {
margin-bottom: 40px;
}
.mobile-arrows {
position: absolute;
display: inline-block;
width: 24px;
height: 47px;
top: 47%;
transform: translateY(-50%);
}
.mobile-arrows--prev {
transform: translateY(-50%) rotate(180deg);
left: -10px;
}
.mobile-arrows--next {
right: -10px;
}
.mob-page__info-item {
max-width: 240px;
padding-top: 40px;
}
.mob-page__info-slide > div {
width: 180px;
}
.mob-page__info-list li {
font-size: 16px;
line-height: 25px;
}
.mob-page__info-wrapper {
margin-bottom: 50px;
}
.mob-page__section-wrapper {
padding: 0 15px;
}
.mob-page__section {
padding: 30px 15px;
}
.mob-page__section-item {
width: 230px;
}
.mob-page__section-item--large {
width: 300px;
}
.mob-page__info-title {
margin-bottom: 60px;
}
}
@media (max-width: 768px) {
.mob-page__banner {
background: url('/local/templates/main/css/../img/mobile/banner_780.jpg') no-repeat center;
background-size: cover;
height: 420px;
padding: 55px 0 0 55px;
box-sizing: border-box;
margin-bottom: 40px;
}
.mob-page__banner-title {
max-width: 490px;
}
.mob-page__banner-subtitle {
font-size: 20px;
line-height: 28px;
letter-spacing: -0.010em;
}
.mob-page__about {
padding: 0 15px;
}
.mob-page__info-wrapper {
display: flex;
margin-bottom: 10px;
justify-content: flex-start;
flex-direction: column;
align-items: center;
}
.mob-page__info-item {
max-width: 250px;
padding-top: 0;
margin-bottom: 30px;
}
.mob-page__info-icon {
margin-bottom: 30px;
}
.mob-page__info-slide {
margin-bottom: 30px;
}
.mob-page__info-list li:not(:last-child) {
margin-bottom: 16px;
}
.mob-page__section-item {
width: 440px;
display: flex;
justify-content: flex-start;
}
.mob-page__section-item--large {
width: 440px;
}
.mob-page__section-info {
margin-bottom: 30px;
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: center;
}
.mob-page__section-icon {
margin-bottom: 0;
margin-right: 30px;
height: auto;
width: 41px;
}
.mob-page__section-text {
text-align: left;
width: 100%;
}
.mob-page__apps-btns {
margin-bottom: 40px;
display: flex;
justify-content: center;
}
.mob-page__section-item:not(:last-child) {
margin-bottom: 30px;
}
.mob-page__info-title {
margin-bottom: 40px;
}
}
@media (max-width: 650px) {
.mob-page__banner {
height: 370px;
padding: 35px 15px 0 15px;
}
.mob-page__banner-title {
font-size: 26px;
line-height: 30px;
max-width: 100%;
margin-bottom: 30px;
}
.mob-page__banner-subtitle {
font-size: 18px;
line-height: 30px;
max-width: 50%;
}
.mob-page__about {
font-size: 16px;
line-height: 24px;
margin-bottom: 40px;
}
.mob-page__apps-btns {
margin-bottom: 30px;
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: center;
}
.mob-page__apps-btns a:not(:last-child) {
margin-right: 0;
margin-bottom: 16px;
}
.mob-page__info-title {
margin-bottom: 30px;
}
}
@media (max-width: 543px) {
.mob-page__banner {
background: url('/local/templates/main/css/../img/mobile/banner_320.jpg') no-repeat center;
background-size: cover;
margin-bottom: 30px;
}
.mob-page__about {
margin-bottom: 30px;
}
.mob-page__section-item {
width: 100%!important;
}
.mob-page__section-title {
margin-bottom: 30px;
}
.mob-page__section-text {
font-size: 16px;
line-height: 24px;
}
.mob-page__section-icon {
margin-right: 15px;
}
.mob-page__section-subtitle {
font-size: 19px;
letter-spacing: -0.025em;
}
.mob-page__section-wrapper {
padding: 0 15px;
margin-bottom: 30px;
}
}
/* End */
/* Start:/local/templates/main/css/pif.css?155437188175929*/
.pif-tab:before {
content: '';
background: url("/local/templates/main/css/../img/pngsprite/ico-slide-handler.png") no-repeat center;
visibility: hidden;
opacity: 0;
width: 0;
height: 0;
}
@font-face {
font-family: ALSRubl;
src: url('/local/templates/main/css/../fonts/rouble.ttf');
src: url("/local/templates/main/css/../fonts/rouble.ttf?#iefix") url("/local/templates/main/css/../fonts/rouble.ttf") format("ttf"), url("/local/templates/main/css/../fonts/rouble.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: ALSRubl;
src: url('/local/templates/main/css/../fonts/ALSRubl.ttf');
}
/* reset styles
-----------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
}
input:focus,
textarea:focus,
a:focus,
button:focus,
select:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del,
s,
strike {
text-decoration: line-through;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
margin: 0;
}
* {
box-sizing: border-box;
}
/*was comented before adaptive*/
img {
border: none;
vertical-align: top;
max-width: 100%;
height: auto;
}
/* responsive text align
-----------------------------------------------------------------------------*/
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-xs-left {
text-align: left;
}
.text-xs-right {
text-align: right;
}
.text-xs-center {
text-align: center;
}
.text-xs-justify {
text-align: justify;
}
@media (min-width: 544px) {
.text-sm-left {
text-align: left;
}
.text-sm-right {
text-align: right;
}
.text-sm-center {
text-align: center;
}
.text-sm-justify {
text-align: justify;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.text-md-center {
text-align: center;
}
.text-md-justify {
text-align: justify;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left;
}
.text-lg-right {
text-align: right;
}
.text-lg-center {
text-align: center;
}
.text-lg-justify {
text-align: justify;
}
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
html {
height: 100%;
}
.no-flexbox body {
min-height: 100%;
height: 100%;
display: block !important;
}
.page-wrapper,
.footer {
max-width: none;
min-width: 0;
width: 100%;
margin: 0 auto;
}
.no-flexbox .page-wrapper,
.no-flexbox .footer {
width: auto;
}
.page-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-height: auto!important;
}
.lte-ie-11 .page-wrapper,
.lt-ie-11 .page-wrapper {
min-height: 0;
}
.no-flexbox .page-wrapper {
display: block !important;
width: auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
.page-body {
-ms-flex: 1;
flex: 1;
}
.page-body.flex-none {
-ms-flex: none;
flex: none;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.container::after {
content: "";
display: table;
clear: both;
}
@media (min-width: 544px) {
.container {
max-width: 576px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 940px;
}
}
@media (min-width: 1060px) {
.container {
max-width: 1060px;
}
}
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid::after {
content: "";
display: table;
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row::after {
content: "";
display: table;
clear: both;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-1 {
width: 8.33333%;
}
.col-xs-2 {
width: 16.66667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.33333%;
}
.col-xs-5 {
width: 41.66667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.33333%;
}
.col-xs-8 {
width: 66.66667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.33333%;
}
.col-xs-11 {
width: 91.66667%;
}
.col-xs-12 {
width: 100%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-pull-1 {
right: 8.33333%;
}
.col-xs-pull-2 {
right: 16.66667%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-4 {
right: 33.33333%;
}
.col-xs-pull-5 {
right: 41.66667%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-7 {
right: 58.33333%;
}
.col-xs-pull-8 {
right: 66.66667%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-10 {
right: 83.33333%;
}
.col-xs-pull-11 {
right: 91.66667%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-push-1 {
left: 8.33333%;
}
.col-xs-push-2 {
left: 16.66667%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-4 {
left: 33.33333%;
}
.col-xs-push-5 {
left: 41.66667%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-7 {
left: 58.33333%;
}
.col-xs-push-8 {
left: 66.66667%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-10 {
left: 83.33333%;
}
.col-xs-push-11 {
left: 91.66667%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-xs-offset-1 {
margin-left: 8.33333%;
}
.col-xs-offset-2 {
margin-left: 16.66667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333%;
}
.col-xs-offset-5 {
margin-left: 41.66667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333%;
}
.col-xs-offset-8 {
margin-left: 66.66667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333%;
}
.col-xs-offset-11 {
margin-left: 91.66667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
@media (min-width: 544px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.33333%;
}
.col-sm-2 {
width: 16.66667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33333%;
}
.col-sm-5 {
width: 41.66667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.33333%;
}
.col-sm-8 {
width: 66.66667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.33333%;
}
.col-sm-11 {
width: 91.66667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.33333%;
}
.col-sm-pull-2 {
right: 16.66667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.33333%;
}
.col-sm-pull-5 {
right: 41.66667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.33333%;
}
.col-sm-pull-8 {
right: 66.66667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.33333%;
}
.col-sm-pull-11 {
right: 91.66667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.33333%;
}
.col-sm-push-2 {
left: 16.66667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.33333%;
}
.col-sm-push-5 {
left: 41.66667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.33333%;
}
.col-sm-push-8 {
left: 66.66667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.33333%;
}
.col-sm-push-11 {
left: 91.66667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.33333%;
}
.col-sm-offset-2 {
margin-left: 16.66667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333%;
}
.col-sm-offset-5 {
margin-left: 41.66667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333%;
}
.col-sm-offset-8 {
margin-left: 66.66667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333%;
}
.col-sm-offset-11 {
margin-left: 91.66667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 768px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-1 {
width: 8.33333%;
}
.col-md-2 {
width: 16.66667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33333%;
}
.col-md-5 {
width: 41.66667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.33333%;
}
.col-md-8 {
width: 66.66667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33333%;
}
.col-md-11 {
width: 91.66667%;
}
.col-md-12 {
width: 100%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.33333%;
}
.col-md-pull-2 {
right: 16.66667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.33333%;
}
.col-md-pull-5 {
right: 41.66667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.33333%;
}
.col-md-pull-8 {
right: 66.66667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.33333%;
}
.col-md-pull-11 {
right: 91.66667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.33333%;
}
.col-md-push-2 {
left: 16.66667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.33333%;
}
.col-md-push-5 {
left: 41.66667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.33333%;
}
.col-md-push-8 {
left: 66.66667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.33333%;
}
.col-md-push-11 {
left: 91.66667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.33333%;
}
.col-md-offset-2 {
margin-left: 16.66667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333%;
}
.col-md-offset-5 {
margin-left: 41.66667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333%;
}
.col-md-offset-8 {
margin-left: 66.66667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333%;
}
.col-md-offset-11 {
margin-left: 91.66667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.33333%;
}
.col-lg-2 {
width: 16.66667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33333%;
}
.col-lg-5 {
width: 41.66667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.33333%;
}
.col-lg-8 {
width: 66.66667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33333%;
}
.col-lg-11 {
width: 91.66667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.33333%;
}
.col-lg-pull-2 {
right: 16.66667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.33333%;
}
.col-lg-pull-5 {
right: 41.66667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.33333%;
}
.col-lg-pull-8 {
right: 66.66667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.33333%;
}
.col-lg-pull-11 {
right: 91.66667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.33333%;
}
.col-lg-push-2 {
left: 16.66667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.33333%;
}
.col-lg-push-5 {
left: 41.66667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.33333%;
}
.col-lg-push-8 {
left: 66.66667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.33333%;
}
.col-lg-push-11 {
left: 91.66667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.33333%;
}
.col-lg-offset-2 {
margin-left: 16.66667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333%;
}
.col-lg-offset-5 {
margin-left: 41.66667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333%;
}
.col-lg-offset-8 {
margin-left: 66.66667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333%;
}
.col-lg-offset-11 {
margin-left: 91.66667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1060px) {
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
float: left;
}
.col-xl-1 {
width: 8.33333%;
}
.col-xl-2 {
width: 16.66667%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-4 {
width: 33.33333%;
}
.col-xl-5 {
width: 41.66667%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-7 {
width: 58.33333%;
}
.col-xl-8 {
width: 66.66667%;
}
.col-xl-9 {
width: 75%;
}
.col-xl-10 {
width: 83.33333%;
}
.col-xl-11 {
width: 91.66667%;
}
.col-xl-12 {
width: 100%;
}
.col-xl-pull-0 {
right: auto;
}
.col-xl-pull-1 {
right: 8.33333%;
}
.col-xl-pull-2 {
right: 16.66667%;
}
.col-xl-pull-3 {
right: 25%;
}
.col-xl-pull-4 {
right: 33.33333%;
}
.col-xl-pull-5 {
right: 41.66667%;
}
.col-xl-pull-6 {
right: 50%;
}
.col-xl-pull-7 {
right: 58.33333%;
}
.col-xl-pull-8 {
right: 66.66667%;
}
.col-xl-pull-9 {
right: 75%;
}
.col-xl-pull-10 {
right: 83.33333%;
}
.col-xl-pull-11 {
right: 91.66667%;
}
.col-xl-pull-12 {
right: 100%;
}
.col-xl-push-0 {
left: auto;
}
.col-xl-push-1 {
left: 8.33333%;
}
.col-xl-push-2 {
left: 16.66667%;
}
.col-xl-push-3 {
left: 25%;
}
.col-xl-push-4 {
left: 33.33333%;
}
.col-xl-push-5 {
left: 41.66667%;
}
.col-xl-push-6 {
left: 50%;
}
.col-xl-push-7 {
left: 58.33333%;
}
.col-xl-push-8 {
left: 66.66667%;
}
.col-xl-push-9 {
left: 75%;
}
.col-xl-push-10 {
left: 83.33333%;
}
.col-xl-push-11 {
left: 91.66667%;
}
.col-xl-push-12 {
left: 100%;
}
.col-xl-offset-0 {
margin-left: 0%;
}
.col-xl-offset-1 {
margin-left: 8.33333%;
}
.col-xl-offset-2 {
margin-left: 16.66667%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.33333%;
}
.col-xl-offset-5 {
margin-left: 41.66667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.33333%;
}
.col-xl-offset-8 {
margin-left: 66.66667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.33333%;
}
.col-xl-offset-11 {
margin-left: 91.66667%;
}
.col-xl-offset-12 {
margin-left: 100%;
}
}
/*
SCSS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon-home-width;
}
The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
@include sprite-width($icon-home);
}
.icon-email {
@include sprite($icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of SCSS
@include sprites($spritesheet-sprites);
*/
/*
.page_title {
font-family: 'Open Sans';
font-weight: 700;
text-align: center;
display: block;
padding: 50px 0;
font-size: 40px;
line-height: 23px;
color: #3f474f;
}
.invest {
margin-bottom: 28px;
}
.invest__wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 18px;
}
.invest__item {
width: 21%;
min-height: 138px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.invest__text {
font-family: 'Open Sans';
text-align: center;
display: block;
font-size: 18px;
color: #3f474f;
}
.howitwork__wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.howitwork__block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
width: 49%;
}
.howitwork__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
}
.howitwork__title {
display: inline-block;
font-family: 'Open Sans';
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 18px;
color: #3f474f;
}
.howitwork__title--link {
color: #0e9800;
}
.howitwork__text {
display: block;
font-family: 'Open Sans';
font-size: 18px;
color: #3f474f;
}
.howitwork__subtext {
display: block;
margin-top: 5px;
font-family: 'Open Sans';
font-size: 14px;
color: #3f474f;
}
.dox__wrapper {
margin: 0 auto;
padding-top: 22px;
width: 632px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
}
.dox__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dox__item__title-list {
margin-bottom: 15px;
}
.dox__item--dashed {
position: relative;
}
.dox__item--dashed:after {
content: '';
position: absolute;
bottom: 0;
left: 50px;
width: 100%;
height: 2px;
background: url("/local/templates/main/css/../img/individuals/dashed.png") repeat-x center left;
}
.dox__title {
width: 33%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.dox__title__top {
font-family: 'Open Sans';
color: #000;
font-size: 14px;
line-height: 18px;
letter-spacing: -.4px;
}
.dox__title__bottom {
font-family: 'Open Sans';
color: #019901;
font-size: 18px;
line-height: 20px;
font-weight: 700;
letter-spacing: -.5px;
}
.dox__title * {
text-align: center;
}
.dox__block {
width: 33%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.dox__block--small {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.dox__block--orange {
width: 95px;
height: 107px;
background-color: #f7941d;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.dox__block--green {
width: 95px;
height: 107px;
background-color: #8dc63f;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.dox__block--green-dark {
position: relative;
width: 95px;
height: 201px;
background-color: #019901;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.dox__block--green-dark--small {
height: 33%;
}
.dox__text-w {
font-family: 'Open Sans';
color: #fff;
font-size: 14px;
line-height: 25px;
}
.dox__text-b {
font-family: 'Open Sans';
color: #000;
font-size: 14px;
line-height: 20px;
text-align: center;
margin-top: 8px;
}
.dox__first {
width: 31%;
}
.dox__second {
width: 26%;
margin-left: 54px;
}
.dox__left {
position: absolute;
font-size: 15px;
color: #353943;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -64px;
margin-top: 0;
text-align: left;
}
*/
/*DROPDOWN*/
.dropdown {
max-width: 540px;
font: normal 18px/22px 'Open Sans';
color: #3f474f;
position: relative;
}
.calculator .dropdown .drop_face,
.dropdown-std .drop_face {
height: 50px;
position: relative;
padding: 14px 30px;
background-color: #eff7f8;
border-radius: 5px;
box-sizing: border-box;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.calculator.ver2 .dropdown .drop_face,
.dropdown-std2 .drop_face {
height: 60px;
padding: 19px 40px 19px 30px;
}
.is-open .drop_face {
padding: 13px 29px;
border: 1px solid #238900;
}
.calculator.ver2 .is-open .drop_face,
.dropdown-std2 .is-open .drop_face {
padding: 18px 39px 18px 29px;
}
.dropdown .drop_layout {
display: none;
min-width: 100%;
max-height: 320px;
border-radius: 5px;
position: absolute;
left: 0;
top: 70px;
background-color: #eff7f8;
border: 1px solid #238900;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
z-index: 100;
}
.dropdown .drop_layout section {
white-space: nowrap;
height: 50px;
padding: 14px 30px;
box-sizing: border-box;
cursor: pointer;
}
.dropdown .drop_layout section.active {
background-color: #0e9800;
color: #fff;
position: relative;
}
.dropdown .drop_layout section.active:after {
width: 12px;
height: 10px;
display: block;
content: '';
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
background: url(/local/templates/main/css/../img/sprite.png) -38px -432px no-repeat;
}
.dropdown .drop_layout section:hover {
background-color: #cfe2e6;
transition: background-color 0.4s ease;
}
.dropdown .drop_layout section.active:hover {
background-color: #0e9800;
color: #fff;
transition: background-color color 0.4s ease;
}
.dropdown .drop_layout section:last-child {
border-radius: 0 0 5px 5px;
}
.drop_arrow {
position: absolute;
top: 50%;
margin-top: -14px;
right: 20px;
display: block;
width: 12px;
height: 28px;
background: url(/local/templates/main/css/../img/sprite.png) -7px -423px no-repeat;
}
.is-open .drop_arrow {
background-position: -22px -423px;
}
/*RADIO*/
.radio,
.checkbox {
display: block;
float: left;
position: relative;
width: 28px;
height: 26px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
visibility: hidden;
}
.radio input[type="radio"] + span,
.checkbox input[type="checkbox"] + span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
background: url(/local/templates/main/css/../img/sprite.png) -9px -191px no-repeat #fff;
cursor: pointer;
}
.checkbox input[type="checkbox"] + span {
border-radius: 0;
background-position: -9px -284px;
}
.checkbox:hover input[type="checkbox"] + span {
background-position: -9px -316px;
}
.checkbox input[type="checkbox"]:checked + span {
background-position: -9px -347px;
}
.radio:hover input[type="radio"] + span {
background-position: -9px -222px;
}
.radio input[type="radio"]:checked + span {
background-position: -9px -253px;
}
.pif__title {
text-align: center;
}
.pif-btn {
display: inline-block;
font-family: 'Open Sans';
font-size: 18px;
line-height: 1;
padding: 18px 22px;
color: #fff;
border-radius: 3px;
background-color: #0e9800;
text-decoration: none;
transition: all 0.2s linear;
}
.pif-btn:hover {
background-color: rgba(14, 152, 0, 0.85);
}
.pif-btn-white {
display: inline-block;
font-family: 'Open Sans';
font-size: 18px;
line-height: 1;
padding: 18px 22px;
color: #0e9800;
border-radius: 3px;
background-color: transparent;
border: 1px solid #0e9800;
text-decoration: none;
transition: all 0.2s linear;
}
.pif-btn-white:hover {
background-color: #0e9800;
color: #fff;
}
.pif1-pif {
background: url("/local/templates/main/css/../img/pif1-pif.png") no-repeat center right;
padding-top: 58px;
min-height: 382px;
background-color: #fbfbfb;
}
.pif1-pif__title {
display: block;
margin-bottom: 29px;
}
.pif1-pif__subtitle {
display: block;
font-family: 'Open Sans';
font-size: 26px;
color: #353943;
line-height: 30px;
letter-spacing: -.6px;
margin-bottom: 42px;
}
.pif1-pif__first {
padding-top: 49px;
}
.pif1-pif__first__title {
margin-bottom: 26px;
display: block;
font-family: 'Open Sans';
font-weight: 700;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
letter-spacing: -.3px;
}
.pif1-pif__first__text {
display: block;
font-family: 'Open Sans';
font-size: 18px;
line-height: 25px;
letter-spacing: -.45px;
border-bottom: 1px solid #e5e8eb;
padding-bottom: 75px;
}
.pif1-hiw {
padding: 62px 0 64px;
}
.pif1-hiw__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
}
.pif1-hiw__title {
margin-bottom: 75px;
}
.pif1-hiw__item {
width: 47%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 75px;
}
.pif1-hiw__item i {
width: 60px;
height: 50px;
}
.pif1-hiw__item__text-block {
margin-left: 31px;
width: calc(100% - 94px);
}
.pif1-hiw__color {
font-family: 'Open Sans';
font-weight: 700;
font-size: 18px;
color: #00ac00;
text-transform: uppercase;
}
.pif1-hiw__subtitle {
margin-left: 4px;
font-family: 'Open Sans';
font-weight: 700;
font-size: 18px;
color: #000;
text-transform: uppercase;
}
.pif1-hiw__text {
display: block;
margin-top: 9px;
font-family: 'Open Sans';
font-size: 14px;
line-height: 24px;
color: #000;
}
.pif1-advantage {
margin-bottom: 75px;
}
.pif1-advantage__title {
margin-bottom: 75px;
}
.pif1-advantage__wrapper {
display: -ms-flexbox;
display: flex;
margin-bottom: 75px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pif1-advantage__item {
display: -ms-flexbox;
display: flex;
width: 32%;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.pif1-advantage__number {
margin-bottom: 19px;
font-family: 'Open Sans';
font-weight: 700;
font-size: 14px;
color: #fff;
padding-top: 3px;
text-align: center;
background-color: #0e9800;
border-radius: 100%;
width: 32px;
height: 32px;
}
.pif1-advantage__subtitle {
display: block;
margin-bottom: 6px;
font-family: 'Open Sans';
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #000;
text-transform: uppercase;
letter-spacing: -.4px;
}
.pif1-advantage__text {
display: inline-block;
font-family: 'Open Sans';
font-size: 14px;
line-height: 24px;
color: #000;
letter-spacing: -.4px;
max-width: 100%;
}
/*
.pif1-advantage__link {
display: inline-block;
font-family: 'Open Sans';
font-weight: 500;
font-size: 15px;
line-height: 25px;
color: #54a3e2;
letter-spacing: -.4px;
text-decoration: none;
}
.pif1-advantage__link:hover {
text-decoration: underline;
}
.pif1-advantage__links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pif1-advantage__links__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 120px;
width: 50%;
}
.pif1-advantage__links__item--orange {
background-color: #f29b07;
}
.pif1-advantage__links__item--green {
background-color: #89ce1d;
}
.pif1-advantage__links__item--green a {
max-width: 225px;
margin-left: 50px;
}
.pif1-advantage__links__text {
position: relative;
display: inline-block;
font-family: 'Open Sans';
font-weight: 700;
text-transform: uppercase;
font-size: 15px;
color: #fff;
text-decoration: none;
}
.pif1-advantage__links__text:after {
position: absolute;
content: '';
right: -15px;
top: 49%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
height: 12px;
background: url("/local/templates/main/css/../img/pngsprite/arrow-white.png") no-repeat center;
}
*/
.pif1-advantage__link {
display: inline-block;
font-family: 'Open Sans';
font-weight: 500;
font-size: 14px;
line-height: 25px;
color: #54a3e2;
letter-spacing: -.4px;
text-decoration: none; }
.pif1-advantage__link:hover {
text-decoration: underline; }
.pif1-advantage__links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between; }
.pif1-advantage__links__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-align-items: center;
align-items: center;
flex-grow: 0;
height: 120px;
width: 33.3%; }
.pif1-advantage__links__item--orange {
background-color: #f29b07; }
.pif1-advantage__links__item--blue {
background-color: #54a4e3; }
.pif1-advantage__links__item--green {
background-color: #89ce1d; }
.pif1-advantage__links__text {
position: relative;
display: inline-block;
font-family: 'Open Sans';
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
padding: 0 5px;
color: #fff;
text-decoration: none; }
.pif1-advantage__links__text:after {
position: absolute;
content: '';
right: -18px;
top: 49%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
height: 12px;
background: url("/local/templates/main/css/../img/pngsprite/arrow-white.png") no-repeat center; }
.pif1-choose {
margin-bottom: 75px;
}
.pif1-choose .container {
max-width: 1150px;
}
.pif1-choose__title {
margin-bottom: 75px;
}
.pif1-choose__item {
position: relative;
cursor: pointer;
background-color: #eff7f8;
border: 2px solid #eff7f8;
border-radius: 5px;
/* padding: 28px 28px 25px; */
transition: all 0.2s linear;
}
.pif1-choose__item:after {
position: absolute;
content: '';
right: 33px;
top: 34px;
width: 16px;
height: 9px;
transition: all 0.2s linear;
background: url("/local/templates/main/css/../img/pngsprite/arrow-down.png") no-repeat center;
}
.pif1-choose__item:not(:last-child) {
margin-bottom: 20px;
}
.pif1-choose__item.active {
border: 2px solid #e5e8eb;
background-color: #fff;
cursor: default;
}
.pif1-choose__item.active:after {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.pif1-choose__item.active .pif1-choose__block {
}
.pif1-choose__item__title {
font-family: 'Open Sans';
font-size: 18px;
font-weight: 700;
color: #353943;
text-decoration: none;
padding: 28px;
}
.pif1-choose__block {
display: -ms-flexbox;
display: flex;
position: relative;
border-top: 1px solid #e5e8eb;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 28px 60px 28px;
}
.pif1-choose__block__item {
position: relative;
display: -ms-flexbox;
display: flex;
width: 32%;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pif1-choose__block__title {
display: inline-block;
margin-bottom: 7px;
margin-top: 43px;
font-family: 'Open Sans';
font-size: 14px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
color: #8d9599;
}
.pif1-choose__block__who {
position: relative;
display: inline-block;
margin-bottom: 29px;
font-family: 'Open Sans';
font-size: 14px;
color: #54a3e2;
border-bottom: 1px dashed #54a3e2;
text-decoration: none;
transition: all 0.2s linear;
}
.pif1-choose__block__who:hover {
border-bottom: 1px dashed transparent;
}
.pif1-choose__block__who:hover span {
display: block;
}
.pif1-choose__block__who__text {
display: none;
position: absolute;
z-index: 2;
width: 357px;
left: -144px;
bottom: 23px;
background-color: #fff;
font-family: 'Open Sans';
font-size: 14px;
line-height: 24px;
color: #000;
text-decoration: none;
border: 2px solid #d5dcde;
border-radius: 5px;
padding: 10px 12px;
text-align: center;
transition: all 0.2s linear;
}
.pif1-choose__block__who__text:after {
content: '';
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -9px;
width: 20px;
height: 9px;
background: url("/local/templates/main/css/../img/pngsprite/arrow-down-2.jpg") no-repeat center;
}
.pif1-choose__subitem {
position: relative;
margin-bottom: 21px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
border: 2px solid #eaeeef;
border-radius: 5px;
width: 100%;
padding: 5px 17px;
}
.pif1-choose__subitem--color {
margin-bottom: 10px;
padding: 13px 17px;
}
.pif1-choose__subitem--color:before {
content: '';
position: absolute;
width: calc(100% + 4px);
height: 4px;
left: -2px;
top: -2px;
}
.pif1-choose__subitem--green:before {
background-color: #9ec219;
}
.pif1-choose__subitem--yellow:before {
background-color: #ffb10f;
}
.pif1-choose__subitem--orange:before {
background-color: #f00;
}
.pif1-choose__subitem__title {
position: relative;
display: inline-block;
margin-bottom: 10px;
font-family: 'Open Sans';
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #000;
letter-spacing: -.3px;
}
.pif1-choose__subitem__title:after {
content: '';
position: absolute;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: -15px;
width: 8px;
height: 11px;
background: url("/local/templates/main/css/../img/pngsprite/arrow-right-black.png") no-repeat center;
}
.pif1-choose__subitem__text {
display: block;
max-width: 95%;
margin-bottom: 8px;
font-family: 'Open Sans';
font-size: 14px;
line-height: 24px;
color: #000;
letter-spacing: -.4px;
}
.pif1-choose__subitem__info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
}
.pif1-choose__subitem__percent {
position: relative;
display: inline-block;
font-family: 'Open Sans';
font-weight: 500;
color: #0e9800;
font-size: 26px;
margin-left: 20px;
letter-spacing: -.5px;
}
/* .pif1-choose__subitem__percent:after {
content: '\20BD';
font-family: ALSRubl;
position: absolute;
right: -24px;
top: 0;
} */
.pif1-choose__subitem__year {
display: inline-block;
font-family: 'Open Sans';
color: #9ca8b4;
font-size: 14px;
letter-spacing: -.4px;
}
.pif1-choose__subitem__list-title {
display: block;
font-family: 'Open Sans';
color: #000;
font-size: 14px;
line-height: 28px;
letter-spacing: -.4px;
}
.pif1-choose__subitem__list-link {
display: block;
font-family: 'Open Sans';
color: #54a3e2;
font-size: 14px;
line-height: 28px;
text-decoration: none;
letter-spacing: -.4px;
}
.pif1-choose__subitem__list-link:hover {
text-decoration: underline;
}
.pif1-choose__readmore {
position: relative;
margin: 26px 0 15px;
display: inline-block;
font-family: 'Open Sans';
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
cursor: pointer;
color: #39424d;
}
.pif1-choose__readmore:hover:after {
opacity: 0;
}
.pif1-choose__readmore:after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 1px;
bottom: 0;
border-bottom: 1px dashed #39424d;
opacity: 1;
transition: all 0.2s linear;
}
.pif1-choose__readmore-block {
display: none;
width: 100%;
}
.pif1-choose__readmore-block.active {
display: block;
}
.pif1-choose__btn {
display: none;
position: absolute;
bottom: -1px;
padding: 18px 22px !important;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pif1-choose__txt {
display: block;
font-family: 'Open Sans';
font-size: 18px;
line-height: 25px;
color: #000;
margin-bottom: 25px;
letter-spacing: -.4px;
}
.pif1-choose__txt a {
color: #54a3e2;
text-decoration: none;
}
.pif1-choose__txt a:hover {
text-decoration: underline;
}
.pif1-choose__txt--last {
margin-bottom: 0;
}
.pif1-choose--block-2 {
padding-top: 41px;
}
.pif1-trust {
background-color: #efeeed;
position: relative;
padding: 75px 0 75px!important;
}
.pif1-trust .container {
z-index: 2;
position: relative;
}
.pif1-trust img {
position: absolute;
left: 0;
bottom: -8px;
z-index: 1;
}
.pif1-trust__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 2;
}
.pif1-trust__item {
width: 50%;
padding-left: 9px;
}
.pif1-trust__title {
margin-bottom: 31px;
}
.pif1-trust__text {
display: block;
font-family: 'Open Sans';
margin-bottom: 15px;
font-size: 18px;
line-height: 28px;
color: #353943;
letter-spacing: -.5px;
max-width: 90%;
}
.pif1-trust__btns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
}
.pif1-trust__btns--get {
padding: 18px 22px;
}
.pif1-trust__btns--choose {
padding: 18px 22px;
margin-left: 20px;
}
.pif1-colours {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pif1-colours__item {
width: 25%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 54px 28px 22px;
}
.pif1-colours__item--orange {
background-color: #f29b07;
}
.pif1-colours__item--lightgreen {
background-color: #89ce1d;
}
.pif1-colours__item--gray {
background-color: #eff7f8;
}
.pif1-colours__item--gray span {
color: #353943;
}
.pif1-colours__item--green {
background-color: #369a1e;
}
.pif1-colours__title {
display: block;
margin-bottom: 38px;
font-family: 'Open Sans';
font-weight: 700;
line-height: 31.75px;
font-size: 74px;
color: #fff;
letter-spacing: -2px;
}
.pif1-colours__subtitle {
display: block;
font-family: 'Open Sans';
font-weight: 700;
line-height: 23px;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.pif1-colours__text {
display: block;
font-family: 'Open Sans';
margin-top: 17px;
line-height: 28px;
font-size: 18px;
color: #fff;
}
.pif1-invest {
padding: 93px 0;
}
.pif1-invest .container {
max-width: 1090px;
}
.pif1-invest__title {
margin-bottom: 63px;
}
.pif1-invest__wrapper {
display: -ms-flexbox;
display: flex;
margin-bottom: 39px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pif1-invest__item {
width: 31%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.pif1-invest__item img {
margin-bottom: 34px;
}
.pif1-invest__item__title {
display: block;
font-family: 'Open Sans';
font-size: 18px;
line-height: 25px;
font-weight: 700;
color: #000;
letter-spacing: -.4px;
max-width: 100%;
}
.pif1-invest__item__text {
display: block;
font-family: 'Open Sans';
font-size: 18px;
line-height: 25px;
color: #000;
letter-spacing: -.4px;
max-width: 100%;
}
.pif1-invest__item__text a {
color: #54a3e2;
text-decoration: none;
}
.pif1-invest__item__text a:hover {
text-decoration: underline;
}
.pif1-invest__info {
position: relative;
padding-left: 35px;
margin-bottom: 127px;
}
.pif1-invest__info:after {
content: '!';
position: absolute;
left: 3px;
top: 1px;
width: 22px;
height: 22px;
background-color: #0e9800;
color: #fff;
text-align: center;
font-family: 'Open Sans';
font-weight: 700;
font-size: 18px;
border-radius: 100%;
}
.pif1-invest__subtext {
position: relative;
font-family: 'Open Sans';
font-size: 14px;
line-height: 20px;
color: #9ca8b4;
letter-spacing: -.4px;
}
.pif1-invest__subtext:after {
position: absolute;
top: -1px;
font-family: 'Open Sans';
font-size: 14px;
color: #9ca8b4;
}
.pif1-invest__subtext--1:after {
content: '1';
left: -10px;
}
.pif1-invest__subtext--2:after {
content: '2';
left: -15px;
}
.pif1-invest__subtext:not(:last-child) {
margin-bottom: 40px;
}
.pif2-choose-pif {
padding-top: 75px;
}
.pif2-choose-pif__title {
margin-bottom: 70px;
font-weight: 700;
}
.pif2-choose-pif__text {
display: block;
font-family: 'Open Sans';
font-size: 18px;
line-height: 28px;
color: #8a9199;
letter-spacing: -.5px;
text-align: center;
margin-bottom: 66px;
}
.pif2-choose-pif__wrapper {
display: -ms-flexbox;
display: flex;
margin-bottom: 32px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
border-bottom: 1px solid #ced5d9;
padding-bottom: 55px;
}
.pif2-choose-pif__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.pif2-choose-pif__item.radios {
margin-left: 47px;
margin-right: 41px;
}
.pif2-choose-pif__item__title {
position: relative;
display: inline-block;
font-family: 'Open Sans';
font-size: 18px;
line-height: 22px;
color: #363a45;
font-weight: 700;
letter-spacing: -.2px;
margin-bottom: 15px;
}
.risk-info-show {
cursor: pointer;
position: absolute;
right: -36px;
top: 0;
width: 23px;
height: 22px;
}
.pif2-choose-pif__item__title.radios {
margin-bottom: 33px;
}
.pif2-choose-pif__item__radios {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.pif2-choose-pif__item__radios .radio {
margin-right: 9px;
}
.pif2-choose-pif__item__radios label {
font-family: 'Open Sans';
font-size: 18px;
line-height: 22px;
color: #000;
}
.pif2-choose-pif__item__radios__item {
margin-left: 23px;
}
.pif2-choose-pif__block2 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 75px;
}
.pif2-choose-pif__block2__item {
width: 49%;
}
.pif2-choose-pif__block2__title {
display: block;
font-family: 'Open Sans';
font-size: 18px;
line-height: 22px;
color: #363a45;
font-weight: 700;
letter-spacing: -.2px;
margin-bottom: 15px;
}
.pif2-choose-pif__block2__reset {
position: relative;
display: inline-block;
font-family: 'Open Sans';
font-size: 14px;
line-height: 19px;
font-weight: 700;
color: #363a45;
text-transform: uppercase;
border: none;
outline: none;
cursor: pointer;
margin-top: 35px;
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
}
.pif2-choose-pif__block2__reset:hover {
color: #ffffff
}
.pif2-choose-pif__block2__reset:hover:after {
opacity: 0;
}
.pif2-choose-pif__block2__reset:after {
position: absolute;
opacity: 1;
content: '';
width: 100%;
height: 1px;
border-bottom: 1px dashed #363a45;
left: 0;
bottom: 3px;
transition: all 0.1s linear;
}
.pif2__table {
margin-bottom: 23px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pif2__table__row {
border-bottom: 1px solid #ced5d9;
height: 85px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.pif2__table__row:hover .pif2__table__row--1 {
color: #0e9800;
}
.pif2__table__row span {
position: relative;
display: inline-block;
}
.pif2__table__row--1 {
width: 465px;
font-family: 'Open Sans';
font-weight: 600;
font-size: 18px;
line-height: 25px;
color: #000;
letter-spacing: -.3px;
transition: all 0.3s linear;
}
.pif2__table__row--1 a {
font-family: 'Open Sans';
font-weight: 600;
font-size: 18px;
line-height: 25px;
color: #000;
letter-spacing: -.3px;
transition: all 0.3s linear;
}
.pif2__table__row--1 .subname {
position: absolute;
text-transform: uppercase;
color: #9ca8b4;
font-size: 9px;
line-height: 25px;
top: -16px;
left: 2px;
}
.pif2__table__row--1 .subtext {
font-weight: 400;
color: #8a9199;
font-size: 18px;
line-height: 28px;
margin-top: 16px;
}
.pif2__table__row--2 {
width: 71px;
}
.pif2__table__row--3 {
text-align: right;
width: 147px;
}
.pif2__table__row--4 {
text-align: right;
width: 172px;
}
.pif2__table__row--5 {
width: 200px;
}
.pif2__table__row--circle:after {
position: absolute;
content: '';
width: 10px;
height: 10px;
border-radius: 100%;
display: inline-block;
left: 12px;
top: -5px;
}
.pif2__table__row--green:after {
background-color: #9ec219;
}
.pif2__table__row--orange:after {
background-color: #ffb10f;
}
.pif2__table__row--red:after {
background-color: #f00;
}
.pif2__table__row--percent {
text-align: right;
font-family: 'Open Sans';
font-weight: 600;
font-size: 18px;
line-height: 22px;
letter-spacing: -.4px;
color: #369a1e;
}
.pif2__table__row--percent--red {
color: #eb4b4b;
}
.pif2__table__row--price {
font-family: 'Open Sans';
font-weight: 400;
font-size: 18px;
line-height: 22px;
margin-right: 5px;
letter-spacing: -.4px;
color: #72818f;
}
.pif2__table__row--btn {
float: right;
text-align: right;
}
.pif2__table__row--btn a {
margin-left: 25px;
display: inline-block;
padding: 14px;
}
.pif2__table__row--name {
height: auto;
padding-bottom: 15px;
}
.pif2__table__row--name span {
font-family: 'Open Sans';
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: -.4px;
}
.pif2__table__btns {
margin-bottom: 40px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.pif2__table__btns--1 {
padding: 14px 28px;
margin-right: 20px;
}
/*.pif2__table__btns--2 {
padding: 18px 22px;
}*/
.pif2__table2 {
padding-bottom: 110px;
}
.pif2__table2__name {
margin-top: 20px;
}
.pif2__table2 .pif2__table__row {
height: 154px;
-ms-flex-align: start;
align-items: flex-start;
}
.pif2__table2 .pif2__table__row--name {
height: auto;
padding-top: 0;
}
.pif2__table2 .pif2__table__row--name .pif2__table__row--3 {
margin-top: 0;
width: 120px;
}
.pif2__table2 .pif2__table__row--name .pif2__table__row--4 {
width: 160px;
margin-top: 0;
}
.pif2__table2 .pif2__table__row--3 {
width: 160px;
margin-top: 65px;
}
.pif2__table2 .pif2__table__row--4 {
width: 120px;
margin-top: 65px;
}
.pif2__table2__item {
width: 565px;
}
.pif2__table2__item .pif2__table__row--1 {
width: auto;
}
.pif2__table2__item--subitem {
margin-top: 36px;
}
.pif2__table2 .pif2__table__row--btn {
margin-top: 51px;
}
.pif2__range {
position: relative;
z-index: 1;
width: 100%;
height: 60px;
background-color: #eff7f8;
border-radius: 5px;
outline: none;
padding: 12px 18px;
border: none;
font-family: 'Open Sans';
font-weight: 400;
font-size: 36px;
line-height: 1;
color: #39424d;
}
.pif2__range1 {
position: relative;
z-index: 2;
top: auto !important;
height: 3px !important;
border: none !important;
}
.pif2__range1 .ui-slider-handle {
top: -8px !important;
position: relative;
border: none !important;
}
.pif2__range1 .ui-slider-handle:after {
content: '';
position: absolute;
background: url("/local/templates/main/css/../img/pngsprite/ico-slide-handler.png") no-repeat center !important;
width: 31px;
height: 49px;
left: 0;
top: 9px;
}
.pif-income .pif2__range1 .ui-slider-handle:after {
top: 23px;
}
.pif2-choose-pif__block2 .pif2__range1 .ui-slider-handle:after {
top: 9px;
}
.pif2__range1 .ui-widget-header {
background: #0e9800;
}
.pif2__range2 {
top: auto !important;
position: relative;
margin-top: 28px;
background-color: #e4eced;
z-index: 2;
height: 3px !important;
border: none !important;
width: 69%;
}
.pif2__range2 .ui-slider-handle {
top: -8px !important;
position: relative;
border: none !important;
font-size:0; line-height:0px;
}
.pif2__range2 .ui-slider-handle:after {
content: '';
position: absolute;
background: url("/local/templates/main/css/../img/pngsprite/ico-slide-handler.png") no-repeat center !important;
width: 33px;
height: 52px;
left: 0;
top: -9px;
}
.pif2__range2 .ui-widget-header {
background: #0e9800;
}
.pif2__range2 span {
position: absolute;
cursor: pointer;
font-family: 'Open Sans';
font-weight: 400;
font-size: 14px;
color: #bac2ca;
letter-spacing: -.6px;
top: 19px;
}
.pif2__range2 span.active:before {
background: #0e9800;
}
.pif2__range2 span:hover {
color: #8f979f;
}
.pif2__range2 span:before {
content: '';
position: absolute;
width: 2px;
height: 3px;
background-color: #e4eced;
top: -16px;
}
.pif2__range2--05 {
left: 0;
}
.pif2__range2--05:before {
left: 0;
}
.pif2__range2--1 {
left: 33px;
}
.pif2__range2--1:before {
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pif2__range2--15 {
left: 24%;
}
.pif2__range2--15:before {
left: 0;
}
.pif2__range2--2 {
left: 30%;
}
.pif2__range2--2:before {
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pif2__range2--25 {
left: 46%;
;
}
.pif2__range2--25:before {
left: 0;
}
.pif2__range2--3 {
left: 52%;
}
.pif2__range2--3:before {
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pif2__range2--35 {
left: 68%;
}
.pif2__range2--35:before {
left: 0;
}
.pif2__range2--4 {
left: 75%;
}
.pif2__range2--4:before {
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pif2__range2--45 {
left: 90%;
}
.pif2__range2--45:before {
left: 0;
}
.pif2__range2--5 {
right: -14px;
white-space: nowrap;
}
.pif2__range2--5:before {
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.pif2-select-1 {
width: 250px;
}
.pif2-select-1 .drop_face {
height: 60px;
padding: 19px 22px;
}
.pif2-select-2 {
width: 430px;
}
.pif2-select-2 .drop_face {
height: 60px;
padding: 19px 22px;
}
.pif2-select-2 .selected {
position: relative;
}
.pif2-select-2 section span {
position: relative;
}
.pif2-select-2 .riski {
position: absolute;
right: -27px;
top: 7px;
width: 10px;
height: 10px;
border-radius: 100%;
}
.pif2-select-2 .riski--1 {
background-color: #9ec219;
}
.pif2-select-2 .riski--2 {
background-color: #ffb10f;
}
.pif2-select-2 .riski--3 {
background-color: #f00;
}
.pif2-range2 {
position: relative;
width: 26%;
justify-content: flex-start;
-ms-align-items: center;
align-items: center;
}
.pif2-range2:before {
content: '';
position: absolute;
left: -20px;
top: 20px;
border: 10px solid transparent;
border-right: 10px solid #eff7f8;
}
.pif2-range2__text {
font-family: 'Open Sans';
font-weight: 400;
font-size: 18px;
margin-left: 3px;
color: #39424d;
line-height: 1;
}
.pif-income__term .pif2-range2 input {
width: 80px!important;
}
.pif2-range2 input {
display: inline-block;
width: 100%;
height: inherit;
line-height: 1;
overflow: hidden;
background-color: transparent;
opacity: 1;
border: none;
outline: none;
font-family: 'Open Sans';
font-weight: 400;
font-size: 36px;
color: #39424d;
padding: 0;
}
.flex {
display: -ms-flexbox;
display: flex;
}
.wrapper-years {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pif2-choose-pif__item .dropdown {
margin: 0;
}
.pif3 {
padding-top: 75px;
}
.pif3__data-date {
display: block;
width: 100%;
text-align: center;
font-family: 'Open Sans';
font-weight: 600;
font-size: 18px;
line-height: 28px;
letter-spacing: -.4px;
color: #353943;
}
.pif3__data-date span {
font-weight: 700;
text-decoration: underline;
}
.pif-tab {
/* margin-bottom: 80px;*/
background-color: #f2f3f6;
}
.pif-tab__block {
display: none;
}
.pif-tab__block.active {
display: block;
}
.pif-tab__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.pif-tab__wrapper:before {
content: '';
position: absolute;
background: url(/local/components/sberbankam/fund.graph.new/templates/pif3/images/bef.png) no-repeat center;
width: 0px;
height: 0px;
left: -5px;
top: 50%;
transform: translateY(-50%);
visibility: hidden;
}
.pif-tab__item {
position: relative;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.pif-tab__item.active:before {
content: '';
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
background-color: #f29a07;
width: 100%;
height: 3px;
opacity: 1;
transition: all 0.2s ease;
}
.pif-tab__item:before {
content: '';
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
background-color: #f29a07;
width: 100%;
height: 3px;
opacity: 0;
transition: all 0.2s ease;
}
.pif-tab__item:hover:before {
opacity: 1;
}
.pif-tab__item:not(:last-of-type):after {
content: '';
position: absolute;
right: -65px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #bec9cc;
width: 1px;
height: 54px;
}
/* pif tabs нужно что-бы cookies не переключало табы*/
.pif-tab__item_staic {
position: relative;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.pif-tab__item_staic.active:before {
content: '';
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
background-color: #f29a07;
width: 100%;
height: 3px;
opacity: 1;
transition: all 0.2s ease;
}
.pif-tab__item_staic:before {
content: '';
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
background-color: #f29a07;
width: 100%;
height: 3px;
opacity: 0;
transition: all 0.2s ease;
}
.pif-tab__item_staic:hover:before {
opacity: 1;
}
.pif-tab__item_staic:not(:last-of-type):after {
content: '';
position: absolute;
right: -140px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #bec9cc;
width: 1px;
height: 54px;
}
/*----------------------------*/
.pif-tab__ico {
display: inline-block;
margin-right: 11px;
}
.pif-tab__ico--1 {
background: url("/local/templates/main/css/../img/pngsprite/pif-tab-1.png") no-repeat center;
width: 16px;
height: 19px;
}
.pif-tab__ico--2 {
background: url("/local/templates/main/css/../img/pngsprite/pif-tab-2.png") no-repeat center;
width: 20px;
height: 20px;
}
.pif-tab__ico--3 {
background: url("/local/templates/main/css/../img/pngsprite/pif-tab-3.png") no-repeat center;
width: 20px;
height: 20px;
}
.pif-tab__ico--4 {
background: url("/local/templates/main/css/../img/pngsprite/pif-tab-4.png") no-repeat center;
width: 20px;
height: 19px;
}
.fundall .pif-tab__ico {
background: none;
}
.pif-tab__text {
position: relative;
display: inline-block;
font-family: 'Open Sans';
font-size: 14px;
line-height: 22px;
font-weight: 700;
letter-spacing: -.4px;
color: #606366;
padding: 24px 0;
}
.contact_us_color{
width: 100%;
height: 400px;
background: url(/local/templates/main/css/../img/pif3-sky.jpg) no-repeat;
background-size: cover;
}
.contact_us_color h2 {
text-transform: uppercase;
text-align: center;
color: #fff;
padding: 95px 15px 33px;
}
.contact_us_color span.phone {
display: block;
font: 600 72px/72px 'Open Sans';
text-align: center;
color: #fff;
margin-bottom: 38px;
}
.contact_us_color a {
color: #fff;
}
.contact_us_color .link-button {
display: block;
position: relative;
float: left;
left: -50%;
}
.pif-tab__text a{
text-decoration: none;
color: #606366;
}
section.how_invest{
padding-top: 64px;
}
footer .map_control {
width: 178px !important;
}
.pif-table {
position: relative;
}
.pif-table tbody .true-name.cell-name {
white-space: normal;
padding: 3px 0;
}
.pif-table th,
.pif-table td {
vertical-align: middle;
}
#tableContainer .checkbox {
margin-top: 0;
}
.pif-tab.fixed {
position: fixed;
left: 0;
right: 0;
top: 55px;
z-index: 100;
}
.true-name:hover {
color: #2d7cbb!important;
}
/* .pif2__table__row--price:after {
content: '\20BD';
font-family: ALSRubl;
position: absolute;
right: -15px;
top: 0;
} */
.risk-info {
display: none;
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -175px;
width: 350px;
background-color: #fff;
font-family: 'Open Sans';
font-weight: 400;
font-size: 14px;
line-height: 25px;
color: #000;
text-decoration: none;
border: 2px solid #d5dcde;
border-radius: 5px;
padding: 10px 12px;
text-align: center;
transition: all 0.2s linear;
z-index: 5000;
}
.risk-info:after {
content: '';
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -9px;
width: 20px;
height: 9px;
background: url("/local/templates/main/css/../img/pngsprite/arrow-down-2.jpg") no-repeat center;
}
.risk-info.active {
display: block;
}
.pif3__data-date {
margin-bottom: 15px;
}
.pif2-choose-pif__text {
margin-bottom: 40px;
}
i.italic {
font-style: italic;
}
.invest-howto {
margin: 0 110px;
}
.invest-howto h2 {
text-align: center;
}
.invest-steps {
list-style: none;
padding: 0;
font-size: 0;
}
.invest-steps__item {
font-size: 18px;
display: inline-block;
width: 33%;
vertical-align: top;
margin-top: 0 !important;
margin-bottom: 32px;
}
.invest-steps__item:before {
display: none;
}
.invest-step__icon {
height: 110px;
margin: 35px 0;
border-bottom: #e4eced 2px solid;
background-repeat: no-repeat;
background-position: bottom 40px left 0;
margin-right: 50px;
position: relative;
}
.invest-step__icon_1 {
/* background-image: url(/local/components/sberbankam/fund.detail/templates/detail_2017/images/ico-fund-book.png); */
background-image: url(/local/components/sberbankam/fund.detail/templates/detail_2017/images/ico-fund-icon1.png);
}
.invest-step__icon_2 {
/* background-image: url(/local/components/sberbankam/fund.detail/templates/.default/images/ico-fund-contract.png); */
background-image: url(/local/components/sberbankam/fund.detail/templates/detail_2017/images/ico-fund-icon2.png);
}
.invest-step__icon_3 {
/* background-image: url(/local/components/sberbankam/fund.detail/templates/.default/images/ico-fund-money.png); */
background-image: url(/local/components/sberbankam/fund.detail/templates/detail_2017/images/ico-fund-icon3.png);
}
/*
.invest-step__icon:after {
content: "";
background: url("/local/components/sberbankam/fund.detail/templates/.default/images/fund-invest-bullet.png");
width: 33px;
height: 33px;
border: 2px solid #fff;
border-radius: 50%;
position: absolute;
bottom: -17px;
left:-2px;
display: none;
}
*/
.invest-step__content {
padding-right: 50px;
}
.invest-advice {
padding-left: 32px;
background: url(/local/components/sberbankam/fund.detail/templates/.default/images/ico-fund-exclamation.png) 0 0 no-repeat;
margin: 30px 0px 75px 0px;
}
.pif1-trust__awards {
display: block;
font-family: 'Open Sans';
margin-bottom: 32px;
font-size: 18px;
line-height: 28px;
color: #353943;
letter-spacing: -.5px;
max-width: 90%;
}
#pif-tab-1 .invest-howto{
margin-top: 75px;
}
.green-button:hover {
color: #fff!important;
}
.pif1-advantage {
padding-top: 75px;
background-color: #f8f9fb;
}
.pif1-hiw {
padding: 75px 0 0;
}
.pif-btn:hover {
background-color: rgba(14, 152, 0, 0.85);
color: #fff!important;
}
.pif-btn-white:hover {
color: #0e9800!important;
background-color: #fff!important;
}
.graph-pif3 {
padding: 0!important;
}
.rublik {
font-family: ALSRubl;
}
.rublik--tab2 {
color: #72818f;
}
/* 2017-07-03 */
.balloon-title {
font-family: 'Open Sans';
font-size: 18px;
font-weight: 600;
line-height: 25px;
margin-bottom: 20px;
}
.balloon-left {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 400;
line-height: 25px;
letter-spacing: -.4px;
margin-bottom: 4px;
}
.balloon-right {
font-family: 'Open Sans';
font-size: 18px;
font-weight: 400;
line-height: 22px;
letter-spacing: -.4px;
}
.amcharts-balloon-div {
padding: 20px 10px;
}
.balloon-period {
color: #9ca8b4;
}
.balloon-rub {
text-decoration: none;
color: #72818f;
}
.balloon-percent {
text-decoration: none;
font-weight: 600;
}
.form_invest_title {
padding-top: 61px!important;
}
.step span, .step.hide span {
width: 83px!important;
}
.calculator .calc_num {
font-size: 18px!important;
}
.custom_calc_prev {
max-width: 800px;
}
.radio input[type="radio"]:checked + .color-2 {
background: url(/local/templates/main/css/../img/sprite.png) -11px -906px no-repeat #fff;
}
.radio input[type="radio"]:checked + .color-3 {
background: url(/local/templates/main/css/../img/sprite.png) -11px -936px no-repeat #fff;
}
.radio input[type="radio"]:checked + .color-4 {
background: url(/local/templates/main/css/../img/sprite.png) -11px -966px no-repeat #fff;
}
/* 2017-07-04 */
.pif_calculator {
padding-bottom: 130px!important;
}
.all_portfolio {
margin-bottom: 50px!important;
}
section.buttonHolder {
height: 135px
}
/* 2017-07-11 */
.first-doc a {
position: relative;
}
.first-doc a:after {
left: -82px!important;
}
.frst-blck {
height: 700px!important;
padding: 90px 0 0 110px!important;
}
.frst-blck ul {
margin-top: 20px;
}
/* 2017-07-14 */
.pif2__info-date {
color: #9ca8b4;
}
#tableContainer .sorting-desc .sort-btn {
background-position: -22px -443px!important;
}
/* 2017-07-17 */
.pif3-btns-wrap p{ /*add 11.04.18*/
margin: 0;
max-width: 740px;
font-size: 14px;
line-height: 1.25;
letter-spacing: 0px;
margin-left: 30px;
margin-bottom: 30px;
}
.pif3-btns-wrap {
display: flex;
justify-content: space-between; /*add 11.04.18*/
/*justify-content: flex-start;
flex-direction: row;*/
padding: 0 65px;
align-items: flex-start; /*add 11.04.18*/
}
.pif3-btns-wrap__reset {
display: inline-block;
font-family: 'Open Sans';
font-size: 18px;
padding: 18px 22px;
line-height: 1;
color: #0e9800;
border-radius: 3px;
background-color: transparent;
border: 1px solid #0e9800;
text-decoration: none;
transition: all 0.2s linear;
cursor: pointer;
flex-shrink: 0;
margin-bottom: 75px; /*add 11.04.18*/
letter-spacing: -0.7px; /*add 11.04.18*/
margin-top: 4px; /*add 11.04.18*/
}
#pif-tab-3 .pif-links {
margin: 0 110px 75px;
}
.pif3-btns-wrap__reset:hover {
color: #0e9800!important;
background-color: #fff!important;
}
.fundall {
overflow: visible!important;
}
.risk-info .risk-info-item{
margin-bottom: 10px;
text-align: left;
}
.period-date{
font-size: 14px;
width: 77px;
}
.comparePIF{
cursor: pointer;
}
.clear-profir, .clear-profir-cur {
color: #6495ed!important;
font-size: 14px!important;
}
.pif2__table_disclaimer_date{
padding-bottom: 10px;
}
.pif2-invest__disclaimer{
position: relative;
font-family: 'Open Sans';
font-size: 14px;
line-height: 20px;
color: #9ca8b4;
letter-spacing: -.4px;
margin-bottom: 75px;
}
.pif2__info-gray{
color: #9ca8b4;
}
#pif-tab-3 .container-big-class {
margin-top: 0;
margin-bottom: 20px; /* add 11.04.18*/
}
.pif3 .pif2-choose-pif__text {
margin-bottom: 10px;
}
.pif2-income {
display: block;
font-family: 'Open Sans';
font-size: 18px;
line-height: 24px;
color: #363a45;
font-weight: 700;
letter-spacing: -.2px;
margin-bottom: 40px;
text-align: center;
}
.pfonds ul.no-mtop {
margin-top: 0px !important;
margin-left: 730px !important;
}
.benchmark__usd {
position: relative;
display: flex;
align-items: center;
}
.benchmark__usd .checkbox{
margin: 0!important;
}
.benchmark__usd .benchmark__usd-label{
margin-left: 10px;
align-items: center;
}
.benchmark .benchmark__usd label{
margin-left: 3px;
align-items: center;
}
.benchmark__usd .risk-info {
margin-left: 0;
transform: translate3d(-50%, 0 , 1px);
text-align: center;
min-width: 150px;
}
.pif1-advantage__item-wrap {
width: 100%;
}
.benchmark__usd .risk-info-item {
margin-bottom: 0;
text-align: center;
}
.usd_disclaimer{
color: #000000;
}
.pif2-choose-pif__block2__item .pif2__range1 .ui-slider-handle {
top: -25px !important;
}
.pif-detail-warp .pif2-choose-pif__block2__item .pif2__range1 .ui-slider-handle {
top: -39px !important;
}
.pif1-choose__period-date {
display: none;
text-align: center;
width: 100%;
}
.pif1-choose__period-date span {
display: inline-block;
font-family: 'Open Sans';
color: #9ca8b4;
font-size: 14px;
letter-spacing: -.4px;
}
.doc-and-info__ico {
background: none!important;
}
.doc-and-info__ico svg {
width: 100%;
height: 100%;
}
.fundall .invest-step__icon {
background-image: none!important;
}
.fundall .invest-step__icon svg {
}
.fundall .page_mobile_app_info {
text-align: center !important;
}
.fundall .mob-page__about {
margin-top: 25px !important;
margin-bottom: 30px !important;
font-size: 18px;
line-height: 28px;
letter-spacing: -0.010em;
color: #353943;
text-align: center;
padding: 0 205px;
}
.fundall .invest-step__icon {
height: 110px;
margin: 35px 0;
border-bottom: none!important;
background-repeat: no-repeat;
background-position: bottom 40px left 50%!important;
margin-right: 50px;
margin-bottom: 0px!important;
position: relative;
height: auto;
margin: 0;
margin-right: 0;
position: relative;
margin-bottom: 20px!important;
}
.fundall .invest-steps{
align-self: center;
text-align: center !important;
}
.fundall .invest-step__content {
padding-right: 0;
}
.fundall .invest-steps {
padding-top: 75px;
}
.invest-howto strong {
font-weight: 600;
}
.fundall .mob-page__apps-btns {
margin-bottom: -20px;
}
/* End */
/* Start:/local/templates/main/css/pif_adaptive.css?155378179326914*/
.scrolltable {
position: relative;
}
.topscroll, .topscroll2 {
display: none;
}
.topscroll, .topscroll2 {
margin-top: 5px;
position: relative;
width: 100%;
top: 0;
left: 0;
height: 12px;
z-index: 999;
overflow-x: scroll;
-webkit-overflow-scrolling:touch;
}
.fake, .fake2 {
height: 1px;
}
.topscroll::-webkit-scrollbar, .topscroll2::-webkit-scrollbar {
-webkit-appearance: none;
}
.topscroll::-webkit-scrollbar:vertical, .topscroll2::-webkit-scrollbar:vertical {
width: 12px;
}
.topscroll::-webkit-scrollbar:horizontal, .topscroll2::-webkit-scrollbar:horizontal {
height: 12px;
}
.topscroll::-webkit-scrollbar-thumb, .topscroll2::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
border-radius: 10px;
border: 2px solid #ffffff;
}
.topscroll::-webkit-scrollbar-track,
.topscroll2::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ffffff;
}
.pif1-choose__readmore-block-mobile {
position: relative;
display: none;
border: 2px solid #eaeeef;
border-radius: 5px;
width: 100%;
margin-bottom: 10px;
padding: 7px 0;
cursor: pointer;
}
.pif1-choose__item__title {
z-index: 2;
position: relative;
}
.pif1-choose__item:after {
z-index: 1;
}
.pif1-choose__readmore-block-mobile-text {
margin-left: 15px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 25px;
color: #000;
letter-spacing: -.4px;
}
.pif1-choose__readmore-block-mobile:after {
position: absolute;
content: '';
right: 15px;
top: 15px;
width: 16px;
height: 9px;
transition: all 0.2s linear;
background: url(/local/templates/main/css/../img/pngsprite/arrow-down.png) no-repeat center;
}
.pif1-choose__readmore-block-mobile.active:after {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.pif1-choose__btn-mobile {
display: none;
padding-top: 10px;
width: 100%!important;
justify-content: center!important;
align-items: center!important;
}
.pif1-choose__btn-mobile .pif1-trust__btns--choose {
margin-left: 0;
margin-top: 20px;
}
.pif-fund .pif-tab.pif-tab__mobile {
display: none;
}
@media (max-width: 1260px) {
.invest-steps {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.invest-steps__item {
width: 30%;
}
.pif-detail-question__ico {
left: 0;
}
.invest-howto {
margin: 0 50px;
}
.pif2-choose-pif__wrapper {
flex-wrap: wrap;
}
.pif2-choose-pif__item.third {
margin-left: 20px;
max-width: calc(100% - 555px);
width: 100%;
}
.pif2-choose-pif__item.third .dropdown {
width: 100%;
max-width: 100%;
}
.pif2-choose-pif__item.radios {
margin: 0;
margin-left: 20px;
}
}
@media (max-width: 1100px) {
.page_mobile_app_info h1 {
line-height: 1.2em;
padding: 0 15px;
}
.pif2__table__row--btn .pif-btn-white {
font-size: 14px;
}
.mob-page__about {
padding: 0 110px!important;
}
.pif1-pif {
position: relative;
background: none;
}
.pif1-pif:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url("/local/templates/main/css/../img/pif1-pif.png") no-repeat center right;
left: 0;
top: 0;
z-index: 1;
opacity: .6;
}
.pif1-pif .container{
position: relative;
z-index: 2;
}
.fund-detail .new-graph .container-big__btn {
width: 100%;
display: inline-block;
margin-bottom: 10px;
}
}
@media (max-width: 991px) {
.topscroll {
display: block;
}
.pif2__table__row--1 a {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0;
}
.pif2-choose-pif__item.third {
margin-left: 0;
max-width: 100%;
width: 100%;
}
.pif2-choose-pif__item.third {
margin-top: 30px;
width: 100%;
}
.pif-tab__item:not(:last-of-type):after {
display: none
}
.pif-tab__item_staic:not(:last-of-type):after {
display: none
}
.fundall .pif-tab.fixed {
display: none;
}
.pif1-hiw__item__text-block {
margin-left: 0;
}
.pif1-hiw__item {
width: 47%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.pif1-hiw__item i {
margin-bottom: 15px;
}
.pif1-advantage {
margin-bottom: 30px;
}
.pif1-choose__block__who__text {
width: 300px;
left: -115px;
}
.pif1-choose {
margin-bottom: 60px;
}
.pif1-trust img {
bottom: auto;
top: -30px;
}
.pif1-trust {
padding: 30px 0 30px!important;
min-height: 526px;
}
.pif1-trust__title {
margin-bottom: 20px;
font-size: 26px;
line-height: 40px;
}
.pif1-trust__wrapper {
position: relative;
}
.pif1-trust__btns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: center;
position: absolute;
left: 0;
width: 100%;
}
.invest-step__content {
padding-right: 0;
}
.invest-step__icon {
margin-right: 0;
}
.pif2-choose-pif__block2__item {
width: 95%;
margin-bottom: 50px;
}
.pif2-range2 {
width: 140px;
}
.fundall .info.pif {
display: block;
}
.pif2__table__row {
flex-wrap: wrap;
}
.pif2__table__row--1 {
width: 245px;
}
.pif2__table__row--2 {
width: 60px;
}
.pif2__table__row--3 {
width: 90px;
}
.pif2__table__row--4 {
width: 104px;
margin-left: 10px;
}
.pif2__table__row--btn a {
margin-left: 0;
display: inline-block;
padding: 14px 14px;
}
.pif2__table__row--5 {
width: 160px;
}
.pif3 {
padding-left: 15px;
padding-right: 15px;
}
.fundall .container-big-class, .fundall .container-bottom-class {
padding: 0 15px;
}
.fundall .pif-table {
width: 800px!important;
}
#tableContainer .cell-num {
width: auto;
}
#pif-tab-3 .cell-num {
font-size: 14px!important;
line-height: 1.2!important;
}
#tableContainer tbody .cell-name {
font-size: 14px!important;
}
.fundall #tableContainer {
overflow-x: scroll;
}
.fundall #tableContainer::-webkit-scrollbar {
-webkit-appearance: none;
}
.fundall #tableContainer::-webkit-scrollbar:vertical {
width: 12px;
}
.fundall #tableContainer::-webkit-scrollbar:horizontal {
height: 12px;
}
.fundall #tableContainer::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
border-radius: 10px;
border: 2px solid #ffffff;
}
.fundall #tableContainer::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ffffff;
}
.pif3-btns-wrap {
padding: 0 15px;
}
.fundall .chartButtonsLine {
margin: 30px auto 0;
display: flex;
}
.fundall .dn-filter {
width: 500px;
display: flex;
justify-content: space-between;
}
.fundall .dn-filter > div {
width: 160px;
margin-left: 0;
margin-bottom: 10px;
}
.personal-title, .personal-howitworks-title {
font-size: 36px!important;
color: #3f474f!important;
line-height: 40px!important;
}
.personal-wrapper {
padding: 60px 15px 0!important;
}
.personal-howitworks-item {
width: calc(50% - 30px)!important;
}
.personal-howitworks-button {
padding-top: 30px!important;
margin-bottom: 30px!important;
}
.pif2-range2 input {
pointer-events: none;
}
.mCSB_dragger_bar {
position: relative;
background-color: #0e9800!important;
}
.mCSB_dragger_bar:before {
content: '';
position: absolute;
left: 5px;
top: 2px;
width: 0;
height: 0;
border-style: solid;
border-width: 2.5px 3px 2.5px 0;
border-color: transparent #ffffff transparent transparent;
}
.mCSB_dragger_bar:after {
content: '';
position: absolute;
right: 5px;
top: 2px;
width: 0;
height: 0;
border-style: solid;
border-width: 2.5px 0 2.5px 3px;
border-color: transparent transparent transparent #ffffff;
}
.mCSB_draggerRail {
background-color: #eaeeef!important;
}
.fundall .fake-table-pif {
width: 800px!important;
}
.fundall .fake-wrapper-pif {
padding: 0 15px;
}
.pif1-advantage__links__item {
width: 100%;
-ms-align-items: center;
align-items: center;
}
.pif1-advantage__links__item {
height: 70px;
}
}
@media (max-width: 768px) {
.topscroll2 {
display: block;
}
.personal-howitworks-info {
margin-bottom: 5px;
}
.pif3-btns-wrap p {
line-height: 1.4;
}
.pif2-invest__disclaimer {
margin-bottom: 40px;
}
#pif-tab-3 .pif-links {
margin: 0 0 40px;
}
.pif3-btns-wrap__reset {
font-size: 14px;
}
.fundall .mob-page__apps-btns {
margin-bottom: 30px;
}
.pif1-trust__item {
width: 100%;
padding-left: 0;
padding-top: 90px;
}
.pif-tab__item {
flex-direction: column;
}
.pif-tab__item a {
display: flex;
flex-direction: column;
align-items: center;
}
.pif-tab__item_staic {
flex-direction: column;
}
.pif-tab__item_staic a {
display: flex;
flex-direction: column;
align-items: center;
}
.pif-tab__ico {
margin-right: 0;
}
.pif-tab__wrapper {
padding-top: 15px;
}
.pif-tab__text {
padding: 5px 0 10px;
}
.pif-tab .container {
max-width: 100%;
}
#pif-tab-1 .container {
max-width: 100%;
}
.pif1-pif__cont {
max-width: 100%;
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
padding-bottom: 20px;
min-height: 310px;
}
.pif1-pif__title {
padding-top: 0;
font-size: 26px;
line-height: 1.2;
font-weight: 600;
margin-bottom: 25px;
}
.pif1-pif {
background-position: 50px 0;
padding: 30px 0;
margin-top: 300px;
min-height: auto;
}
.pif1-pif__first {
padding-top: 30px;
}
.pif1-pif__subtitle {
font-size: 18px;
line-height: 1.4;
color: #000;
margin-bottom: 25px;
}
.pif1-hiw {
padding: 30px 0 15px;
}
.pif1-hiw__title {
margin-bottom: 30px;
font-size: 26px;
line-height: 1.2;
}
.pif1-pif__first__text {
padding-bottom: 15px;
}
.pif1-advantage__wrapper {
margin-bottom: 30px;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.page_mobile_app_info h2 {
font-size: 26px;
padding: 0 15px;
}
.mob-page__about {
padding: 0 15px!important;
font-size: 14px!important;
line-height: 25px!important;
}
.pif1-advantage {
padding-top: 30px;
margin-bottom: 30px;
}
.pif1-advantage__title {
margin-bottom: 30px;
font-size: 26px;
line-height: 1.2;
}
.pif1-hiw__item {
margin-bottom: 15px;
}
.pif1-advantage__item {
margin-bottom: 20px;
width: 100%;
}
.pif1-advantage__item br {
display: none;
}
.pif1-advantage__links__item--orange a {
margin-left: 15px;
}
.pif1-advantage__links__item--green a {
margin-left: 15px;
}
.pif1-advantage__links__item--blue a {
margin-left: 15px;
}
.pif1-choose__block__item {
width: 49%;
}
.pif1-choose__block__title {
margin-top: 10px;
margin-bottom: 0px;
}
.pif1-choose__block__who {
margin-bottom: 10px;
}
.pif1-choose__title {
margin-bottom: 25px;
font-size: 26px;
line-height: 1.2;
}
.pif1-choose__readmore-block-mobile {
display: block;
}
.pif1-choose__subitem--color {
margin-bottom: 10px;
}
.pif1-choose__block__title {
color: #000000;
}
.pif1-choose__readmore-wrap {
display: none;
}
.pif1-choose__subitem__text {
color: #9ca8b4;
}
.pif1-choose__btn-mobile {
display: flex;
align-items: flex-start;
}
.invest-steps__item {
width: 400px;
margin-bottom: 10px;
}
.invest-steps {
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 30px;
}
.invest-steps__item {
width: 100%;
margin-bottom: 10px;
padding-right: 100px;
}
.invest-howto h2 {
text-align: center;
margin-bottom: 30px;
font-size: 26px;
}
.invest-steps__item {
width: 100%;
position: relative;
margin-bottom: 20px;
padding-right: 20px;
display: flex;
flex-direction: column;
border-bottom: none;
padding-bottom: 15px;
}
.invest-step__icon {
height: 60px;
margin: 0;
border-bottom: none;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
/* margin-right: 50px; */
position: absolute;
width: 55px;
left: 0;
top: 0;
}
.invest-step__content {
font-size: 14px;
color: #000;
padding-left: 77px;
}
.invest-howto {
margin: 0 15px;
}
#pif-tab-1 .invest-howto {
margin-top: 0;
padding-top: 40px;
}
.invest-advice {
display: none;
}
.info.u_invest {
display: none;
}
.pif2-choose-pif {
padding-top: 30px;
}
#pif-tab-4 {
padding-top: 30px;
}
.pif2-choose-pif__title {
margin-bottom: 30px;
font-size: 26px;
line-height: 1.2;
}
#tableContainer tbody .cell-name {
font-size: 14px!important;
}
.pif2-choose-pif .container {
max-width: 100%;
}
.risk-info-pif-2 {
margin-left: 0;
left: -10px;
}
.risk-info-pif-2:after {
left: 10px;
transform: translateX(0);
}
.pif2__range2 {
width: calc(100% - 195px);
}
.pif2__table__row {
width: 730px;
}
.pif2__table {
overflow-x: scroll;
}
.pif2__table::-webkit-scrollbar {
-webkit-appearance: none;
}
.pif2__table::-webkit-scrollbar:vertical {
width: 12px;
}
.pif2__table::-webkit-scrollbar:horizontal {
height: 12px;
}
.pif2__table::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
border-radius: 10px;
border: 2px solid #ffffff;
}
.pif2__table::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ffffff;
}
.pif2-choose-pif__block2 {
margin-bottom: 20px;
}
.pif3 {
padding-top: 30px;
}
.pif3 > div {
display: flex;
flex-direction: column;
}
.pif3__data-date {
order: 2;
}
#pif-tab-3 .pif2-choose-pif__title {
margin-bottom: 30px;
}
#pif-tab-3 .pif2-choose-pif__text {
margin-bottom: 15px;
}
.pif3__data-date {
margin-bottom: 0;
}
#pif-tab-3 #tableContainer {
margin: 0px auto 25px;
}
.fundall .chartButtonsLine {
flex-wrap: wrap;
}
.fundall .dn-filter {
width: 100%;
margin-top: 20px;
}
.fundall #graph-legend {
margin-left: 15px!important;
}
.fundall .container-big-class .dn-filter .radio span {
margin-left: 0;
}
.fundall div.graph-container {
margin-top: 0;
margin-bottom: 10px;
}
.fundall .container-bottom-class {
margin-bottom: 40px;
}
.pif-links {
margin: 0 0 40px 0;
text-align: center;
padding: 0 15px;
}
.pif-links a {
margin: 0 9px;
font-size: 14px;
line-height: 14px;
display: inline-block;
}
.personal-title, .personal-howitworks-title {
font-size: 26px!important;
line-height: 1.2!important;
}
.personal-wrapper {
padding: 0 15px 0!important;
}
.personal-title, .personal-howitworks-title {
margin-bottom: 40px!important;
}
.personal-section-top__img-wrapper {
width: 57px!important;
height: 57px!important;
margin-bottom: 20px!important;
}
.personal-section-top {
padding: 0!important;
margin-bottom: 40px!important;
}
.personal-section-top__item {
width: 130px!important;
}
.personal-section-top__item br {
display: none!important;
}
.personal-section-text {
margin-bottom: 40px!important;
}
.personal-howitworks-item p {
padding-top: 15px!important;
font-size: 14px!important;
line-height: 20px!important;
}
.personal-howitworks-item span {
margin-right: 0px!important;
font-size: 14px!important;
line-height: 20px!important;
}
.personal-howitworks-img {
height: 48px!important;
margin-bottom: 15px!important;
width: 52px!important;
}
.personal-howitworks-item {
width: calc(50% - 10px)!important;
}
.personal-howitworks-button button {
font-size: 14px!important;
line-height: 1;
padding: 18px 22px!important;
}
.fundall #container-big {
padding: 0 20px;
}
.fundall .container-big-class span {
margin-left: 23px;
}
.fundall .scrolltable#tableContainer th {
padding-top: 0!important;
line-height: 18px!important;
}
.fundall .invest-steps__item {
position: relative;
margin-bottom: 32px;
padding-right: 0;
display: flex;
flex-direction: row;
padding-bottom: 0;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.fundall .invest-step__content {
padding-left: 0;
text-align: left;
}
.fundall .invest-step__icon {
margin-bottom: 0!important;
}
.fundall .invest-step__icon {
position: relative;
margin-bottom: 0!important;
width: 57px!important;
height: 57px!important;
margin-right: 20px!important;
flex-shrink: 0;
}
.fundall .invest-step__icon svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.fundall .invest-step__content strong br {
display: none;
}
.fundall .invest-steps {
padding-top: 10px!important;
}
.pif3-btns-wrap{flex-direction: column;} /* add 11.04.18*/
.pif3-btns-wrap p{margin-left: 0;} /* add 11.04.18*/
.pif3-btns-wrap__reset{margin-bottom: 24px;} /* add 11.04.18*/
.fundall #pif-tab-2 .risk-info {
left: -128px;
margin-left: 0;
width: 310px;
}
.fundall #pif-tab-2 .risk-info:after {
left: 45%;
}
.body-index .personal-howitworks-button {
padding-top: 0!important;
margin-bottom: 40px!important;
}
.pif2__table__row--price {
margin-right: 36px;
}
.pif1-pif:after {
height: 300px;
top: -300px;
opacity: 1;
}
.pif-fund .pif-tab {
display: none;
}
.fundall .pif-fund .pif-tab.pif-tab__mobile {
display: block!important;
position: static!important;
}
}
@media (max-width: 600px) {
.pif-tab__wrapper {
flex-direction: column;
}
.pif-tab__item:not(:last-child) {
margin-bottom: 13px;
}
.pif-tab__item_staic:not(:last-child) {
margin-bottom: 13px;
}
.pif-tab__text {
padding: 3px 0 5px;
}
.pif1-pif:after {
background: url(/local/templates/main/css/../img/pif1-pif.png) no-repeat center right;
background-size: cover;
background-position: -62px 0;
}
.pif-tab__wrapper {
padding-bottom: 15px;
}
.pif2-choose-pif__item.radios {
margin-left: 0;
width: 100%;
margin-top: 30px;
}
.pif2-choose-pif__item__title.radios {
margin-bottom: 15px;
}
}
@media (max-width: 543px) {
.pif3-btns-wrap__reset {
width: 100%;
text-align: center;
}
#pif-tab-2 .dropdown .drop_layout section.active .riski {
display: none;
}
.pif-tab__text {
padding: 5px 0;
}
body #pif-tab-4 .personal-howitworks-button {
padding: 0;
}
.fundall .calculator .dropdown .drop_face,
.fundall .dropdown-std .drop_face {
padding: 15px;
}
.fundall .dropdown .drop_layout section {
padding: 15px;
}
.pif-tab__item_staic {
flex-direction: row;
align-items: center;
}
.pif-tab__ico {
margin-right: 10px;
}
#pif-tab-3 .pif-dinamic-price__per-item {
flex-grow: 0;
}
#pif-tab-3 .pif-dinamic-price__per-item:nth-child(1),
#pif-tab-3 .pif-dinamic-price__per-item:nth-child(2),
#pif-tab-3 .pif-dinamic-price__per-item:nth-child(3),
#pif-tab-3 .pif-dinamic-price__per-item:nth-child(4) {
width: 25%;
}
.pif1-pif__title {
font-weight: 700;
}
.pif-dinamic-price__per-line .pif-dinamic-price__per-item {
font-size: 14px;
}
#pif-tab-3 .pif-links {
margin: 0 0 10px;
}
.pif1-trust {
min-height: auto;
}
.pif-btn {
width: 100%;
text-align: center;
}
.pif-btn-white {
width: 100%;
text-align: center;
}
.pif1-trust img {
top: 10px;
opacity: .2;
}
.pif1-trust__title {
margin-bottom: 20px
color: #000;;
font-size: 26px;
}
.pif1-trust__item {
padding-top: 0;
}
.pif1-hiw__item {
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.pif1-trust__text {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0;
max-width: 100%;
color: #000;
}
.pif1-trust__awards {
margin-bottom: 22px;
font-size: 14px;
line-height: 28px;
letter-spacing: 0;
max-width: 100%;
}
.pif1-trust__btns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: center;
position: static;
display: flex;
flex-wrap: wrap;
left: 0;
width: 100%;
}
.pif1-trust__btns a {
display: inline-block;
width: 100%;
text-align: center;
margin-left: 0;
}
.pif1-trust__btns a:not(:last-child) {
margin-bottom: 30px;
}
.pif1-hiw__item:not(:last-child) {
margin-bottom: 20px;
}
.pif1-hiw__item__text-block {
width: calc(100% - 68px);
}
.pif1-hiw__item i {
margin-bottom: 0;
width: 48px;
height: 48px;
}
.pif1-advantage__item {
width: 100%;
}
.pif1-hiw__subtitle {
margin-left: 0;
font-size: 14px;
}
.pif1-hiw__color {
font-size: 14px;
}
.pif1-advantage__subtitle {
font-size: 14px;
letter-spacing: 0;
}
.pif1-advantage__item {
flex-direction: row;
justify-content: space-between;
}
.pif1-advantage__number {
margin-bottom: 0;
}
.pif1-advantage__item-wrap {
width: calc(100% - 50px);
}
.pif1-advantage__links__text {
max-width: none;
}
.pif1-advantage__links__text:after {
right: -25px;
}
.pif1-choose__item__title {
font-size: 14px;
width: 100%;
padding-right: 35px!important;
}
.pif1-choose__item__title {
padding: 15px;
}
.pif1-choose__item:after {
top: 25px;
right: 15px;
}
.pif1-choose__block {
padding: 0 15px 15px 15px;
}
.pif1-choose__block__item {
width: 100%;
}
.invest-steps__item {
padding-right: 0;
}
.fundall .contact_us_color {
display: none!important;
}
.pif1-choose {
margin-bottom: 30px;
}
.pre_map {
padding: 0 15px;
}
.pif2-select-2 {
width: 100%;
}
.pif2-select-1 {
width: 100%;
}
.pif2-choose-pif__item {
width: 100%;
}
.fundall .dropdown.dropdown-std {
max-width: 100%;
}
.risk-info-pif-2 {
width: 300px;
left: -123px;
}
.risk-info-pif-2:after {
left: 124px;
}
.pif2__range2 {
width: 96%;
}
.wrapper-years {
flex-wrap: wrap;
}
.pif2-range2 {
margin: 60px auto 0;
}
.pif2-range2:before {
display: none;
}
.pif2__table__btns--1 {
margin-right: 0;
margin-bottom: 20px;
}
.pif2-choose-pif__wrapper {
padding-bottom: 35px;
}
.fundall #tableContainer tbody .cell-name {
font-size: 14px!important;
}
.pif-links {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.pif-links .green-button {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.pif-links a {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.fundall .container-bottom-class {
margin-bottom: 30px;
}
.fundall .adr_section, .fundall .adr_close, .fundall .map_search {
display: none;
}
.personal-section-top__item {
width: 50%!important;
margin-bottom: 20px!important;
}
.personal-howitworks-title, .personal-title {
line-height: 1.2em!important;
margin-bottom: 30px!important;
}
.personal-section-top {
margin-bottom: 10px!important;
}
.personal-howitworks-item {
width: 100%!important;
display: flex;
justify-content: space-between;
margin-bottom: 35px;
}
.personal-howitworks-button button {
margin: 0!important;
}
.personal-howitworks-info p {
font-size: 14px!important;
line-height: 20px!important;
font-weight: 400!important;
}
.personal-section-text span {
font-size: 14px!important;
line-height: 20px!important;
font-weight: 400!important;
}
.personal-section-text {
margin-bottom: 30px!important;
padding: 0 15px;
}
.pif1-pif__first__text {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0;
}
.personal-howitworks-item p {
padding-top: 0!important;
width: calc(100% - 70px)!important;
border: none!important;
margin: 0!important;
}
.pif3 .pif2-choose-pif__text {
display: none;
}
.amcharts-balloon-div {
padding: 10px;
}
.amcharts-balloon-div > div {
max-width: 250px!important;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.balloon-title, .balloon-period {
width: 100%!important;
font-size: 18px;
}
.balloon-right {
display: inline-block;
width: 100px;
font-size: 14px;
text-align: right!important;
}
.balloon-left {
display: inline-block;
width: calc(100% - 100px);
}
.balloon-period {
font-size: 14px;
}
.balloon-left {
min-width: auto;
}
.pif3-numb {
left: 140px;
width: 115px;
margin-left: 0!important;
top: 50%;
}
.pif2__table__btns {
flex-direction: column;
}
.pif2__table__btns .benchmark__usd {
margin-top: 20px;
}
.benchmark__usd .risk-info {
width: 300px;
}
.scrolltable #last_cheked {
display: none;
}
.pif2-select-2 .drop_layout section {
white-space: normal;
padding: 14px 45px 14px 24px;
position: relative!important;
}
.pif2-select-2 .drop_layout section {
height: auto;
}
.pif2-select-2 section span {
position: static;
}
.pif2-select-2 section .riski {
position: absolute;
right: 28px;
top: 50%;
transform: translateY(-50%);
width: 10px height: 10px border-radius: 100%;
}
#pif-tab-2 .pif2-select-2 .selected .riski {
top: 20px;
}
.pif2-select-2 .selected .riski {
right: 40px;
top: 24.5px;
}
.pif2-select-2 .selected {
position: static;
}
.pif2-select-2.is-open .selected .riski {
right: 40px;
top: 23.5px;
}
.pif-tab__block .personal-howitworks-wrapper {
padding: 0 15px;
}
.page_mobile_app_info h2 {
margin-bottom: 30px;
text-align: center;
}
.mob-page__about {
margin-bottom: 30px!important;
color: #333!important;
}
#pif-tab-4 .personal-howitworks-wrapper {
padding: 0 15px;
}
.pif1-advantage__links__item {
justify-content: flex-start;
position: relative;
}
.pif1-advantage__links__text {
position: static;
padding: 0 20px 0 0;
}
.pif1-advantage__links__text:after {
display: none;
}
.pif1-advantage__links__item:after {
position: absolute;
content: '';
right: 10px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
height: 12px;
background: url(/local/templates/main/css/../img/pngsprite/arrow-white.png) no-repeat center;
}
.pif1-choose__txt {
font-size: 14px;
letter-spacing: 0;
}
#pif-tab-1 .invest-howto {
margin-top: 0;
}
#pif-tab-2 .dropdown .drop_layout section {
font-size: 14px;
}
#pif-tab-2 .dropdown-std .drop_face {
font-size: 14px;
}
.pif1-pif:after {
background-position: -130px 0;
}
}
/* End */
/* Start:/local/templates/main/css/managed_account.css?15507419144540*/
@media (max-width: 1260px) {
.managed_account .info.trust-m article {
margin: 60px 0 0 580px;
}
.managed_account .info.trust-m .with_btn {
margin-left: 570px;
}
.managed_account .exclamation {
padding-left: 30px;
margin-left: 20px!important;
padding-right: 15px!important;
width: auto;
}
.managed_account .u_invest article {
width: 100%;
margin: 50px auto 40px;
}
}
@media (max-width: 1100px) {
.managed_account .info.trust-m {
height: auto;
background: url(/local/templates/main/css/../img/info-bg/trust-m.jpg) bottom left no-repeat;
background-size: 80%;
background-position: bottom left;
}
.managed_account .info.trust-m > div {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
flex-wrap: wrap;
padding-right: 15px;
}
.managed_account .info.trust-m article {
margin: 30px 0 0 0;
width: 50%;
}
.managed_account .info.trust-m h1 {
width: 100%;
}
.managed_account .info.trust-m .with_btn {
margin: 0 0 15px 0;
}
.managed_account .info.trust-m .link-button {
margin: 0;
}
.managed_account .strategy-trust {
width: 100%;
display: flex;
justify-content: space-between;
padding-left: 15px;
}
.managed_account .strategy-trust > ul {
width: 33.3%;
}
.managed_account .strategy-trust ul li {
padding-right: 0;
}
}
@media (max-width: 991px) {
.managed_account .info.trust-m {
height: auto;
background: none;
position: relative;
padding: 20px 0 30px;
}
.managed_account .info.trust-m .with_btn {
margin: 0;
}
.managed_account .info.trust-m:after {
content: "";
background: url(/local/templates/main/css/../img/info-bg/trust-m.jpg) no-repeat;
background-position: bottom left;
opacity: 0.3;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
}
.managed_account .info.trust-m article {
margin: 30px 0 0 0;
width: 100%;
}
.managed_account .info.trust-m > div {
padding-right: 15px;
padding-left: 15px;
flex-direction: row;
justify-content: center;
align-items: center;
z-index: 2;
position: relative;
}
.managed_account .info.trust-m .with_btn {
margin: 15px 20px 15px 0;
margin-left: 0!important;
background: rgba(255,255,255,.7);
padding: 15px;
border-radius: 5px;
color: #2689d8;
}
.managed_account .strategy-trust ul li + li {
margin-top: 20px;
}
.strategy-trust ul {
padding-right: 0;
}
}
@media (max-width: 768px) {
.managed_account .info.trust-m h1 {
width: 100%;
font-size: 26px;
padding-top: 0;
line-height: 1.2;
}
.managed_account .info.trust-m article {
margin: 15px 0 0 0;
}
.managed_account .info.trust-m h2 {
font-size: 15px;
line-height: 25px;
}
.managed_account .info.trust-m article h2 + p {
margin-top: 15px;
line-height: 25px;
font-size: 16px;
font-weight: 400;
}
.managed_account .strategy-trust ul li {
font-size: 16px;
line-height: 1.2;
}
.managed_account .strategy-trust {
flex-wrap: wrap;
margin-top: 30px;
}
.managed_account .strategy-trust > ul {
width: 100%!important;
}
.managed_account .strategy-trust > ul:not(:last-child) {
margin-bottom: 20px;
}
.managed_account .info.strategy h1 {
font-size: 26px;
line-height: 1.2;
width: 100%;
padding-top: 0;
}
.managed_account .info.u_invest {
display: block!important;
margin-bottom: 0;
}
.managed_account .u_invest article {
width: 100%;
margin: 25px auto 30px;
}
}
@media (max-width: 543px) {
.managed_account .info.trust-m .with_btn {
margin: 0 0 30px 0!important;
}
.managed_account .info.trust-m > div {
flex-direction: column;
}
.managed_account .info.trust-m .with_btn {
margin: 5px 0 20px 0;
}
.managed_account .strategy-trust {
padding-left: 15px;
padding-right: 15px;
}
.managed_account .contact_us {
display: none;
}
.managed_account .required_info.bottom_text_rm {
margin: 0 auto 0;
}
.managed_account .strategy-trust ul li + li {
margin-top: 15px;
}
.managed_account .strategy-trust > ul:not(:last-child) {
margin-bottom: 15px;
}
.managed_account .exclamation {
font-size: 16px;
}
.managed_account .u_invest article {
margin: 25px auto 0;
}
.managed_account .info.trust-m .link-button {
margin-bottom: 25px;
}
}
/* End */
/* Start:/local/templates/main/css/company.css?157598511124174*/
.company-withslider .b-little {
height: 260px;
}
.company-page .info.command div {
margin-top: 58px;
}
.company-page .leadership h1 {
padding-top: 70px;
font-weight: 700;
}
.company-page .carier_i div > h2 {
padding-top: 75px;
}
.company-page .info.risk h2 {
padding-top: 75px;
}
.company-page .info.risk ul {
margin: 75px 0 0 80px;
}
.info.carier_i a {
display: inline-block;
}
.info.carier_i a button {
margin: 58px 0 0 0;
}
.company-page .contact_a {
padding: 58px 15px 75px 15px;
}
.company-page .corporate_after .b-little {
width: 25%;
height: 260px;
}
.company-page .work_with_us div > h2 {
padding-top: 75px;
}
.company-type-4rm .b-little {
height: 260px;
}
.company-page .company-license .b-half {
height: 320px;
}
.company-contacts.company-awards .info h2 {
padding-top: 73px;
font-weight: 700;
}
.company-awards .rating-info .block_type_1 {
padding-top: 75px;
padding-bottom: 75px;
}
.company-vacancion .carier h2 {
padding-top: 75px;
font-weight: 700;
}
.company-contacts .contacts .contacts__title {
padding-top: 70px;
margin-bottom: 50px;
}
.info.vacancies > div {
margin-top: 58px;
}
.info.vacancies .strategy-trust.cf .btn_c_fix {
display: none;
}
.corporate_after .b-half,
.corporate_after .b-little {
height: 260px;
}
.company-contacts .pre_map,
.company-contacts .preloader_wrapper_default,
.company-contacts .bottom_map {
display: none!important;
}
.leadership-cont {
font-weight: 600;
color: #3f474f;
text-transform: uppercase;
}
.command-h2 {
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
font-weight: 600;
}
.company-withslider h2 {
font-size: 18px;
line-height: 25px;
}
.company-news-block h2 {
margin: 0;
text-transform: none!important;
font-weight: 600;
}
.company-car-title {
padding-top: 70px!important;
font-weight: 700;
}
.company-car-subtitle {
text-align: center;
text-transform: uppercase;
color: #3f474f;
font-size: 18px;
font-weight: 600!important;
padding-top: 0!important;
}
.b-large-hor-vac-title {
text-transform: none!important;
}
.vac-year-title {
}
body .company-awards h1 {
padding-top: 65px;
}
.company-condition h1 {
margin-bottom: 55px;
font-weight: 700;
padding-top: 55px!important;
}
@media (max-width: 1280px) {
.company-page .info.leadership {
padding: 0 15px;
}
.company-page .leadership article {
width: 480px;
margin: 75px 0 0 575px;
}
.company-page .b-half {
width: 50%;
}
.company-page .carier_i {
padding: 0 15px;
height: 650px;
}
.company-page .carier_i article {
width: 480px;
margin: 40px 115px 0 0;
float: right;
}
.company-page .company-license .b-half {
width: 50%!important;
}
.company-page .contact_a article {
width: 480px;
margin: 60px 0 0 575px;
}
.company-page .corporate_after .b-large-hor {
width: 100%!important;
}
.company-page .corporate_after .b-little {
width: 50%;
height: 190px;
}
.company-page .type_4_rm.grid.map_after {
display: block;
}
.company-page .type_4_rm.map_after figure {
display: flex;
}
.company-page .type_4_rm.grid.map_after .b-medium-double {
display: block;
width: 100%;
}
.company-page.type_4_rm .pre_article .hr {
margin: 30px 0;
}
.company-page .type_4_rm .personal_new {
position: static;
margin-top: 30px;
}
.company-page .type_4_rm .b-medium-double {
height: 400px;
}
.company-page .type_4_rm .b-little {
width: 50%;
height: 180px;
}
.company-page .type_4_rm .b-half.blue {
width: 100%!important;
}
.corporate_after .b-half {
width: 50%;
}
.grid.corporate_after .pre_article p {
width: calc(100% - 140px);
}
.info.vacancies > div {
width: 100%;
padding: 0 15px;
}
.info.vacancies > div .strategy-trust.cf {
width: 100%;
}
}
@media (max-width: 1100px) {
.company-page .leadership article {
width: 480px;
float: right;
margin: 67px 0 0 0;
}
.company-page .leadership {
height: auto;
background: url(/local/templates/main/css/../img/info-bg/leadership.png) no-repeat left bottom;
background-size: contain;
}
.company-page .leadership > div {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
.company-page .leadership h1 {
width: 100%;
text-align: center;
}
.company-page .b-half {
width: 100%!important;
height: 230px!important;
}
.company-page .b-little {
width: 50%;
height: 220px;
}
.company-page .info.command div {
margin-top: 0;
}
.company-page .b-large-hor.with_slider {
width: 100%;
height: 520px;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.company-page .company-withslider .b-little {
height: 190px;
}
.company-page .carier_i {
height: 631px;
background: url(/local/templates/main/css/../img/info-bg/carier_i.jpg) no-repeat -140px bottom #fff;
}
.company-page .company-license .b-half h2{
font-size: 36px;
line-height: 1.2;
}
.company-page .contact_a {
height: auto;
background: url(/local/templates/main/css/../img/info-bg/contact_a.jpg) no-repeat left bottom #fff;
background-size: contain;
padding: 25px 15px 35px 15px;
}
.company-page .contact_a article {
width: 480px;
margin: 40px 0 0 0;
float: right;
padding-left: 0;
}
.company-page .work_with_us {
padding: 0 15px;
}
.company-page .work_with_us article {
margin: 30px 0 0 0px;
}
.company-page .work_with_us ul {
width: 355px;
margin-left: 0;
float: right;
padding-left: 0;
}
.rating-info .block_type_1 p {
padding-right: 15px;
}
.grid.corporate_after .b-half {
height: 260px!important;
}
.grid.corporate_after .b-little {
width: 50%;
height: 260px;
}
.info.vacancies > div {
margin-top: 10px;
}
.info.vacancies .strategy-trust {
margin: 40px 0;
}
}
@media (max-width: 991px) {
.company-page .leadership article {
width: 480px;
float: right;
margin: 25px 0 0 0;
}
.company-page .info.command {
height: auto;
padding: 0 15px;
}
.company-page .info.command article h2 {
padding-top: 0;
}
.company-page .command h2 {
width: 100%;
margin: 0 auto 30px;
text-align: center;
}
.company-page .command article a {
display: inline-block;
}
.company-page .command {
position: relative;
background: none;
}
.company-page .command:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
right: 0;
bottom: 0;
z-index: 1;
background: url(/local/templates/main/css/../img/info-bg/command.jpg) bottom right no-repeat;
background-size: contain;
opacity: .2;
}
.company-page .info.command div {
position: relative;
z-index: 2;
}
.company-page .leadership h1 {
padding-top: 30px;
}
.company-page .command article a button {
margin-bottom: 35px;
}
.company-page .carier_i article {
width: 100%;
margin: 35px 0 0 0;
float: none;
}
.company-page .carier_i {
position: relative;
height: auto;
padding-bottom: 35px!important;
background: none;
}
.company-page .carier_i:after {
content: '';
position: absolute;
background: url(/local/templates/main/css/../img/info-bg/carier_i.jpg) no-repeat -115px bottom #fff;
background-size: auto;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: .2;
display: block;
}
.company-page .carier_i > div {
position: relative;
z-index: 2;
}
.company-page .risk.info {
position: relative;
height: auto;
min-height: auto;
padding: 0 15px;
background: none;
padding-bottom: 35px;
}
.company-page .risk.info:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
min-height: auto;
background: url(/local/templates/main/css/../img/info-bg/risk.jpg) no-repeat right bottom #fff;
background-position-y: center;
right: 0;
bottom: 0;
z-index: 1;
display: block;
opacity: .2;
}
.company-page .risk.info > div {
position: relative;
z-index: 2;
}
.company-page .carier_i article a {
display: flex;
justify-content: center;
}
.company-page .info.risk a {
display: flex;
justify-content: center;
}
.company-page .info.risk ul {
margin: 30px 0 0 0;
width: 100%;
padding-left: 0;
}
.company-page .carier_i h2 {
text-align: center!important;
}
.company-page .info.risk a button{
margin: 30px 0 0 0;
}
.company-page .company-license .b-half h1 {
font-size: 36px;
line-height: 1.2;
}
.company-page .company-license .b-half {
height: 300px!important;
}
.company-page .company-license p {
overflow: hidden;
max-height: none;
width: calc(100% - 30px);
}
.company-page .company-license p br {
display: none;
}
.company-page .contact_a article {
width: 100%;
margin: 20px 0 0 0;
float: none;
}
.company-page .contact_a article br {
display: none;
}
.company-page .contact_a h2 {
text-align: center!important;
}
.company-page .contact_a a button {
margin-top: 10px;
}
.company-page .contact_a a {
display: flex;
justify-content: center;
}
.company-page .contact_a {
position: relative;
height: auto;
background: none;
background-size: contain;
}
.company-page .contact_a:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
min-height: auto;
background: url(/local/templates/main/css/../img/info-bg/contact_a.jpg) no-repeat left bottom #fff;
left: 0;
bottom: 0;
z-index: 1;
opacity: .2;
display: block;
background-size: contain;
}
.company-page .contact_a > div {
position: relative;
z-index: 2;
}
.company-page .grid.corporate_after {
display: block;
}
.company-page .work_with_us {
position: relative;
height: auto;
background: none;
background-size: cover;
padding-bottom: 35px;
}
.company-page .work_with_us:after {
position: absolute;
content: '';
z-index: 1;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: url(/local/templates/main/css/../img/info-bg/work_with_us.jpg) bottom left no-repeat;
background-size: auto;
opacity: .2;
}
.company-page .work_with_us > div {
position: relative;
z-index: 2;
}
.company-page .work_with_us h2 {
width: 100%;
margin: 0 auto 30px;
}
.company-page .work_with_us a {
display: inline-block;
}
.company-page .work_with_us ul {
width: 100%;
margin-left: 0;
float: none;
padding-left: 0;
}
.company-page .work_with_us a button {
display: inline-block;
margin: 15px auto 10px;
float: none;
}
.company-page .work_with_us a {
display: inline-block;
text-align: center;
margin-top: 30px;
width: 100%;
}
.work_with_us button {
margin: 0;
float: none;
display: inline-block;
}
.rating-info .block_type_1 p {
padding-right: 0;
}
.company-contacts.company-awards .info h2 {
padding-top: 60px;
}
.company-contacts.company-awards .rating-info {
margin-top: 60px;
padding-top: 60px;
}
.company-contacts.company-awards .yspeh-info {
padding-top: 60px;
margin-bottom: 60px;
}
.company-contacts.company-awards .block_type_2 {
padding-top: 60px;
}
.company-contacts.company-awards .rating-info .link-button,
.company-contacts.company-awards .rating-info .link-button:hover {
margin-bottom: 60px;
}
body .company-vacancion .carier h2 {
padding-top: 60px;
}
body .carier article {
margin: 60px 0 0;
padding-bottom: 60px;
}
.contact_us span.phone {
font: 600 36px/1 'Open Sans'!important;
}
.contact_us h2 {
font-size: 26px!important;
}
.contact_us {
height: auto!important;
padding-bottom: 70px;
}
}
@media (max-width: 768px) {
.company-page .leadership h1 {
width: 100%;
text-align: center;
font-size: 26px;
line-height: 1.2em;
padding-top: 30px;
}
.info.vacancies h1 {
font-size: 26px;
padding-top: 0;
}
.info.vacancies .strategy-trust {
margin: 30px 0;
font-size: 14px;
}
.company-car-title {
padding-top: 40px!important;
}
.company-contacts .contacts .contacts__title {
padding-top: 30px;
margin-bottom: 25px;
}
.company-page .leadership article {
width: 100%;
float: right;
margin: 25px 0 0 0;
}
.company-page .leadership h2 {
font-size: 14px;
}
.company-page .leadership {
height: auto;
background:none;
position: relative;
}
.company-page .leadership:after {
content: '';
position: absolute;
background: url(/local/templates/main/css/../img/info-bg/leadership.png) no-repeat;
background-size: auto;
background-position: -135px 0;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
opacity: .2;
z-index: 1;
}
.company-page .leadership > div {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.company-page .b-half {
height: 200px!important;
}
.company-page .b-half h2 {
font-size: 26px;
line-height: 1.2em;
}
.company-page .b-half p {
font-size: 14px;
}
.company-page .b-little {
height: 265px;
}
.company-page .info.command div > h2 {
padding-top: 30px;
font-size: 26px;
line-height: 1.2em;
}
.company-page .command article {
margin: 23px 0 0 0px;
}
.company-page .command article h2 {
width: 100%;
margin: 0 auto 23px;
text-align: center;
font-size: 18px;
line-height: 25px;
}
.company-page .command ul {
width: 100%;
margin-left: 0!important;
padding-left: 0;
}
.company-page .command article a {
display: flex;
width: 100%;
justify-content: center;
}
.company-page .command article a button {
padding: 16px 30px;
margin: 30px 0 0 0;
float: none;
margin-bottom: 35px;
}
.company-page .b-large-hor.with_slider h2 {
text-transform: uppercase;
width: calc(100% - 145px);
font-size: 14px!important;
font-weight: 400!important;
color: #fff!important;
}
.company-page .b-large-hor.with_slider .slide {
position: relative;
padding-left: 15px;
}
.company-page .b-large-hor.with_slider {
height: 350px;
}
.company-page .b-large-hor.with_slider .slider {
height: 100%;
overflow: hidden;
}
.company-page .b-large-hor.with_slider .slider .bx-wrapper {
height: 100%;
}
.company-page .b-large-hor.with_slider .slider span {
position: relative;
z-index: 5;
display: table-cell;
vertical-align: middle;
height: 350px;
}
.company-page .b-large-hor.with_slider .al_rate {
z-index: 2;
font-size: 14px;
line-height: 23px;
font-weight: 600;
text-transform: uppercase;
color: #a2e735;
cursor: pointer;
position: absolute;
left: 65px;
bottom: 30px;
}
.company-page .carier_i h2 {
font-size: 26px;
line-height: 1.2em;
}
.company-page .carier_i h2 {
padding-top: 30px!important;
}
.company-page .carier_i article {
margin: 0;
}
.company-page .carier_i button, .contact_a button {
margin-top: 15px!important;
}
.company-page .info.risk h2 {
padding-top: 30px;
font-size: 26px;
line-height: 1.2em;
}
.company-page .info.risk ul {
margin: 20px 0 0 0;
}
.company-page .company-license .b-half {
width: 100%!important;
height: 200px!important;
}
.company-page .contact_a h2{
padding-top: 0;
font-size: 26px;
line-height: 1.2em;
}
.company-page .grid.corporate_after .b-large-hor{
height: auto;
padding: 15px 0 0 15px;
padding-bottom: 60px;
}
.company-page .grid.corporate_after .al_rate {
z-index: 2;
font-size: 14px;
line-height: 23px;
font-weight: 600;
text-transform: uppercase;
color: #a2e735;
cursor: pointer;
position: absolute;
left: 15px;
bottom: 27px;
}
.company-page .corporate_after.grid .b-large-hor > div {
padding: 0;
}
.company-page .corporate_after .company-news-block {
position: relative;
}
.company-page .pre_map.clearfix, .company-page .preloader_wrapper_default, .company-page .bottom_map {
display: block;
}
.company-page .carier_i article h2 {
font-size: 18px;
line-height: 25px;
}
.company-page .contact_a article h2 {
font-size: 18px;
line-height: 25px;
}
.company-page .work_with_us h2 {
padding-top: 30px!important;
font-size: 26px;
line-height: 1.2em;
}
.company-page .work_with_us article {
margin: 0;
}
.company-page .work_with_us article h2 {
width: 100%;
margin: 0 auto 25px;
font-size: 18px;
line-height: 25px;
padding-top: 0!important;
}
.company-page .contact_us {
display: none;
}
.company-page .type_4_rm .b-little {
height: 260px;
}
.company-page .type_4_rm .b-half p {
font-size: 18px;
line-height: 23px;
margin-top: 15px;
}
.company-page .grid > div > div,
.company-page .grid a > div > div,
.company-page .grid figure > div > div,
.company-page .grid figure a > div > div {
padding: 35px 15px 0;
}
.company-page .max_height_pointer_of_view_rm > p {
max-height: none;
}
.company-page .max_height_pointer_of_view_rm {
max-height: none;
}
.company-page .main_page > div:nth-child(1) > div .personal_new h3 {
margin-left: 0;
}
.company-page .personal_new .img_wrapper-grid {
margin: 0 15px 0 0!important;
}
.company-contacts.company-awards .info h2 {
padding-top: 40px;
}
.company-contacts.company-awards .rating-info {
margin-top: 40px;
padding-top: 40px;
}
.company-contacts.company-awards .yspeh-info {
padding-top: 40px;
margin-bottom: 40px;
}
.company-contacts.company-awards .block_type_2 {
padding-top: 40px;
}
.company-contacts.company-awards .rating-info .link-button,
.company-contacts.company-awards .rating-info .link-button:hover {
margin-bottom: 40px;
}
body .company-vacancion .carier h2{
padding-top: 40px;
}
body .carier article {
margin: 40px 0 0;
padding-bottom: 40px;
}
}
@media (max-width: 543px) {
.company-car-title {
padding-top: 30px!important;
}
.contact_us span.phone {
font: 600 18px/1 'Open Sans'!important;
margin-bottom: 20px!important;
}
.contact_us h2 {
font-size: 18px!important;
}
.company-page .b-little {
width: 100%;
height: 220px;
}
.leadership-cont, article h2 {
font-size: 14px!important;
line-height: 1.6!important;
color: #000!important;
}
.company-page .b-little h2 {
font-size: 54px;
line-height: 1.2em;
}
.company-page .b-little > div {
padding: 15px 15px 0 15px!important;
}
.company-page .command:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
right: 0;
bottom: 0;
z-index: 1;
background: url(/local/templates/main/css/../img/info-bg/command.jpg) bottom right no-repeat;
background-size: cover;
opacity: .2;
}
.company-page .b-large-hor.blue .slide_news {
display: block;
position: absolute;
z-index: 13;
top: 0;
bottom: 0;
right: 15px;
left: auto;
width: 50px;
height: 105px;
text-align: center;
padding: 0;
margin: auto 0;
}
.slide_news .slide_num {
font: 600 22px/22px 'Open Sans'!important;
color: #fff;
padding: 25px 0!important;
}
.company-page .b-large-hor.with_slider h2 {
font-size: 14px;
width: calc(100% - 70px);
}
.company-page .b-large-hor.with_slider .slide {
padding-left: 15px;
}
.company-page .b-large-hor.with_slider {
height: auto;
padding: 20px 0 60px;
}
.company-page .b-large-hor.with_slider .slider span {
height: auto;
}
.company-page .b-large-hor.with_slider .al_rate {
z-index: 2;
font-size: 14px;
line-height: 23px;
font-weight: 600;
text-transform: uppercase;
color: #a2e735;
cursor: pointer;
position: absolute;
left: 15px;
bottom: 23px;
}
.company-page .b-large-hor.with_slider .al_rate {
left: 15px;
bottom: 23px;
color: #fff;
}
.company-page .risk.info:after {
background-position-x: -710px;
}
.company-page .company-license .b-half > div {
padding: 15px 15px 0;
}
.company-page .company-license .b-half h2 {
font-size: 26px;
line-height: 1.2;
}
.company-page .company-license .b-half {
height: 290px!important;
}
.company-page .contact_a:after {
background: url(/local/templates/main/css/../img/info-bg/contact_a.jpg) no-repeat -95px bottom #fff;
}
.company-page .corporate_after .b-little {
width: 100%;
}
.company-page .map_arrow,.company-page .map_search{
display: none;
}
.company-page .pre_map h2{
font-size: 36px;
}
.company-page .pre_map span h2.city {
margin-bottom: 10px;
}
body .company-page .pre_map span {
display: block;
position: relative;
margin: 25px auto 25px!important;
margin-top: 90px;
}
.company-page .type_4_rm .personal_new {
display: flex;
}
.company-page .type_4_rm .pre_article .personal_new h3 {
margin-bottom: 0!important;
width: calc(100% - 115px);
margin-left: 15px;
}
.company-page .type_4_rm .pre_article .hr {
margin: 15px 0;
}
.company-page .type_4_rm .pre_article h3 {
margin-bottom: 15px!important;
}
.company-page .type_4_rm .b-medium-double {
height: auto!important;
}
.company-page .type_4_rm.map_after.grid .b-medium-double .pre_article > p {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.company-page .type_4_rm .b-little {
height: 180px;
width: 100%;
order: 1;
}
.company-page .type_4_rm .b-little > div div {
display: flex;
justify-content: space-between;
flex-direction: column;
padding: 0!important;
}
.company-page .type_4_rm .b-little > div {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.company-page .type_4_rm .b-little div h2 {
width: 100%;
}
.company-page .type_4_rm .b-little div p {
width: 100%;
margin-top: 0!important;
padding-right: 0!important;
}
.company-page .type_4_rm .max_height_pointer_of_view_rm {
max-height: none;
}
.company-page .type_4_rm .b-half {
height: auto!important;
}
.company-page .type_4_rm.grid.map_after {
display: flex;
}
.company-page .max_height_pointer_of_view_rm > p {
max-height: none;
}
.company-page .command li {
color: #000;
}
.company-page .command article h2 {
text-align: left!important;
}
.company-page .carier_i article h2 {
text-align: left!important;
}
.company-page .info.risk li {
color: #000;
}
.company-page .contact_a article h2 {
text-align: left!important;
}
.company-page .work_with_us article h2 {
text-align: left!important;
}
.company-page .work_with_us li {
color: #000;
}
.company-page .bottom_map {
padding-bottom: 30px;
}
.company-page .company-colors-small .orange .small {
margin-bottom: 25px;
}
.company-page .calculator_calculator {
margin-top: 0;
}
.company-page .company-type-4rm .map_after .pre_article {
position: relative;
}
.company-contacts.company-awards .info h2 {
padding-top: 30px;
}
.company-contacts.company-awards .rating-info {
margin-top: 30px;
padding-top: 30px;
}
.company-contacts.company-awards .yspeh-info {
padding-top: 30px;
margin-bottom: 30px;
}
.company-contacts.company-awards .block_type_2 {
padding-top: 30px;
}
.company-contacts.company-awards .rating-info .link-button,
.company-contacts.company-awards .rating-info .link-button:hover {
margin-bottom: 30px;
}
body .company-vacancion .carier h2 {
padding-top: 30px;
}
body .carier article {
margin: 30px 0 0;
padding-bottom: 30px;
}
.info.vacancies .strategy-trust ul li {
padding-right: 0;
}
}
/* End */
/* Start:/local/templates/main/css/std_style.css?1575981202178059*/
/*CONTENTS LIST*/
/*MAIN PARTS*/
/*HEADER*/
/*MAIN NAVIGATION*/
/*FOOTER*/
/*MAIN CONTAIN
1.LEADERSHIP
2.COMMAND
3.WORK WITH US
4.CARIER
5.INVEST
*/
/*GRID
1.B-LITTLE
2.B-HALF
3.B-MEDIUM-DOUBLE
4.B-LARGE-HOR
5.GRID COLORS
6.GRID SLIDER
7.OTHER IN GRID
8.LINES
*/
/*CONTACT US*/
/*MAP BLOCK*/
/*TOWN SWITCHER*/
body {
font: normal 18px/25px 'Open Sans';
color: #000;
background: #f4f4f4;
min-width: 1260px;
}
body.cropped {
overflow: hidden;
}
body.cropped section.menu {
z-index: 0 !important;
}
.en_fix_log_rm .contant_panel {
width: 302px;
}
body .main_cont {
margin: 0 auto;
min-width: 1260px;
max-width: 1280px;
overflow-x: hidden;
-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
box-shadow: 0 0 35px rgba(0, 0, 0, .1);
/* Высота блока на всю высоту монитора */
min-height: 100vh;
}
.main_cont>.main {
min-width: 1260px;
-webkit-transition: margin 0.5s ease;
-o-transition: margin 0.5s ease;
transition: margin 0.5s ease;
}
.main-w-fixed>.head_menu {
margin-bottom: 52px;
}
a,
p {
-webkit-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
h1 {
font: 600 36px/1.2 'Open Sans';
color: #3f474f;
margin: 0;
}
h2 {
font: 700 36px/1.2 'Open Sans';
color: #3f474f;
margin: 0;
}
h3 {
font: 700 26px/1.2 'Open Sans';
color: #3f474f;
margin: 0;
}
article h2+p {
margin-top: 24px;
}
ul {
list-style-type: none;
color: #3f474f;
margin: 0;
padding-left: 30px;
}
.no-mrk li:before {
display: none;
}
ul.no-mrk.left {
padding-left: 0px;
}
ul li {
position: relative;
}
ul li:before {
width: 9px;
height: 9px;
display: block;
content: '';
position: absolute;
top: 5px;
left: -30px;
background: url(/local/templates/main/css/../img/list-style-img.png);
}
ul li+li {
margin-top: 36px;
}
.info ul li:before {
top: 8px;
left: -20px;
}
.info ul li:before a:hover {
color: #2d7cbb;
}
input,
textarea {
padding: 18px 20px;
background: #eff7f8;
border: 1px solid #eff7f8;
border-radius: 3px;
font: normal 18px/18px 'Open Sans';
outline: 0 none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
resize: none;
}
input:focus,
textarea:focus {
border-color: #238900;
}
input.fld-error,
textarea.fld-error {
padding-right: 40px;
background-image: url(/local/templates/main/css/../img/error.png);
background-position: 100% 50%;
background-repeat: no-repeat;
border-color: #f84049;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.main_cont aside .button,
.info .button,
.green-button {
display: inline-block;
font: normal 18px/18px 'Open Sans';
padding: 18px 22px;
background-color: #0e9800;
border-radius: 3px;
border: 1px solid #0e9800;
outline: 0;
margin: 0;
color: #fff;
-webkit-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}
.main_cont aside .button,
.info .button {
display: inline-block;
}
.main_cont aside .button:hover,
.info .button:hover {
color: #fff;
}
button.min,
input[type="button"].min,
input[type="reset"].min,
input[type="submit"].min {
font-size: 14px;
line-height: 22px;
padding: 2px 5px;
}
button.big,
input[type="button"].big,
input[type="reset"].big,
input[type="submit"].big {
padding: 24px 38px 25px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.main_cont aside .button:hover,
.info .button:hover,
.green-button:hover {
background-color: #11a600;
-webkit-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button:active {
background-color: #0e8c00;
}
button.btn-o,
input.btn-o,
button.btn-o:hover,
input.btn-o:hover,
button.btn-o:active,
input.btn-o:active {
padding: 12px 28px;
background: #fff;
border: 2px solid #d5dcde;
color: #000;
}
button.btn-o.big,
input.btn-o.big,
button.btn-o.big:hover,
input.btn-o.big:hover,
button.btn-o.big:active,
input.btn-o.big:active {
padding: 27px 36px 28px;
}
a {
text-decoration: none;
color: #54a3e2;
}
.text_grey {
color: #8a9199;
font-size: 14px;
line-height: 15px;
}
/*MAIN PARTS*/
main.main {
position: relative;
}
.main_cont {
position: relative;
background-color: #fff;
}
.main_cont>aside {
position: fixed;
top: 0;
bottom: 0;
left: -320px;
width: 320px;
padding: 40px 40px;
background-color: #39424d;
z-index: 2001;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main_cont>aside h3,
.footer_menu h3 {
text-transform: uppercase;
color: #fff;
}
.main_cont>aside .hr,
.footer_menu .hr {
width: 60px;
height: 3px;
margin: 20px 0;
background-color: #fff;
}
.main_cont>aside a,
.footer_menu a {
display: block;
font-size: 14px;
line-height: 20px;
text-decoration: none;
color: #acaeb0;
clear: both;
}
.main_cont>aside h3 a,
.footer_menu h3 a {
font-size: inherit;
line-height: inherit;
color: inherit;
}
.main_cont>aside a:hover,
.footer_menu a:hover {
color: #0e9800;
-webkit-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
.main_cont>aside a+a,
.footer_menu a+a {
margin-top: 15px;
}
.footer_menu a+h3 {
margin-top: 40px;
}
.main_cont>aside button,
.main_cont>aside .button,
.info .button {
margin: 30px 0 60px;
}
main>.info>div.required_info {
margin-top: 43px;
}
/*HEADER*/
body header.main a {
color: inherit;
text-decoration: none;
font-weight: 600;
cursor: pointer;
}
body header.main {
height: 75px;
background-color: #fff;
color: #3e4a4d;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 18px;
margin-top: 8px;
}
body header.main>.menu {
/*min-width: 78px;*/
width: 6.09375%;
height: 100%;
max-width: 109px;
position: absolute;
z-index: 2002;
left: 0;
top: 0;
background-color: #f1f3f4;
cursor: pointer;
}
.head_menu {
/*float: left;
left: 50%;*/
position: relative;
width: 1060px;
margin: auto;
max-height: 80px;
}
.head_menu>div {
position: relative;
/*float: left;
left: -47.5%;*/
}
.menu>span {
display: block;
position: relative;
float: left;
left: 50%;
}
.menu .ico-menu {
width: 32px;
height: 20px;
display: block;
position: relative;
top: 37px;
left: -50%;
background: url(/local/templates/main/css/../img/sprite.png) -9px -10px no-repeat;
}
.menu.open .ico-menu {
background-position: -2px -464px;
height: 25px;
top: 32px;
}
.menu.open .ico-menu+span {
top: 35px;
}
.menu .ico-menu+span {
display: block;
position: relative;
float: left;
top: 40px;
left: -50%;
font-size: 57.777777778%;
text-transform: uppercase;
}
header .main_logo {
/* width: 210px!important; */
width: 263px !important;
height: 56px;
display: inline-block;
padding: 0px;
vertical-align: top;
margin-top: 0px;
margin-left: -14px;
/* margin-right: 30px; */
margin-right: -22px;
}
.ru_widtch {
width: 425px !important;
}
header .funct_panel {
height: 100%;
display: inline-block;
margin: 0;
font-size: 14px;
line-height: 22px;
vertical-align: top;
width: 540px;
margin-top: 35px;
}
header .funct_panel .block_rm a {
font: 18px 'Open Sans';
color: rgb(159, 164, 170);
line-height: 1.1;
margin-left: 28px;
letter-spacing: -0.75px;
}
header .funct_panel .block_rm a:nth-child(1) {
margin-left: 44px;
}
.block_rm a:nth-child(5) {
margin-right: 14px;
}
header .funct_panel .block_rm .active {
color: #000;
border-bottom: 3px #ff7300 solid;
padding-bottom: 31px;
}
.funct_panel>div {
width: 540px;
text-align: center;
}
.funct_panel .lang_switcher {
padding: 45px 20px 42px;
}
.funct_panel .office_switcher {
padding: 45px 8px 42px;
}
.funct_panel .personal_cabinet {
padding: 45px 8px 42px;
}
.funct_panel .personal_cabinet button {
margin-left: 26px;
margin-top: 7px;
}
.office_switcher a:before {
display: block;
content: '';
float: left;
width: 14px;
height: 18px;
margin: 2px 4px 0 0;
background: url(/local/templates/main/css/../img/sprite.png) -4px -35px no-repeat;
}
.office_switcher a:hover:before {
background-position: -4px -645px;
}
.personal_cabinet a:before {
display: block;
content: '';
float: left;
width: 18px;
height: 18px;
margin: 1px 5px 0 0;
background: url(/local/templates/main/css/../img/sprite.png) -24px -35px no-repeat;
}
.personal_cabinet a:hover:before {
background-position: -24px -645px;
}
.en_fix_log_rm .contant_panel {
width: 302px;
}
header .contant_panel {
width: 220px;
display: inline-block;
margin-left: 55px;
margin-right: 0;
margin-top: 30px;
}
.contant_panel>.town_switcher {
font-size: 14px;
text-transform: uppercase;
margin: 24px 0 0 14px;
/*min-width: 75px;*/
display: inline-block;
}
.contant_panel>.contact_number {
font-size: 26px;
word-spacing: -2px;
margin-top: 0px;
}
.town_switcher a:after {
display: block;
content: '';
float: right;
width: 14px;
height: 8px;
margin: 6px 0px 0 5px;
background: url(/local/templates/main/css/../img/sprite.png) -4px -57px no-repeat;
}
.pre_map span h1.city {}
.town_switcher.transform a:after {
transform: rotate(180deg);
}
/*MAIN NAVIGATION*/
body .main.main_menu {
height: 49px;
text-transform: inherit;
font-weight: 500;
line-height: 1.467;
color: #b2b6bb;
font: 14px 'Open Sans';
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
-webkit-transition: color 0.4s ease, margin 1s ease;
-o-transition: color 0.4s ease, margin 1s ease;
transition: color 0.4s ease, margin 1s ease;
}
.white_spaxe_rm {
white-space: nowrap;
}
.main_menu>div:not(.search_cont),
.main_menu figure>div:not(.search_cont) {
position: relative;
/*float: left;
left: 50%;*/
width: 1060px;
margin: auto;
background-color: #fff;
height: 48px;
/*white-space: nowrap;*/
}
.search_cont {
margin-left: -88px;
z-index: 15;
position: absolute;
top: -1px;
left: 100%;
width: 100%;
height: 100%;
background-color: #fff;
border: 0 !important;
}
.search_cont input {
display: none;
float: left;
width: 79%;
margin: 8px 0;
padding: 14px 15px 14px 60px;
font: 600 18px/22px 'Open Sans';
color: #3F474F;
border-radius: 3px;
border: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rm_block {
display: inline-block;
text-align: center;
width: 43px;
}
.search_cont input.form_search-button {
position: absolute;
top: 20px;
left: 125px;
margin: 0 !important;
width: 24px;
height: 24px;
background-color: transparent;
}
.main_menu>div>div,
.main_menu figure>div>div {
position: relative;
/*float: left;
left: -50%;*/
}
.main_menu.main {
border-bottom: 1px solid rgb(229, 232, 235);
}
.main_menu>div a,
.main_menu figure>div a {
display: inline-block;
/*float: left;*/
color: inherit;
text-decoration: none;
vertical-align: top;
padding: 10px 0px 16px 0px;
border-top: 4px solid #fff;
margin-right: 30px;
-webkit-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
letter-spacing: -0.4px;
font-size: 14px;
}
.main_menu>div:nth-child(2) .block_rm a:nth-child(4) {
letter-spacing: -0.3px;
}
.main_menu>div:nth-child(2) .block_rm a:nth-child(5) {
letter-spacing: -1.22px;
}
.main_menu>div a:hover,
.sub_menu>div a:hover,
header.main a:hover,
.main_menu figure>div a:hover,
.sub_menu figure>div a:hover,
.sub_menu>div a.active {
color: #0e9800 !important;
/*border-top: 2px #0e9800 solid;
margin-top: -2px;*/
-webkit-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
outline: none;
}
.main_menu>div a.active,
.main_menu figure>div a.active {
border-color: #0e9800;
margin-top: -1px;
padding-top: 13px;
}
body .main.sub_menu {
font-size: 14px;
color: rgba(255, 255, 255, 1);
height: 55px;
display: block !important;
background: #369a1e;
/*border-top: 1px solid #e5e8eb;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 0px;
}
body .sub_menu.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: #fff;
border-bottom: 1px solid rgb(229, 232, 235);
}
.sub_menu>div,
.sub_menu figure>div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto !important;
/*max-width: 1060px;*/
padding: 0;
text-align: center;
white-space: nowrap;
}
body .sub_menu.fixed .sub-menu__dropdown-btn {
color: #000;
}
body .sub_menu.fixed .sub-menu__dropdown-btn:hover {
color: #0e9800 !important;
}
body .sub_menu.fixed a {
color: #000;
}
body .sub_menu.fixed a:hover {
color: #0e9800 !important;
}
.orange_bottom_consult {
display: inline-block;
background: #f29a07;
border-radius: 2px;
width: auto;
height: 35px;
text-align: center;
}
.orange_bottom_consult a {
font: 14px 'Open Sans';
color: #fff !important;
line-height: 1.467;
width: auto;
height: auto;
margin-top: 6px;
padding: 0px !important;
margin-left: 11px;
cursor: pointer;
}
.sub_menu .sub-menu__box,
.sub_menu figure>div>div {
display: inline-block;
padding: 8px 0;
text-align: left;
vertical-align: middle;
}
.sub_menu .sub-menu__box.sub-menu__box_limited {
max-width: 100% !important;
}
.sub_menu .sub-menu__box a,
.sub_menu figure>div a {
/*display: inline-block;
line-height: 22px;
color: inherit;
text-decoration: none;
padding: 7px 15px;
line-height: 22px;
margin-right: -4px;*/
display: inline-block;
text-decoration: none;
padding: 7px 0;
margin-left: 12px;
margin-right: 12px;
/*text-transform: uppercase;*/
color: #fff;
outline: none;
font-size: 14px;
color: rgba(255, 255, 255, 1);
line-height: 1.6;
padding-bottom: 14px;
border-bottom: 2px #369a1e solid;
}
.sub_menu .sub-menu__box a:hover,
.sub_menu figure>div a {
color: #fff !important;
/*border-top: 2px #0e9800 solid;*/
/*margin-top: -2px;*/
transition: color 0.4s ease;
border: none;
}
.sub_menu .sub-menu__dropdown-btn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
line-height: 44px;
margin-right: 12px;
margin-left: 12px;
text-align: left;
vertical-align: middle;
padding: 5px 0;
margin-top: -11px;
-webkit-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
/*width: 13.5%;*/
}
.sub_menu .sub-menu__dropdown-btn:hover {
color: #fff;
}
.sub_menu .sub_selected .sub-menu__dropdown-btn {
border-bottom: 3px solid #fff;
padding-bottom: 0;
margin-bottom: 2px;
}
.sub_menu .sub_active .sub-menu__dropdown-btn,
.sub_menu .sub_active .sub-menu__dropdown-btn.active_rr {
background: #ffffff;
color: #000000 !important;
margin-left: 0;
margin-right: 0;
padding: 7px 12px;
}
.sub_menu .sub-menu__dropdown-btn.active_rr {
padding-bottom: 4px;
}
.sub_menu .sub-menu__dropdown-btn:before {
/*background: url(/local/templates/main/css/../img/burg.png) 50% -5px;
content: "";
display: inline-block;
height: 15px;
margin-right: 15px;
width: 15px;
vertical-align: middle;*/
}
.sub-menu__dropdown-btn:hover:before,
.sub_menu .sub_active .sub-menu__dropdown-btn:before {
background-position: 50% -30px;
}
.sub_menu {
border-bottom: 1px solid #e5e8eb;
position: relative;
}
.sub-menu__dropdown {
background: #fff;
border-bottom: 1px solid #e5e8eb;
display: none;
padding-top: 20px;
position: absolute;
top: 100%;
left: 0;
text-align: left;
width: 100%;
z-index: 1000;
}
.sub-menu__dropdown .info_center {
margin: 0 auto;
}
.sub_active .sub-menu__dropdown {
display: block;
}
/*FOOTER*/
body footer.main {
height: 50px;
margin: 0 auto;
max-width: 1280px;
background-color: #363f49;
z-index: 1000;
position: relative;
/*position:fixed;*/
bottom: 0;
left: 0;
right: 0;
}
body footer.main>div,
body footer.main figure>div {
position: relative;
}
body footer.main>div>div,
body footer.main figure>div>div {
position: relative;
width: 1100px;
margin: auto;
}
.popap_td_rm_elem {
height: auto;
min-height: 40px;
}
footer section {
font-size: 14px;
line-height: 22px;
color: #fff;
font-weight: 300 !important;
float: left;
}
.popup_dinamik_table_th:nth-child(1) {
padding: 17px 20px 16px 19px;
letter-spacing: -0.3px;
}
body footer a {
color: inherit;
text-decoration: none;
cursor: pointer;
}
footer .map_control {
width: 131px;
padding: 14px 12px 14px 31px;
background-color: #2b323a;
}
.map_control a:after {
display: block;
content: '';
float: right;
width: 16px;
height: 15px;
margin: 3px 11px 0 0;
background: url(/local/templates/main/css/../img/footer-arrows.svg) no-repeat;
}
footer .sberbank_group {
padding: 14px 16px 14px 33px;
}
.sberbank_group a {
text-decoration: underline;
}
footer .main_info {
padding: 14px;
}
footer .disclosure {
width: 215px;
margin-left: 154px;
padding: 14px;
float: left;
}
.footer_menu {
display: none;
padding-bottom: 50px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #2e353e;
z-index: 999;
}
.footer_menu div {
position: relative;
float: left;
}
.footer_menu>div,
.footer_menu figure>div {
left: 50%;
}
.footer_menu>div>div,
.footer_menu figure>div>div {
left: -50%;
}
.footer_menu .made_in {
font-size: 14px;
color: #8a9199;
position: absolute;
bottom: 41px;
}
.personal_cl,
.corporate_cl,
.about_cl {
height: 540px;
padding: 40px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.personal_cl {
width: 390px;
}
.corporate_cl {
width: 440px;
}
.about_cl {
width: 220px;
}
.about_cl img {
position: absolute;
top: -11px;
left: 84px;
}
/*MAIN CONTAIN
1.LEADERSHIP
2.COMMAND
3.WORK WITH US
4.CARIER
5.INVEST
*/
main {
width: 100%;
overflow-y: initial;
}
section.info.about_us_en div article p {
margin: 0px;
}
section.info.official_inf_en div article p {
margin: 0px;
}
main>.info>div,
main>.faq>div,
main>.contacts>div,
main figure>.info>div,
main figure>.faq>div,
main figure>.contacts>div,
main>.fund.top>div {
width: 1060px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 13px auto 0;
}
.info.pif h2,
.info.corporate h2 {
text-align: center;
padding-top: 20px;
}
.info h2,
.fund h2,
.fund h2 {
text-align: center;
}
.fund h2 {
text-transform: uppercase;
}
.fund.profiles h2 {
text-transform: inherit;
}
.fund.top h2 {
margin: 82px 0 77px;
text-transform: inherit;
}
.fund .tbl_common {
margin-bottom: 90px;
width: 100%;
}
.fund .tbl_common .tbl_tr_caption {
border-bottom: 2px solid #000000;
}
.fund .tbl_common th {
color: #9da9b5;
font-size: 14px;
font-weight: 300;
height: 50px;
line-height: 20px;
padding: 4px 0;
text-align: left !important;
vertical-align: middle;
}
.fund .tbl_common th.proc {
color: #000;
font-weight: 700;
}
.fund .tbl_common th.sum>span {
padding-left: 25px;
}
.fund .tbl_common td {
text-align: left !important;
}
.fund .tbl_common td.fund_info {
color: #000;
font-weight: 400;
width: 240px;
}
.fund .tbl_common td.sum,
.fund .tbl_common td.proc {
font-size: 28px;
font-weight: 400;
}
.fund .tbl_common td.proc.negative {
color: #eb4d4c;
}
.fund .tbl_common td.proc.positiv {
color: #1c9617;
}
.fund.profiles {
text-align: center;
}
.fund.profiles .profile {
text-align: left;
}
.fund nav.year {
display: inline-block;
}
p.center {
text-align: center;
}
p.error {
color: #FF0000;
}
main>.faq>div,
main>.contacts>div,
main figure>.faq>div,
main figure>.contacts>div {
margin-top: 80px;
padding: 0 110px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
main>.pif>div,
main figure>.pif>div {
padding: 0 30px;
}
main>.corporate>div,
main figure>.corporate>div {
max-width: 100%;
}
/*LEADERSHIP*/
.leadership {
height: 706px;
background: url(/local/templates/main/css/../img/info-bg/leadership.png) no-repeat;
}
.leadership article,
.trust-m article,
.carier_i article,
.contact_a article {
width: 480px;
margin: 118px 0 0 700px;
}
.trust-m article {
width: 510px;
margin-top: 60px;
margin-bottom: 35px;
}
.trust-m {
height: 560px;
background: url(/local/templates/main/css/../img/info-bg/trust-m.jpg) bottom left no-repeat;
}
.trust-m .with_btn {
margin-left: 675px;
margin-top: 0;
}
.trust-m .with_btn+button {
margin-left: 0;
}
.leadership h2,
.trust-m h2,
.carier_i h2,
.contact_a h2 {
text-transform: uppercase;
text-align: left !important;
}
/*COMMAND*/
.command button {
padding: 16px 30px;
margin: 58px 0 0 132px;
float: left;
}
.command button+a {
display: block;
float: left;
font: 18px/22px 'Open Sans';
text-decoration: none;
color: #7fbaea;
margin: 66px 0 0 5px;
padding: 5px 25px;
}
.command {
height: 708px;
background: url(/local/templates/main/css/../img/info-bg/command.jpg) bottom right no-repeat;
}
.command article {
margin: 34px 0 0 0px;
}
.command h2 {
width: 980px;
margin: 0 auto 67px;
text-align: center;
}
.command ul {
width: 470px;
margin-left: 101px;
}
/*WORK WITH US*/
.work_with_us article {
margin: 33px 0 0 0px;
}
.work_with_us h2 {
width: 950px;
margin: 0 auto 84px;
text-align: center;
}
.work_with_us ul {
width: 355px;
margin-left: 700px;
}
.work_with_us button {
margin: 55px 0 0 730px;
float: left;
}
.work_with_us button+a {
display: block;
float: left;
font: 18px/22px 'Open Sans';
text-decoration: none;
color: #7fbaea;
margin: 66px 0 0 5px;
padding: 5px 25px;
}
/*CARIER*/
.carier {
height: 810px;
background: url(/local/templates/main/css/../img/info-bg/carier.jpg) bottom left no-repeat;
}
.carier article {
margin: 40px 0 0 0px;
}
.carier h2 {
width: 1030px;
margin: 0 auto 80px;
text-align: center;
}
.carier ul {
width: 420px;
float: right;
margin-right: 130px;
}
.carier button {
margin: 55px 0 0 730px;
}
/*INVEST*/
.invest {
height: 560px;
/*height: 613px;*/
/* background: url(/local/templates/main/css/../img/info-bg/fonds_and_du.png) bottom no-repeat;*/
/*border-bottom: 1px solid #E5E8EB;*/
}
.invest>div {
margin-top: 0 !important;
}
.invest h2 {
padding-top: 31px;
}
.center h2 {
padding-top: 93px;
}
.invest h2 {
padding-top: 86px;
letter-spacing: 0;
}
.center article {
width: 1000px;
margin: 40px auto 0;
}
.center article.wide {
width: 100%;
}
.fond_and_du {
margin-top: 70px;
margin-right: 48px;
text-align: center;
}
.fond_and_du>div:nth-child(1)>div:nth-child(1) {
text-align: left;
}
.fond_and_du>div:nth-child(1)>div:nth-child(1) a img {
margin-left: 50px;
}
.fond_and_du>div:nth-child(1)>div:nth-child(2) {
max-width: 246px;
margin-left: -36px;
letter-spacing: -0.7px;
line-height: 1.26;
}
.fond_and_du>div:nth-child(1)>p {
margin-left: -7px;
max-width: 190px;
letter-spacing: -0.20px;
margin-top: 9px;
}
.fond_and_du>div:nth-child(2)>div:nth-child(2) {
letter-spacing: -0.8px;
margin-left: -8px;
line-height: 1.25;
}
.fond_and_du>div:nth-child(2)>div:nth-child(1) a img {
margin-left: -15px;
}
.fond_and_du>div:nth-child(2)>p {
margin-top: 9px;
letter-spacing: -0.3px;
margin-left: -5px;
}
.fond_and_du>div:nth-child(3)>div:nth-child(1) {}
.fond_and_du>div:nth-child(3)>div:nth-child(1) a img {
margin-left: 58px;
}
.fond_and_du>div:nth-child(3)>div:nth-child(2) {
margin-left: 65px;
line-height: 1.25;
}
.fond_and_du>div:nth-child(3)>p {
margin-left: 47px;
width: 220px;
text-align: center;
margin-top: 9px;
letter-spacing: -0.3px;
}
.fond_and_du>div:nth-child(4)>div:nth-child(1) {}
.fond_and_du>div:nth-child(4)>div:nth-child(1) a img {
margin-left: 120px;
}
.fond_and_du>div:nth-child(4)>div:nth-child(2) {
margin-left: 125px;
line-height: 1.25;
}
.fond_and_du>div:nth-child(4)>p {
width: 220px;
margin-left: 73px;
margin-top: 9px;
letter-spacing: -0.3px;
}
.fond_and_du>div:nth-child(2) {}
.fond_and_du>div:nth-child(3) {}
.fond_and_du>div:nth-child(4) {}
.fond_and_du a {
padding: 5px 15px;
color: #81c7ff;
text-decoration: none;
}
.fond_and_du+ul {
margin: 50px 0 0 93px;
width: 430px;
}
.fond_and_du+ul a {
font: normal 18px/28px 'Open Sans';
text-decoration: none;
color: #3f474f;
}
.invest ul {
padding-left: 16px;
}
.invest .button {
margin: auto;
margin-top: 35px;
}
.corp__rm .button {
margin: auto;
margin-top: 60px;
}
/*PAI FONDS*/
.info.pai_fonds>div,
.info.pai_fonds figure>div {
width: 1140px;
margin: 93px auto 93px;
}
.pai_fonds div>section,
.pai_fonds div figure>section {
width: 26%;
float: left;
margin-right: 2%;
}
.pai_fonds div>section:last-child,
.pai_fonds div figure>section:last-child,
.pai_fonds div figure .pai_fonds-sect-wide {
width: 46%;
margin-right: 0;
}
.pai_fonds section header {
min-height: 22px;
font: 600 18px/22px 'Open Sans';
padding-bottom: 16px;
border-bottom: 3px solid;
}
.pai_fonds section header a {
color: #000;
}
.pai_fonds .button {
margin: 0 0 0 65px;
}
.pai_list {
padding: 20px 0 23px;
border-top: 1px solid #e5e5e5;
}
.pai_list.rate {
padding: 15px 0 22px;
}
.pai_list:first-child {
border-top: 0;
}
.pai_list a {
color: #000000;
}
.pai_list p {
font: 600 14px/18px 'Open Sans';
color: #000;
margin: 0;
}
.pai_list p:not(.pai_sum) {
text-transform: uppercase;
}
.pai_list .return_rate {
margin-bottom: 0px;
text-transform: none !important;
}
.pai_list .return_rate,
.pai_list .pai_time {
line-height: 22px;
color: #434d56;
opacity: .8
}
.pai_list .pai_time,
.pai_list .pai_sum {
font-weight: normal;
}
.pai_list .pai_time {
padding-left: 20px;
position: relative;
}
.pai_list .pai_time:before {
display: block;
content: '';
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 16px;
background: url(/local/templates/main/css/../img/sprite.png) -7px -395px no-repeat;
}
.pai_num {
position: relative;
float: right;
font: normal 36px/1 'Open Sans';
padding-right: 23px;
margin-top: -3px;
}
.positive {
color: #4b9943;
}
.positive:after {
position: absolute;
top: 3px;
right: 0;
display: block;
content: '';
width: 16px;
height: 8px;
background: url(/local/templates/main/css/../img/sprite.png) -29px -399px no-repeat;
}
.negative {
color: #eb4b4b;
}
.negative:after {
position: absolute;
bottom: 3px;
right: 0;
display: block;
content: '';
width: 0;
height: 0;
background: none;
border: 8px solid transparent;
border-top-color: #eb4b4b;
}
a.with_btn {
display: block;
float: left;
font: 18px/18px 'Open Sans';
text-decoration: none;
color: #7fbaea;
margin: 10px 0 0 -28px;
padding: 5px 25px;
}
.with_btn+button {
margin-left: 65px;
}
/*DIAGRAMMS*/
/*.info:not(.leadership) h2,
.info:not(.trust-m) h2 {
text-align: center;
text-transform: uppercase;
}*/
.diagramms {
padding-bottom: 94px;
border-bottom: 1px solid #ccc;
}
.diagramms .hor_menu,
.center .hor_menu {
margin-top: 45px;
clear: both;
}
.diagramms .risk {
width: 130px;
margin: 105px auto 0;
font: 600 14px/22px 'Open Sans';
color: #366;
text-align: center;
}
/*DIAGRAMMS FILTER*/
.filter-diagramms {
display: block;
margin-top: 40px;
}
.filter-diagramms div:not(.time_filter) {
position: relative;
float: left;
}
.time_filter {
padding: 20px 157px 15px;
}
.filter-diagramms>div {
left: 50%;
}
.filter-diagramms>div>div {
left: -50%;
}
.filter-diagramms h3 {
text-align: center;
}
.filter-diagramms p {
width: 750px;
text-align: center;
color: #9ca8b4;
margin-bottom: 0;
}
.filter-diagramms .with_btn+button {
margin-left: 0;
}
.filter-diagramms p+div {
position: relative;
float: left;
left: 50%;
margin-top: 35px;
}
.filter-diagramms p+div>div {
position: relative;
float: left;
left: -50%;
}
/*D-CONTAINER*/
.d-container {
margin-top: 60px;
display: block;
position: relative;
}
.d-container div {
position: relative;
float: left;
}
.d-container>div {
left: 50%;
}
.d-container>div>div {
left: -50%;
}
.d-container section {
display: inline-block;
vertical-align: middle;
}
.d-container .center {
padding: 0 50px;
}
.d-container>span {
display: block;
position: absolute;
}
.d-container span.left {
top: 0;
left: 0;
}
.d-container span.right {
top: 0;
right: 0;
}
.d-container section:not(.center) {
width: 250px;
}
.d-container .center+section {
font-size: 14px;
line-height: 18px;
}
.d-container .center+section p {
color: #9ca8b4;
margin-top: 0;
margin-bottom: 20px;
}
.d-container .center+section h3+p {
margin-top: 20px;
}
/*INVEST WISELY*/
.invest_wisely {
padding-bottom: 27px;
}
.invest_wisely h1+h2 {
font: 600 18px/22px 'Open Sans';
text-transform: none;
text-align: center;
margin-top: 45px;
}
/*CORPORATE*/
.corporate article {
text-align: center;
}
.corporate {
height: auto;
/*background: url(/local/templates/main/css/../img/info-bg/corporate_invest.png) bottom left no-repeat #fff;*/
}
.corporate ul {
margin-left: 700px;
margin-top: 80px;
}
.corporate li {
font-size: 18px;
line-height: 28px;
}
.corporate ul li:before {
top: 9px;
left: -25px;
}
.corporate .with_btn {
margin-top: 75px;
margin-left: 625px;
}
.corporate .with_btn+button {
margin-top: 65px;
margin-left: 0;
}
/*INVEST VARIANT*/
.invest_variants,
.strategy-trust {
width: 1050px;
margin: 45px auto 80px;
}
.strategy-trust-no_bottom_margin {
width: 1050px;
margin: 45px auto 0px;
}
.strategy-trust {
width: 1140px;
}
.invest_variants section,
.strategy-trust ul {
width: 350px;
float: left;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.strategy-trust ul {
width: 380px;
}
.invest_variants section div+div {
margin-top: 30px;
}
.invest_variants .radio+label {
display: block;
float: left;
font: normal 18px/22px 'Open Sans';
margin-left: 20px;
}
.invest_variants>div {
clear: both;
position: relative;
top: 90px;
padding: 0 72px
}
.invest_wisely .invest_variants h2 {
text-transform: none;
text-align: left;
margin-bottom: 10px;
}
.invest_variants>div>div {
float: left;
}
.invest_variants>div>div:first-child {
width: 372px;
margin-right: 30px;
}
.invest_variants>div>div:first-child+div {
margin-right: 30px;
}
.invest_variants>div>div button {
margin-top: 38px
}
.invest_variants>div>div:first-child>.money.with_input {
width: 372px;
}
.invest_variants>div>div:first-child>.money.with_input+.input_cont {
width: 352px;
}
/*STRATEGY*/
#pia-page-list {
text-align: center;
}
#pia-page-list ul,
#pia-page-list li {
display: inline;
float: none;
}
.grid+.info.strategy h2 {
text-transform: none;
text-align: center;
margin: 45px 0 100px;
}
.strategy-trust ul {
font: 600 18px/20px 'Open Sans';
}
.strategy-trust ul li {
text-transform: uppercase;
padding-right: 50px;
cursor: pointer;
}
.strategy-trust ul li:before {
top: 4px;
left: -20px;
}
.strategy-trust ul li:hover {
color: #0e9800;
-webkit-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
.strategy-trust ul li+li {
margin-top: 30px;
}
/*PIF CALCULATOR*/
.pif_calculator {
padding-bottom: 95px;
border-bottom: 1px solid #ccc;
}
.calc_prev {
text-align: center;
color: #a1aab2;
margin: 35px auto 75px;
}
.calculator,
.calculator.oter {
display: table;
width: 1120px;
margin: 0 auto;
}
.calculator>div {
display: table-row;
}
.calculator>div>div {
display: table-cell;
}
.calculator>div>div+div {
width: 600px;
}
.calculator .calc_num {
width: 34px;
height: 34px;
display: inline-block;
font: normal 24px/35px 'Open Sans';
text-align: center;
color: #9fa4aa;
border-width: 3px;
border-style: solid;
border-radius: 50%;
}
.calculator .calc_num+h2 {
max-width: 80%;
display: inline-block;
margin-left: 20px;
text-transform: none;
text-align: left;
}
.calculator .calc_num,
.calculator .calc_num+h2 {
vertical-align: middle;
}
.calculator>div>div {
vertical-align: middle;
padding-bottom: 30px;
}
.calculator.ver2>div>div {
padding-bottom: 40px;
}
.form_1,
.form_3,
.form_5 {
/*margin-bottom: 30px;*/
}
.lineRadio {
float: left;
margin-right: 35px;
}
.lineRadio .radio {
margin-right: 15px;
}
div.port_res {
width: 50%;
float: left;
}
.pif div.port_res {
width: 52%;
}
span.after_port_res {
position: relative;
float: left;
top: 30px;
}
span.after_port_res>button {
position: relative;
float: left;
left: -50%;
top: 35px;
}
section.port_res {
width: 1140px;
margin: 40px auto 0;
}
/*PIF VARIANT*/
.pif_variant article {
width: 1200px;
height: 415px;
margin: 40px auto;
}
.pif_fond {
padding-bottom: 20px;
}
.pif_fond article {
height: 340px;
margin-bottom: 0px;
}
.pif_variant article+span {
float: left;
position: relative;
left: 50%;
}
.pif_doc {
/*height: 690px;*/
background: url(/local/templates/main/css/../img/info-bg/pif_doc.jpg);
background-size: 100%;
}
.pif_variant article+span>span {
float: left;
position: relative;
left: -50%;
}
.pif_variant article>div {
width: 50%;
height: 100%;
padding: 40px 30px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pif_variant article>div:hover {
background-color: #f5f6f7;
border-radius: 5px;
-webkit-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}
.pif_fond.pif_variant article>div:hover {
background-color: #fff;
-webkit-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}
.pif_variant article>div div {
display: inline-block;
vertical-align: middle;
}
.pif_variant article>div div:first-child {
width: 270px;
}
.pif_variant article>div div+div {
width: 265px;
}
.pif_variant article p {
font-size: 14px;
line-height: 20px;
color: #8a9199;
}
.info.pif_variant article h2 {
text-align: left;
text-transform: none;
}
.pif_variant .with_btn+button {
margin-left: 0;
}
/*INTERNSHIP*/
.internship {
height: 780px;
background: url(/local/templates/main/css/../img/info-bg/internship.jpg) bottom right no-repeat;
}
.internship article {
margin-top: 40px;
}
.info.internship h2 {
width: 1040px;
margin: 0 auto 80px;
text-transform: none;
}
.info.internship ul {
width: 475px;
margin-left: 130px;
}
.info.internship a.with_btn {
margin-left: 135px;
margin-top: 73px;
}
.info.internship a.with_btn+button {
margin-top: 65px;
margin-left: 0;
}
.internship+.contact_us h2 {
padding-top: 140px;
}
#traineeship_send_resume {
margin-left: 225px;
}
/*GRID
1.B-LITTLE
2.B-HALF
3.B-MEDIUM-DOUBLE
4.B-LARGE-HOR
5.GRID COLORS
6.GRID SLIDER
7.OTHER IN GRID
8.LINES
*/
main>.grid>div,
main>.grid a>div,
main>.grid figure>div,
main>.grid figure a>div {
margin: 0 auto;
}
.grid>div,
.grid a>div,
.grid figure>div,
.grid figure a>div {
float: left;
position: relative;
overflow: hidden;
}
.grid a>div>div,
.grid>.b-fix>div a>div,
.grid>div a>.bg_wrapper>.background,
.grid>.b-fix>div a>.bg_wrapper>.background,
.grid>div>div,
.grid>.b-fix>div>div,
.grid>div>.bg_wrapper>.background,
.grid>.b-fix>div>.bg_wrapper>.background,
.grid figure a>div>div,
.grid figure>.b-fix>div a>div,
.grid figure .bg_wrapper>.background,
.grid figure .bg_wrapper>.background,
.grid figure>div>div,
.grid figure>.b-fix>div>div,
.grid figure .bg_wrapper>.background,
.grid figure>.b-fix .bg_wrapper>.background {
width: 100%;
/*transform: translateZ(0);*/
position: absolute;
top: 0;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.dynamics__inner {
padding: 15px 30px 20px 30px !important;
height: 260px;
}
.grid>div>.bg_wrapper>.background,
.grid a>div>.bg_wrapper>.background,
.grid>.b-fix>div>.bg_wrapper>.background,
.grid figure .bg_wrapper>.background,
.grid figure>.b-fix .bg_wrapper>.background {
width: 101%;
}
.grid div {
position: relative;
z-index: 2;
}
.bg_wrapper,
.grid .bg_wrapper {
width: 101% !important;
height: 100%;
z-index: 0;
background-position: 50% 50%;
background-size: cover;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
figure .bg_wrapper {
z-index: 0;
}
.grid>div:hover .bg_wrapper,
.grid>figure:hover .bg_wrapper {
/*-webkit-transform: scale(1.1);*/
/*-moz-transform: scale(1.1);*/
/*-ms-transform: scale(1.1);*/
/*-o-transform: scale(1.1);*/
/*transform: scale(1.1);*/
}
.b-little h2 {
font: 600 72px/1 'Open Sans' !important;
}
.b-little.l-green div h2 {}
.grid figure .d-orange>div {
padding: 34px 38px 0;
}
.grid>div>div,
.grid a>div>div,
.grid figure>div>div,
.grid figure a>div>div {
padding: 35px 29px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: -0.42px;
}
.grid .popup-ajax,
.grid .block-url {
cursor: pointer;
}
.b-little h2,
.b-medium-double h2,
.b-large-hor h2.num {
font: 600 72px/90px 'Open Sans';
color: #fff;
}
.b-little h2 span,
.b-medium-double h2 span,
.pai_after.grid .b-large-hor h2.big span,
.b-large-hor h2.num span {
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
width: 51px;
margin-top: 8px;
padding-bottom: 2px;
border-bottom: 1px solid;
display: inline-block;
vertical-align: top;
}
.pai_after.grid .b-large-hor h2.big span {
width: 67px;
}
.b-little p,
.grid div p {
font: 600 14px/20px 'Open Sans';
color: #fff;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 0;
display: inline-block;
padding-right: 7px;
margin-left: 5px;
letter-spacing: 0.1px !important;
}
/*
.grid div p + h1, .b-large-hor h1.num {
margin-top: 25px;
color: #aae74a;
}*/
/*B-LITTLE*/
.grid>.b-little>div {
padding: 25px 15px 0 25px;
}
.b-little {
width: 25%;
height: 262px;
}
.b-little h2.small {
font-size: 36px;
line-height: 40px;
}
/*B-HALF*/
.green_rm {
background: #369a1e !important;
}
.b-half {
width: 25%;
height: 260px;
}
.b-half h2 {
font: 600 54px/1 'Open Sans';
color: #fff;
}
.b-half p {
width: 57%;
font: 600 14px/22px 'Open Sans';
color: #fff;
text-transform: uppercase;
}
.b-half h2+p {
margin-top: 12px;
}
/*B-MEDIUM-DOUBLE*/
.b-medium-double {
width: 50%;
height: 520px;
float: left;
}
.paginator {
top: 470px !important;
left: 105px !important;
}
.arrow {
display: none;
}
.b-medium-double p {
display: block;
clear: both;
width: 450px;
}
.b-medium-double h2.big {
margin-bottom: 17px;
}
.main_page .b-medium-double {
/*background: url(/local/templates/main/css/../img/grid-bg/main_page-top.png) no-repeat;*/
/*background-size: 105%;*/
}
/*B-LARGE-HOR*/
.b-large-hor {
width: 75%;
height: 524px;
/*padding: 131px 0 0 110px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-large-hor h2 {
text-transform: uppercase;
color: #fff;
width: 100%;
max-width: 440px;
}
.b-large-hor h2 {
margin-top: -13px;
color: #3f474f;
width: 80%;
}
.num_rm .num_plus {
font: 72px/1 'Open Sans';
color: rgb(53, 57, 67);
font-weight: bold;
text-transform: uppercase;
}
.num_rm sup {
font: 14px 'Open Sans';
color: rgb(53, 57, 67);
font-weight: bold;
text-transform: uppercase;
position: absolute;
top: 49px;
width: 55px;
margin-left: 19px;
}
.rm_block_left .num sup {
font: 36px 'Open Sans';
color: rgb(53, 57, 67);
font-weight: bold;
text-transform: uppercase;
line-height: 0.649;
top: -0.7em;
margin-left: 14px;
}
.num_rm p {
font: 14px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
font-weight: bold !important;
text-transform: uppercase !important;
line-height: 1.385 !important;
max-width: 285px;
}
.rm_block_left {
display: inline-block;
max-width: 300px;
vertical-align: top;
}
.rm_block_left p {
font: 14px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
font-weight: bold !important;
text-transform: uppercase !important;
line-height: 20px !important;
margin-top: 11px !important;
margin-left: 2px !important;
}
.command+.grid .b-large-hor {
float: right;
}
/*GRID COLORS*/
.blue {
background-color: #4b9ee0;
}
.blue.b-little {
background: #4b9ee0
}
.d-green {
background-color: #0e9800;
}
.l-green {
background: url(/local/templates/main/css/../img/index/20.jpg) no-repeat;
}
.orange {
background-color: #ff7300;
}
.d-orange {
background: url(/local/templates/main/css/../img/index/34,7.jpg) no-repeat;
}
.grey {
background-color: #9ca8b4;
}
/*GRID SLIDER*/
.b-large-hor.blue .slide_news {
display: block;
position: absolute;
z-index: 13;
top: 0;
bottom: 0;
right: 70px;
left: auto;
width: 70px;
height: 122px;
text-align: center;
padding: 0;
margin: auto 0;
}
.slide_news span {
display: block;
width: 24px;
height: 14px;
margin: 0 auto;
cursor: pointer;
}
.slide_top {
background: url(/local/templates/main/css/../img/sprite.png) -5px -95px no-repeat;
}
.slide_bottom {
background: url(/local/templates/main/css/../img/sprite.png) -5px -112px no-repeat;
}
.slide_news .slide_num {
font: 600 26px/26px 'Open Sans';
color: #fff;
padding: 32px 0;
}
/*OTHER IN GRID*/
.al_rate {
z-index: 2;
font-size: 14px;
line-height: 22px;
font-weight: 600;
text-transform: uppercase;
color: #a2e735;
cursor: pointer;
position: absolute;
left: 65px;
bottom: 65px;
}
.info.command div {
margin-top: 93px;
}
/*.b-little.d-orange.vert_line:not(.stub) p {
width: 180px;
}
.main_page .b-little.d-orange.vert_line p {
width: 230px;
}
.work_with_us + section p {
width: 241px;
}
.work_with_us + section > div:last-child p {
width: 230px;
}*/
.main_page .b-medium-double h1.big,
.corp_page .b-medium-double h1.big {
font: 600 72px/63px 'Open Sans';
color: #fff;
float: left;
border-style: solid;
border-width: 1px 1px 0 0;
padding: 30px 30px 0 0;
}
.info_center .b-medium-double div {
padding: 40px 40px 0 65px;
}
.info_center .more_articles {
left: 110px;
bottom: 45px;
right: auto;
}
.main_page .b-medium-double div:not(.img_wrapper-grid),
.corp_page .b-medium-double div:not(.img_wrapper-grid) {
padding: 40px 20px 20px 65px;
}
.grid .pre_article {
padding-top: 34px;
padding-left: 48px;
color: #fff;
}
.max_height_pointer_of_view_rm .know_more {
margin: auto;
width: 55%;
}
.pre_article h3 {
font: normal 14px/22px 'Open Sans';
text-transform: uppercase;
color: #fff;
font-weight: 300;
margin: 0 0 25px;
letter-spacing: 0.48px;
position: relative;
}
.max_height_pointer_of_view_rm {
max-height: 92px;
overflow: hidden;
text-overflow: ellipsis;
position: relative !important;
display: block !important;
bottom: 1px !important;
left: 0 !important;
}
.max_height_pointer_of_view_rm>p {
max-height: 92px;
text-overflow: ellipsis;
overflow: hidden;
}
.pre_article .img_wrapper-grid,
.img_wrapper-grid {
width: 92px;
height: 92px;
border-radius: 50%;
overflow: hidden;
margin-right: 30px;
}
.pif-p .img_wrapper-grid {
width: 130px;
height: 130px;
position: absolute;
top: 35px;
left: 40px;
}
.pif-p .img_wrapper-grid img {
width: 130px;
}
.grid .pre_article p {
width: 75%;
margin: 0;
text-transform: none;
margin-left: -2px;
font-size: 18px;
line-height: 26px;
font-weight: 300;
margin-top: 4px;
}
.grid.info_center .b-medium-double .pre_article p {
width: 95%;
}
.grid.info_center .pre_article h2+p {
margin-top: 65px;
}
.pre_article .know_more {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
.know_more a {
color: #fff;
}
.more_articles,
.more_articles_default {
position: absolute;
bottom: 25px;
right: 25px;
color: #a2e735;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
font-weight: 600;
z-index: 2;
}
.arrow {
position: absolute;
bottom: 30px;
right: 30px;
font-size: 54px;
color: #fff;
font-weight: 600;
cursor: pointer;
}
.pai_after.grid .b-large-hor {
float: right;
}
.pai_after.grid .b-large-hor div {
padding: 56px 0 0 0px;
}
.rm_padding {
padding: 54px 0 0 50px !important;
}
.rm_padding>div:nth-child(3) {
padding: 53px 0 0 0px !important;
margin-right: 38px !important;
}
.rm_padding>div:nth-child(4) {
padding: 53px 0 0 0px !important;
}
.h1_rm {
padding-left: 4px;
}
.pai_after_static.grid .b-large-hor div {
padding: 43px 35px 0;
}
.pai_after.grid .b-large-hor h1:not(.num) {
color: #fff;
}
.rm_padding .big_text {
margin-left: 25px !important;
margin-top: 1px !important;
font-weight: 700 !important;
}
.pai_after.grid .b-large-hor .in_order {
font-size: 14px;
line-height: 23px;
margin-top: 35px;
}
.pai_after.grid .b-large-hor h2.big {
font: 700 72px/56px 'Open Sans';
color: rgb(53, 57, 67);
margin-top: 0px;
display: inline-block;
width: auto;
}
.big_text {
vertical-align: top;
margin: 0 !important;
color: rgb(53, 57, 67) !important;
max-width: 350px;
margin-left: 27px !important;
margin-top: -5px !important;
letter-spacing: -0.3px !important;
}
.pai_after.grid .b-large-hor .al_rate {
left: 145px;
}
.pai_after.grid .b-little img {
width: 105%;
}
.corporate_after.grid h2 {
text-transform: uppercase;
line-height: 22px;
color: #fff;
}
.center+.grid p.small,
.corporate_after.grid p.small {
font-size: 18px;
line-height: 25px;
text-transform: none;
font-weight: normal;
color: #fff;
}
/*.corporate_after.grid .b-large-hor + .b-little p {
width: 200px;
}
.corporate_after.grid .b-little.grey p {
width: 245px;
}*/
.corporate_after.grid .b-little.vert_line:after,
.pif-p.grid .b-little.vert_line:after {
right: auto;
left: -32px;
background-color: #89ce1d;
}
.corporate_after.grid .b-large-hor>div {
padding: 40px 65px 0 65px;
}
.corporate_after.grid .b-large-hor h2 {
margin-top: 0;
color: #fff;
}
.corporate_after.grid .b-large-hor h2+p {
margin-top: 35px;
}
.corporate_after.grid .b-large-hor p.small {
margin-top: 8px;
}
.corporate_after.grid .b-large-hor p.small+p,
.center+.grid .b-large-hor p.small+p {
margin-top: 35px;
}
.corporate_after.grid .b-large-hor p.small a,
.center+.grid .b-large-hor p.small a {
color: #89ce1d;
}
.corporate_after.grid .b-large-hor p.small a.popup-ajax {
margin-left: 15px;
}
.info_center .vert_line:after,
.center+.grid .vert_line:after {
left: -32px;
right: auto;
background-color: #83cb13;
}
.map_after.grid .b-medium-double {
float: right;
}
.map_after.grid .b-little img {
width: 106%;
}
.map_after.grid .b-medium-double .bg_wrapper img {
width: 106%;
}
.map_after.grid .b-medium-double>div {
padding: 34px 40px 0 40px;
max-width: 640px;
}
.map_after.grid .b-medium-double h3 span {
color: #aae74a;
}
.pre_article .hr {
display: block;
content: '';
width: 120px;
height: 3px;
margin: 52px 0 26px;
padding: 0 !important;
background-color: #fff;
}
.map_after.grid .b-medium-double .pre_article>p {
width: 95%;
margin-left: 0;
}
.pre_article .img_wrapper-grid,
.pre_article .img_wrapper-grid+p,
.pre_article .img_wrapper-grid+h3 {
display: inline-block;
vertical-align: middle;
}
.pre_article>span {
display: block;
vertical-align: middle;
}
.personal_new {
margin-top: 25px;
bottom: 60px;
left: 35px;
margin-left: -9px;
}
.personal_new h3 {
max-width: 75%;
margin-bottom: 0;
font-weight: 300;
}
.carier+.grid .b-large-hor {
float: left;
}
.carier+.grid .b-little:not(.stub) h1 {
font-size: 36px;
line-height: 34px;
}
.carier+.grid .b-little>div {
height: 272px;
}
.carier+.grid .b-little .position_status {
width: 100px;
position: absolute;
bottom: 32px;
left: 38px;
font: 600 14px/24px 'Open Sans';
}
.carier+.grid .b-little.vert_line:after {
right: auto;
left: -32px;
}
.carier+.grid .b-large-hor>div {
padding: 70px 110px;
}
.carier+.grid .b-large-hor img {
width: 105%;
}
.carier+.grid .b-large-hor p {
width: 600px;
font-size: 18px;
font-weight: normal;
text-transform: none;
margin-bottom: 0;
}
.carier+.grid .b-large-hor p+p {
margin-top: 20px;
}
.carier+.grid .b-large-hor h1+p {
margin-top: 25px;
}
.carier+.grid .b-large-hor button {
margin-top: 55px;
}
.carier+.grid .all_position {
color: #fff;
position: relative;
padding-left: 60px;
padding-right: 60px;
top: 60px;
left: -35px;
}
.carier+.grid .all_position:after {
width: 12px;
height: 12px;
display: block;
content: '';
position: absolute;
top: 5px;
left: 37px;
background: url(/local/templates/main/css/../img/sprite.png) -4px -499px no-repeat;
}
/*NEWS*/
.b-half.b-news .b-news__box {
padding-top: 14px;
}
.b-half.b-news .b-news__heading {
font: 300 36px/50px 'Open Sans';
margin-left: -3px;
}
.b-half.b-news p {
width: 100%;
}
.b-half.b-news a .b-news__title {}
.b-half.b-news .b-news__title {
display: inline-block;
font-weight: 400;
max-width: -moz-calc(100% - 25px);
max-width: -webkit-calc(100% - 25px);
max-width: calc(100% - 25px);
/* 100% - ">>" */
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
max-height: 126px;
color: #fff;
}
.b-half.b-news .b-news__date {
color: #a2e735;
}
.b-half.b-news .small {
margin-top: 4px;
text-transform: none;
max-height: 125px;
line-height: 25px;
}
.b-half.b-news .al_rate {
bottom: 22px;
left: 31px;
}
.small .b-news__title .popup-ajax {
color: #fff;
}
.small .b-news__title .popup-ajax:hover {
color: #a2e735;
}
.b-half.b-news .popup-ajax {
color: #a2e735;
font-weight: normal;
}
.b-half.b-news .popup-ajax:hover {
opacity: .6;
-webkit-transition: opacity .4s ease .4s;
-moz-transition: opacity .4s ease .4s;
-o-transition: opacity .4s ease .4s;
transition: opacity .4s ease .4s;
}
/*LINES*/
.vert_line:after {
display: block;
content: '';
position: absolute;
top: 0;
right: -32px;
width: 32px;
height: 100%;
z-index: 100;
}
.hor_line:after {
display: block;
content: '';
position: absolute;
bottom: -32px;
left: 0;
width: 100%;
height: 32px;
z-index: 100;
}
.b-little.d-orange.vert_line:after {
background-color: #ffae00;
}
.main_page .b-little.hor_line:after {
background-color: #93f6ff;
}
/*CONTACT US*/
.contact_us {
width: 100%;
height: 400px;
background: #54a3e2;
}
.contact_us h2 {
text-transform: uppercase;
text-align: center;
color: #fff;
padding: 95px 15px 33px;
}
.contact_us span.phone {
display: block;
font: 600 72px/72px 'Open Sans';
text-align: center;
color: #fff;
margin-bottom: 38px;
}
.contact_us a {
color: #fff;
}
.contact_us button {
font-weight: normal;
margin: 0 auto;
}
.btn_c_fix {
display: block;
float: left;
position: relative;
left: 50%;
}
.btn_c_fix button {
display: block;
position: relative;
float: left;
left: -50%;
}
/*TOWN SWITCHER*/
.town_switcher_big {
position: relative;
float: right;
width: 300px;
font: 600 14px/24px 'Open Sans';
text-transform: uppercase;
color: #000;
border: 1px solid #d5dcde;
border-radius: 3px;
cursor: pointer;
}
.switcher_select {
padding: 10px 17px 9px 20px;
}
.switcher_select:after {
display: inline-block;
content: '';
width: 22px;
height: 12px;
float: right;
margin-top: 4px;
margin-left: 20px;
background: url(/local/templates/main/css/../img/sprite.png) -6px -130px no-repeat;
}
.switcher_layout {
display: none;
width: 100%;
max-height: 246px;
background-color: #fff;
border: 1px solid #abb1b3;
position: absolute;
top: 51px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 150;
border-radius: 3px;
}
/* .town_switcher_big.is-open .switcher_layout {
display: block;
} */
.switcher_layout section {
position: relative;
padding: 10px 20px 9px 20px;
font: 600 14px/22px 'Open Sans';
text-transform: uppercase;
color: #000;
}
.switcher_layout section:hover {
background-color: #dce4e6;
-webkit-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}
.switcher_layout section.active {
background-color: #0e9800;
color: #fff;
position: relative;
}
.switcher_layout section.active:after {
width: 12px;
height: 10px;
display: block;
content: '';
position: absolute;
top: 15px;
right: 25px;
background: url(/local/templates/main/css/../img/sprite.png) -38px -432px no-repeat;
}
/*HORIZONTAL MENU*/
.hor_menu {
position: relative;
float: left;
left: 50%;
}
.hor_menu span {
display: block;
position: relative;
float: left;
left: -50%;
}
.hor_menu a {
display: block;
float: left;
padding: 9px 20px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font: 600 14px/22px 'Open Sans';
text-transform: uppercase;
text-decoration: none;
color: #000;
}
.hor_menu a:first-child {
border-left: 1px solid #ccc;
border-radius: 3px 0 0 3px;
}
.hor_menu a:last-child {
border-right: 1px solid #ccc;
border-radius: 0 3px 3px 0;
}
.hor_menu a.active {
color: #fff;
}
.hor_menu.m-blue a.active {
background-color: #54a3e2;
border-color: #54a3e2;
}
.hor_menu.m-blue a:not(.active):hover {
color: #54a3e2;
-webkit-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
/*RADIO*/
.radio {
display: block;
float: left;
position: relative;
width: 24px;
height: 24px;
}
.checkbox {
display: block;
float: left;
position: relative;
width: 28px;
height: 26px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
visibility: hidden;
}
.radio input[type="radio"]+span,
.checkbox input[type="checkbox"]+span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
background: url(/local/templates/main/css/../img/sprite.png) -9px -191px no-repeat #fff;
cursor: pointer;
}
.checkbox input[type="checkbox"]+span {
border-radius: 0;
background-position: -9px -284px;
}
.checkbox:hover input[type="checkbox"]+span {
background-position: -9px -316px;
}
.checkbox input[type="checkbox"]:checked+span {
background-position: -9px -347px;
}
.radio input[type="radio"]+span {
background: none;
border: 2px solid #bcc7d0;
-webkit-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
.radio input[type="radio"]+span:before {
position: absolute;
opacity: 0;
content: '';
left: 0;
top: 0;
background: #bcc7d0;
width: 12px;
height: 12px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
/*.radio:hover input[type="radio"] + span {
background-position: -9px -222px;
}*/
.radio:hover input[type="radio"]+span:before {
opacity: 1;
}
.radio:hover input[type="radio"]+span {
background-position: -9px -222px;
}
.radio input[type="radio"]:checked+span {
border-color: #0e9800;
}
.radio input[type="radio"]:checked+span:before {
background-color: #0e9800;
opacity: 1;
}
/*DROPDOWN*/
.dropdown {
max-width: 540px;
font: normal 18px/22px 'Open Sans';
color: #3f474f;
position: relative;
}
.calculator .dropdown .drop_face,
.dropdown-std .drop_face {
height: 50px;
position: relative;
padding: 14px 30px;
background-color: #eff7f8;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.calculator.ver2 .dropdown .drop_face,
.dropdown-std2 .drop_face {
height: 60px;
padding: 19px 40px 19px 30px;
}
.is-open .drop_face {
padding: 13px 29px;
border: 1px solid #238900;
}
.calculator.ver2 .is-open .drop_face,
.dropdown-std2 .is-open .drop_face {
padding: 18px 39px 18px 29px;
}
.dropdown .drop_layout {
display: none;
min-width: 100%;
max-height: 320px;
border-radius: 5px;
position: absolute;
left: 0;
top: 70px;
background-color: #eff7f8;
border: 1px solid #238900;
box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
z-index: 100;
}
.dropdown .drop_layout section {
white-space: nowrap;
height: 50px;
padding: 14px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.dropdown .drop_layout section.active {
background-color: #0e9800;
color: #fff;
position: relative;
}
.dropdown .drop_layout section.active:after {
width: 12px;
height: 10px;
display: block;
content: '';
position: absolute;
top: 50%;
right: 20px;
margin-top: -5px;
background: url(/local/templates/main/css/../img/sprite.png) -38px -432px no-repeat;
}
.dropdown .drop_layout section:hover {
background-color: #cfe2e6;
-webkit-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}
.dropdown .drop_layout section.active:hover {
background-color: #0e9800;
color: #fff;
-webkit-transition: background-color color 0.4s ease;
-o-transition: background-color color 0.4s ease;
transition: background-color color 0.4s ease;
}
.dropdown .drop_layout section:last-child {
border-radius: 0 0 5px 5px;
}
.drop_arrow {
position: absolute;
top: 50%;
margin-top: -14px;
right: 20px;
display: block;
width: 12px;
height: 28px;
background: url(/local/templates/main/css/../img/sprite.png) -7px -423px no-repeat;
}
.is-open .drop_arrow {
background-position: -22px -423px;
}
/*PERCENT LINE*/
.percent_radios {
position: relative;
top: 10px;
width: 600px;
height: 60px;
padding-bottom: 20px;
}
.percent_radios .percent_line {
display: block;
content: '';
width: 600px;
height: 3px;
position: absolute;
top: 0px;
left: 0px;
background: url(/local/templates/main/css/../img/percent-radio.png);
background-size: 100%;
}
.percent_radio {
position: absolute;
top: -11px;
left: 0;
}
.percent_radio label {
display: block;
float: none;
}
.percent_radio label+label {
font-size: 14px;
line-height: 16px;
width: 100px;
margin-top: 10px;
margin-left: -20px;
}
.percent_line+.percent_radio label+label {
margin-left: 0;
}
.percent_radio:last-child label+label {
margin-left: 0px;
text-align: right;
}
.percent_radio+.percent_radio {
left: 184px;
}
.percent_radio+.percent_radio+.percent_radio {
left: 368px;
}
.percent_radio:last-child {
right: 0;
left: auto !important;
}
.percent_radio:last-child .radio {
left: 76px;
}
/*SIMPLE HORIZONTAL SLIDER*/
.ui-slider-horizontal {
height: 3px;
top: 28px;
background-color: #e4eced;
}
.ui-widget-header {
background-color: #0e9800;
}
.ui-slider .ui-slider-handle {
cursor: pointer;
width: 33px;
height: 49px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -15px;
}
.ui-slider-horizontal .ui-slider-handle:focus {
outline: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background: url(/local/templates/main/css/../img/rate-field.png);
}
.without_input {
width: 460px;
float: left;
}
.filter-diagramms .without_input {
width: 325px;
}
.filter-diagramms .without_input+.input_cont {
float: left;
margin-left: 25px;
}
.without_input {
height: 40px;
border-top: 3px solid #e4eced;
background: none;
}
.without_input .ui-slider-range {
top: -3px;
height: 3px;
}
.without_input .ui-slider-handle {
top: -20px;
}
.without_input+.input_cont {
width: 130px;
float: right;
position: relative;
}
.without_input+.input_cont {
width: 110px;
float: right;
padding: 10px 0;
background-color: #eff7f8;
}
.without_input+.input_cont input {
width: 86%;
padding-right: 10%;
font: normal 36px/1 'Open Sans';
text-align: center;
border: none;
background-color: transparent;
}
.without_input+.input_cont span:first-child {
position: absolute;
top: 22px;
left: 20px;
font-size: 26px;
line-height: 1;
}
.without_input+.input_cont span:last-child {
position: absolute;
top: 28px;
left: 64px;
font-size: 18px;
line-height: 18px;
}
.percent+.input_cont span:last-child {
top: 18px;
left: 70px;
}
.without_input+.input_cont:before {
content: '';
position: absolute;
left: -20px;
top: 20px;
border: 10px solid transparent;
border-right: 10px solid #eff7f8;
}
.step {
display: block;
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 6px;
background-color: #0e9800;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.step.hide {
width: 0;
}
.step span,
.step.hide span {
position: absolute;
padding: 15px;
top: 0;
left: -30px;
width: 50px;
height: 28px;
font: normal 14px/28px 'Open Sans';
color: #bac2ca;
}
.year .step[data-index='0'] span {
left: -15px;
padding-left: 0;
}
.year .step[data-index='last'] span {
padding-right: 26px;
}
.year .step+.step {
left: 80px;
background-color: #e4eced;
}
.year .step+.step+.step {
left: 160px;
}
.year .step+.step+.step+.step {
left: 240px;
}
.year .step+.step+.step+.step+.step {
left: 320px;
}
.year .step+.step+.step+.step+.step+.step {
left: 400px;
}
.percent .step+.step {
left: 14%;
background-color: #e4eced;
}
.percent .step+.step+.step {
left: 38%;
}
.percent .step+.step+.step+.step {
left: 73%;
}
.step:hover {
cursor: pointer;
}
.step:hover span {
color: #8A9199;
}
/*HORIZONTAL SLIDER*/
.with_input+.input_cont {
width: 280px;
position: relative;
padding: 10px;
background-color: #eff7f8;
}
.with_input+.input_cont input {
width: 80%;
padding-right: 20%;
font: normal 36px/1 'Open Sans';
text-align: left;
border: none;
outline: none;
background-color: transparent;
}
.with_input+.input_cont span:last-child {
position: absolute;
top: 25px;
right: 20px;
font-size: 18px;
line-height: 18px;
}
.money.with_input {
width: 300px;
top: 64px;
z-index: 1;
}
/*LAYOUT*/
.layout_wrapper {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2000;
}
.layout_wrapper .popup_bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0.6;
z-index: 200;
}
.layout_wrapper .popup {
width: 640px;
height: 100%;
position: absolute;
top: 0;
right: -640px;
bottom: 0;
background-color: #fff;
opacity: 1;
z-index: 201;
color: #353943;
}
.layout_wrapper .popup>div {
width: 640px;
height: 100%;
padding: 0 60px 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.layout_wrapper .popup>div>div:first-child {
padding-top: 60px;
}
.popup h1 {
font: 600 36px/40px 'Open Sans';
margin: 0;
}
.popup h2 {
font: 600 26px/40px 'Open Sans';
margin: 0;
}
.popup p {
font: normal 18px/27px 'Open Sans';
margin: 0;
}
.popup p+p {
margin-top: 10px;
}
.popup h1+p,
.popup h1+ul,
.popup h2+p,
.popup h2+ul {
margin-top: 15px;
}
.popup p+h1,
.popup p+h2 {
margin-top: 55px;
}
.popup p+ul {
margin-top: 25px;
}
.popup li:before {
top: 6px;
left: -25px;
}
.popup li+li {
margin-top: 35px;
}
.popup p+button,
.popup ul+button {
margin-top: 45px
}
.c_grey {
color: #9ca8b4;
}
.c_grey2,
.c_grey2 h3 {
color: #585f67;
}
.popup_button {
position: absolute;
top: 0;
right: -60px;
width: 60px;
height: 60px;
background: url(/local/templates/main/css/../img/popup_button.png) no-repeat;
cursor: pointer;
z-index: 201;
}
/*FAQ*/
.faq h1 {
margin-bottom: 40px;
}
.contacts h1 {
margin-bottom: 50px;
}
.contacts h1 {
text-align: center;
}
.search_line {
position: relative;
margin-bottom: 28px;
}
.search_line input,
.search_big input {
float: left;
width: 335px;
padding: 19px 60px 19px 25px;
font: normal 18px/22px 'Open Sans';
color: #3f474f;
background-color: #eff7f8;
border-radius: 3px;
border: 0;
outline: 0;
}
.search_big input {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.search_line:before {
width: 24px;
height: 24px;
display: block;
content: '';
position: absolute;
top: 18px;
left: 370px;
background: url(/local/templates/main/css/../img/sprite.png) -5px -520px no-repeat;
}
.search_line p {
font-size: 18px;
line-height: 21px;
width: 340px;
margin: 0 0px 0 70px;
float: left;
position: relative;
top: -2px;
}
.search_line button {
float: right;
padding: 19px 30px;
}
.sort_line {
padding: 29px 25px 21px;
border-top: 1px solid #e3e7ea;
border-bottom: 1px solid #e3e7ea;
}
.sort_line>* {
float: left;
}
.sort_line p {
color: #4b9ee0;
border-bottom: 1px dashed;
font-size: 18px;
line-height: 22px;
margin: 0;
cursor: pointer;
}
.sort_line p.active {
color: #000;
border-bottom: 0px none;
cursor: default;
}
p.sort_num {
float: right;
font-weight: 600;
cursor: default;
color: #000;
border: 0 none;
}
.sort_switcher {
width: 60px;
height: 32px;
display: inline-block;
margin: 0 20px;
background: #eff7f8;
top: 0;
cursor: pointer;
border-radius: 18px;
position: relative;
top: -2px;
}
.sort_switcher:before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translate(5px, -50%);
width: 22px;
height: 22px;
background: url("/local/templates/main/img/switch_handle.svg") no-repeat;
background-size: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border-radius: 100%;
box-shadow: 0px 5px 2px -2px #ccc;
}
.sort_switcher.right:before {
transform: translate(32px, -50%);
}
.faq>div>div:not(.sort_switcher),
.contacts>div>div:not(.sort_switcher) {
padding: 30px 25px 60px;
}
.faq section>header h2,
.contacts section>header h2 {
display: inline;
text-transform: uppercase;
border-bottom: 1px dashed #c2c3c6;
cursor: pointer;
}
.faq section header,
.faq section article,
.contacts section header {
position: relative;
padding-left: 32px;
}
.faq section article {
display: none;
}
.faq section header:before,
.contacts section header:before {
width: 22px;
height: 22px;
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
background: url('/local/templates/main/img/question_grey.svg') no-repeat;
cursor: pointer;
background-size: 100% !important;
}
.faq section article>div {
margin: 0;
padding-top: 18px;
}
.faq section.open header:before {
background: url('/local/templates/main/img/question_green.svg') no-repeat;
}
.faq section article:before {
width: 22px;
height: 22px;
display: block;
content: '';
position: absolute;
top: 19px;
left: 0;
background: url("/local/templates/main/img/exclamation_grey.svg") no-repeat;
background-size: 100% !important;
}
.faq section+section {
margin-top: 35px;
}
.bottom_map+.main_page .pre_article {
height: 100%;
}
/*CORPORATE*/
.contact_us+.grid .b-medium-double {
float: right;
}
.contact_us+.grid .b-medium-double .pre_article {
padding: 40px 15px 0 38px;
}
.corp_page .b-little>div,
.pif .b-little>div {
height: 100%;
}
.pif h1+h2 {
font-size: 1em;
text-transform: none !important;
margin: 2em 0 2.25em;
color: #333;
}
.pre_article {
height: 100%;
}
.corp_page .b-little.hor_line:after {
background-color: #6ee9f9;
opacity: 0.7;
}
.s-head {
position: absolute;
bottom: 32px;
left: 38px;
font-size: 14px;
line-height: 23px;
text-transform: uppercase;
}
.img_wrapper-grid+.s-head {
font-size: 18px;
}
.img_wrapper-grid+.s-head .post_s {
font-size: 14px;
font-weight: 200;
}
.grid .pre_article .s-head,
.grid .pre_article .b-head {
font-size: 54px;
line-height: 50px;
font-weight: 600;
}
.disposal+.grid .b-half div {
padding-top: 35px;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.disposal+.grid .b-half h2 {
text-transform: uppercase;
color: #fff;
}
.disposal+.grid .b-half p {
width: 530px;
font-size: 18px;
line-height: 25px;
font-weight: normal;
text-transform: none;
color: #fff;
position: absolute;
bottom: 32px;
left: 35px;
}
/*DISPOSAL*/
.disposal {
height: 390px;
}
.invest_str {
height: 1170px;
}
.disposal h1,
.invest_str h1,
.pif_calculator h1 {
padding-top: 93px;
}
.disposal p,
.invest_str p {
width: 830px;
margin: 45px auto 0;
text-align: center;
color: #a1aab2;
}
.corp_page .pre_article .hr+p {
width: 90%;
}
.invest_str article {
width: 970px;
margin: 70px auto 0;
}
.invest_str article section {
width: 50%;
float: left;
}
.invest_str h3,
.info_center:not(.grid) h3,
.pif_center h3 {
font-size: 14px;
text-transform: uppercase;
color: #000;
/*margin: 30px 0 20px;*/
}
.fund-group h3 {
margin-bottom: 10px;
}
.invest_str .hr,
.info_center .hr,
.pif_center .hr,
.pif_doc .hr {
content: '';
width: 90%;
height: 3px;
background-color: #000;
margin: 15px 0 20px;
display: none;
}
.invest_str section p,
.info_center section p,
.pif_center section p,
.info_center section p a {
width: 90%;
margin-top: 0;
margin-left: 0;
font-size: 14px;
line-height: 20px;
text-transform: none;
text-align: left;
color: #9ca8b4;
font-weight: lighter;
cursor: pointer;
}
.info_center section p a:hover {
color: #434e59 !important;
}
.info_center .hr,
.info_center section p,
.pif_center .hr,
.pif_center section p,
.pif_doc .hr {
width: 80%;
}
.invest_str section p:hover,
.info_center section p:hover,
.pif_center section p:hover {
color: #0e9800;
-webkit-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
.invest_str section p+p,
.info_center section p+p,
.pif_center section p+p {
margin-top: 20px;
}
.invest_str section div .info_center section div,
.pif_center section div {
margin-bottom: 30px;
}
.pif_center,
.info.pif .info_center {
margin: 40px auto 0;
}
/*VIDEO*/
.video {
width: 413px;
height: 226px;
border: 3px solid #0e9800;
margin-right: 105px;
}
.video+div {
width: 460px;
}
.center article>p {
margin-bottom: 45px;
}
.video+div p {
color: #9ca8b4;
margin-top: 30px;
}
.video,
.video+div,
.v-menu,
.v-menu+div {
float: left;
}
.v-menu {
width: 55%;
}
.v-menu+div {
width: 45%;
}
.v-menu {
padding-right: 30px;
clear: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.center button {
float: left;
}
.center-buttons {
text-align: center;
}
.center-buttons button {
float: none;
}
.center button+a.with_btn {
margin-left: 0px;
}
.center article>p+div,
.port_diagramms+div>div {
position: relative;
float: left;
left: 50%;
}
.center article>p+div>div,
.port_diagramms+div>div>div {
position: relative;
float: left;
left: -50%;
}
.center h1:last-child {
margin-bottom: 40px;
}
.v-menu span {
display: block;
padding: 13px 0 13px 20px;
border: 1px solid #fff;
border-radius: 3px;
font-size: 14px;
line-height: 23px;
font-weight: 600;
color: #9ca8b4;
cursor: pointer;
position: relative;
}
.v-menu span.active {
border-color: #d5dddf;
color: #000;
}
.v-menu span.active:after {
width: 10px;
height: 14px;
display: block;
content: '';
position: absolute;
top: 17px;
right: 20px;
background: url(/local/templates/main/css/../img/sprite.png) -9px -615px;
}
.v-menu span+span {}
.hor_menu+article {
margin-top: 140px;
}
/*PORT DIAGRAMMS*/
article.port_diagramms {
text-align: center;
width: 1180px;
}
article.port_diagramms-left {
text-align: left;
}
.variant {
text-align: left;
width: 380px;
display: inline-block;
vertical-align: top;
margin-right: -4px;
}
.variant+.variant {
margin-left: 20px;
}
.variant .hr {
display: block;
content: '';
width: 100%;
height: 3px;
margin: 18px 0;
background-color: #000;
}
.variant section>div {
display: inline-block;
vertical-align: middle;
}
.p_diagramms {
width: 155px;
}
.info_diagramms {
width: 175px;
color: #9ca8b4;
font-size: 14px;
line-height: 18px;
}
.info_diagramms p+p {
margin-top: 10px;
}
.port_diagramms+div {
margin-top: 100px;
padding-bottom: 110px;
}
.p-info {
width: 690px;
margin: 40px auto 0;
text-align: center;
color: #9ca8b4;
}
article.info_center,
article.pif_center {
width: 1048px;
}
.info_center>section,
.pif_center>section {
width: 340px;
float: left;
padding-right: 5px;
}
.center+.grid .b-large-hor>div {
padding: 40px 0 0 65px;
}
/*INFO DOCUMENTS*/
.info_documents>div,
.profiles>div {
width: 1090px;
margin: 75px auto 0;
}
.profiles-no-margin>div {
margin-top: -50px;
}
.profiles>div {
width: 1080px;
}
.info_documents h1,
.profiles h1 {
text-align: center;
margin-bottom: 70px;
font-weight: 700;
}
.info_documents nav {
margin-top: 30px;
margin-bottom: 20px;
}
.profiles nav {
margin-bottom: 50px;
}
.search nav {
margin-bottom: 40px;
}
.info_documents nav a,
.search nav a {
display: block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
padding: 9px 20px;
border: 1px solid #dde3e5;
border-radius: 3px;
font-size: 14px;
font-weight: 600;
line-height: 22px;
color: #000;
text-transform: uppercase;
}
.info_documents nav a.active,
.search nav a.active {
color: #0e9800;
border-color: #0e9800;
}
.faq .parent-nav.none {
padding: 0 25px;
}
.search_big {
margin-bottom: 120px;
position: relative;
}
.search_big:after {
width: 24px;
height: 24px;
display: block;
content: '';
position: absolute;
top: 18px;
right: 20px;
background: url(/local/templates/main/css/../img/sprite.png) -5px -520px no-repeat;
}
.archive_docs {
margin-bottom: 80px;
text-align: center;
}
.docs {
width: 505px;
margin-bottom: 50px;
float: left;
}
.docs+.docs {
margin-left: 80px;
}
.docs>div,
.profile>div,
.profiles_n>div {
padding-left: 75px;
padding-bottom: 20px;
position: relative;
}
.docs>div+div,
.profile>div+div,
.profiles_n>div+div {
margin-top: 30px;
}
.docs a,
.profile a,
.profiles_n a {
font-size: 18px;
line-height: 25px;
}
.docs p,
.profile p,
.profiles_n p {
font-size: 14px;
line-height: 22px;
margin-bottom: 0;
}
.docs a+p,
.profile a+p,
.profiles_n a+p {
margin-top: 8px;
}
.docs p+p,
.profile p+p,
.profiles_n p+p {
margin-top: 0px;
}
.docs a[href*="file:"]:after,
.docs a.file:after,
.profile a[href*="file:"]:after,
.profiles_n a[href*="file:"]:after {
display: block;
content: '';
position: absolute;
top: 2px;
left: 0;
width: 56px;
height: 64px;
background: url(/local/templates/main/css/../img/file_icons.png) no-repeat;
}
.docs a[href*=".pdf"]:after,
.docs a[href*=".PDF"]:after,
.profile a[href*=".pdf"]:after,
.profile a[href*=".PDF"]:after,
.profiles_n a[href*=".pdf"]:after,
.profiles_n a[href*=".PDF"]:after {
background-position: -76px -6px;
}
.docs a[href*=".jpeg"]:after,
.docs a[href*=".JPEG"]:after,
.profile a[href*=".jpeg"]:after,
.profile a[href*=".JPEG"]:after,
.profiles_n a[href*=".jpeg"]:after,
.profiles_n a[href*=".JPEG"]:after,
.docs a[href*=".jpg"]:after,
.docs a[href*=".JPG"]:after,
.profile a[href*=".jpg"]:after,
.profile a[href*=".JPG"]:after,
.profiles_n a[href*=".jpg"]:after,
.profiles_n a[href*=".JPG"]:after {
background-position: -140px -5px;
}
.docs a[href*=".docx"]:after,
.docs a[href*=".DOCX"]:after,
.profile a[href*=".docx"]:after,
.profile a[href*=".DOCX"]:after,
.profiles_n a[href*=".docx"]:after,
.profiles_n a[href*=".DOCX"]:after,
.docs a[href*=".doc"]:after,
.docs a[href*=".DOC"]:after,
.profile a[href*=".doc"]:after,
.profile a[href*=".DOC"]:after,
.profiles_n a[href*=".doc"]:after,
.profiles_n a[href*=".DOC"]:after {
background-position: -268px -5px;
}
.docs a[href*=".xls"]:after,
.docs a[href*=".XLS"]:after,
.profiles_n a[href*=".xls"]:after,
.profiles_n a[href*=".XLS"]:after {
background-position: -204px -5px;
}
.docs a[href*=".rtf"]:after,
.docs a[href*=".RTF"]:after,
.profiles_n a[href*=".rtf"]:after,
.profiles_n a[href*=".RTF"]:after {
background-position: -11px -6px;
}
/*REGISTRATION*/
.reg {
border-top: 1px solid #e5e8eb;
border-bottom: 1px solid #e5e8eb;
min-height: 800px;
background: url(/local/templates/main/css/../img/info-bg/reg.jpg) bottom right no-repeat;
color: #3f474f;
}
.reg h1 {
margin: 60px 0 30px;
text-align: center;
}
.pre_reg {
width: 980px;
margin: 0 auto 30px;
text-align: center;
}
.reg form {
width: 435px;
margin: 0 0 2em 110px;
}
.reg label {
display: block;
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 15px;
}
.reg input[type="text"],
.reg input[type="password"],
.reg input[type="number"],
.reg input[type="email"],
.reg textarea {
width: 100%;
font-size: 18px;
line-height: 22px;
padding: 19px 25px;
background-color: #eff7f8;
border: 1px solid #eff7f8;
border-radius: 3px;
}
.reg #name+label {
margin-top: 35px;
}
.reg input+input,
.reg input+textarea,
.reg textarea+input,
.reg textarea+textarea {
margin-top: 15px;
}
.reg textarea {
max-height: 250px;
}
.reg label.checkbox {
margin-top: 19px;
margin-bottom: 21px;
margin-left: 2px;
}
.reg .agreement {
width: 389px;
margin: 17px 0 0 10px;
display: block;
float: left;
font-size: 14px;
line-height: 22px;
font-weight: normal;
}
.form-div-invalid {
border: 1px groove #F84049 !important;
border-radius: 3px;
width: 433px;
}
.form-div {
margin-top: 10px;
margin-bottom: 10px;
border: 1px groove transparent;
}
.form-div p {
margin-bottom: 10px;
padding-left: 5px;
}
.reg .agreement a {
color: #89ce1d;
border-bottom: 1px dotted #89ce1d;
}
.reg button {
margin-top: 20px;
}
input.company {
margin-bottom: 20px;
}
.subscription-label {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
/*PIF*/
.pif .b-medium-double>div {
padding-left: 110px;
}
.pif .b-medium-double h1,
.pif .b-half h1 {
font-size: 54px;
line-height: 54px;
}
.pif .b-medium-double h1+p {
font-size: 26px;
line-height: 24px;
font-weight: 300;
text-transform: uppercase;
margin: 65px 0 55px;
}
.pif .b-medium-double h2 {
font-size: 36px;
line-height: 44px;
color: #fff;
}
.pif .b-medium-double h2+p {
font-size: 14px;
line-height: 23px;
font-weight: 600;
text-transform: uppercase;
margin-top: 35px;
}
.pif .b-half>div:not(.pre_article) {
height: 100%;
padding: 65px 40px 0;
}
.pif .b-half h1+p {
width: 100%;
font-size: 18px;
line-height: 30px;
font-weight: normal;
word-spacing: -1px;
margin-top: 45px;
}
.pif_center section p,
.info.pif .info_center section p {
padding-left: 10px;
position: relative;
}
.pif_center section p:before,
.info.pif .info_center section p:before {
width: 3px;
height: 10px;
display: block;
content: '';
position: absolute;
top: 4px;
left: 0;
}
.conservative:before {
background-color: #9dd730;
}
.stable:before {
background-color: #e3ce1f;
}
.agressive:before {
background-color: #ff981f;
}
/*PIF GRAPH*/
main>.info>div.wrapper_big {
width: 1260px;
margin: 60px auto 20px;
}
.wrapper_big img {
width: 1260px;
}
.pif.info .calculator div+div+div,
.pif.info .port_res div+div+div {
margin-top: 65px;
}
.pif.info div+div+div>h1 {
margin-bottom: 40px;
}
.info.pif div+div+div>h2 {
text-transform: none;
}
.check_invest {
width: 1120px;
margin: 40px auto 20px;
}
.port_res>div {
display: inline-block;
vertical-align: middle;
position: relative;
width: 320px;
}
.port_res.invest-p>div {
vertical-align: top;
margin-top: 13px;
}
div.port_res>div+div {
width: 300px;
}
section.port_res>div {
width: 390px;
}
section.port_res>div+div {
width: 360px;
}
.port_res>div+div+div {
width: auto;
margin-left: 0;
}
section.port_res>div+div+div {
display: inline-block;
vertical-align: middle;
width: 300px;
margin-left: 60px
}
.check_invest section {
width: 24%;
height: 56px;
margin-right: 1%;
margin-bottom: 20px;
float: left;
}
.check_invest label:not(.checkbox) {
display: block;
font-size: 14px;
line-height: 28px;
padding-left: 40px;
}
.port_serv {
font-size: 14px;
line-height: 18px;
font-weight: 600;
margin-top: -20px;
}
.invest-p .port_serv {
margin-bottom: 2em;
color: #abb7c1;
}
.port_serv+ul {
margin-top: 30px;
}
.invest-p .port_serv+ul {
margin-top: -1px;
}
.port_serv+ul p {
margin-top: 20px;
font-size: 14px;
line-height: 20px;
color: #a4aeb3;
cursor: pointer;
position: relative;
padding-left: 10px;
-webkit-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
.port_serv+ul p.off {
cursor: default;
}
.port_serv+ul p:not(.off):hover,
.port_serv+ul p.active {
color: #000;
}
.port_serv+ul p:before {
top: 5px;
}
.port_res>div+div button {
margin: 20px 0 0 61px;
}
.port_res>div+div+div {
position: relative;
}
.port_res>div+div+div a.with_btn {
position: absolute;
top: 0px;
left: 0px;
}
section.buttonHolder {
display: block;
position: relative;
float: left;
left: 50%;
top: 40px;
clear: both;
}
section.buttonHolder section {
position: relative;
float: left;
left: -50%;
}
/*Retail DU*/
.retail_du {
background: url(/local/templates/main/css/../img/info-bg/retail_du.png) no-repeat right #000;
height: 620px;
margin-top: 80px;
}
.info.retail_du>div {
margin-top: 65px;
}
.info.retail_du * {
color: #fff;
}
.retail_du ul {
width: 440px;
margin-top: 50px;
padding-left: 0px;
}
.retail_du button {
margin-top: 45px;
}
.retail_du ul,
.retail_du button {
margin-left: 60%;
}
.retail_du .link-button {
float: left;
margin: 45px 0 0 60%;
}
.retail_du ul li:before {
top: 6px;
left: -15px;
}
.retail_du_str h1+p {
margin-top: 40px;
font-size: 18px;
line-height: 28px;
font-weight: 600;
text-align: center;
}
.retail_du_str ul {
float: left;
width: 225px;
padding-right: 35px;
}
.retail_du_str div div {
width: 1210px;
margin: 0px auto;
}
.retail_du_str>div>div {
width: 100%;
background-color: #edf6fa;
margin: 40px auto;
padding: 40px 0;
}
.retail_du_str div div ul {
font-size: 14px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
color: #191b1c;
}
.retail_du_str div div ul li:before {
left: -20px;
}
.retail_du_str div div ul li {
cursor: pointer;
}
.retail_du_str div div ul li:hover {
color: #0e9800;
-webkit-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
.retail_du_str div div ul:first-child {
margin-left: 50px;
}
.retail_du_str div div ul li {
margin-top: 25px;
}
.retail_du_str div div ul li:first-child {
margin-top: 0;
}
.retail_du_str div+p {
width: 720px;
font-size: 14px;
line-height: 20px;
color: #a4abb2;
text-align: center;
margin: 20px auto 40px;
}
.retail_du_str button {
float: left;
}
.retail_du_str a.with_btn {
margin-left: 0;
}
.retail_du_str section {
position: relative;
float: left;
left: 50%;
}
.retail_du_str section>section {
left: -48%;
margin-bottom: 40px;
}
.info.retail_du_str>div {
width: 100%;
}
/*TOWN SWITCHER TOP*/
/*.town_switcher_top.town-open { height: auto; }*/
.town_switcher_top {
display: none;
min-width: 1260px;
/*height: 640px;*/
padding: 75px 65px 60px 110px;
background-color: #363f49;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
}
.town_switcher_top * {
z-index: 0;
}
.town_switcher_top h1 {
width: 1065px;
margin: 0 auto 20px;
font: 300 36px/1 'Open Sans';
color: #f5f5f5;
}
.town_switcher_top .t_switcher {
width: 1065px;
height: 269px;
margin: 0 auto;
display: table;
}
.city-list-cont {
width: 1065px;
margin: 0 auto;
/*display: none;*/
}
.town_switcher_top>div>div,
.town_switcher_top figure>div>div {
height: 269px;
display: table-row;
}
.town_switcher_top div section {
width: auto;
height: 100%;
max-width: 153px;
float: left;
display: table-cell;
padding-right: 60px;
}
.town_switcher_top ul {
padding-left: 40px;
list-style-type: none;
position: relative;
color: #f5f5f5;
}
.town_switcher_top ul span {
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: 0;
display: block;
content: '';
font-size: 18px;
line-height: 22px;
color: #89ce1d;
}
.town_switcher_top ul {
margin-top: 25px;
}
.town_switcher_top li,
.town_switcher_top li a {
font-size: 18px;
line-height: 24px;
color: #f5f5f5;
}
.town_switcher_top li a:hover {
color: #89ce1d !important;
}
.town_switcher_top li:before {
display: none;
}
.town_switcher_top li+li {
margin-top: 10px;
}
.town_switcher_top .close {
width: 44px;
height: 44px;
background: url(/local/templates/main/css/../img/sprite-close.png) no-repeat;
position: absolute;
top: 60px;
right: 110px;
display: block;
content: '';
cursor: pointer;
}
/*TEAM NEW*/
.team_new .team-line {
border: 1px solid #e5e8eb;
border-bottom: 0px;
border-collapse: collapse;
display: block;
width: 100%;
}
.team_new .team-line .team-member {
min-height: 250px;
width: 1050px;
margin: 0 auto;
}
.team_new .team-line .team-member-pic {
float: left;
width: 250px;
}
.team_new .team-line .team-member-desc {
display: inline-block;
height: 100%;
margin: auto 0;
padding-left: 80px;
position: relative;
}
.team-member-desc .team-member-desc-sub {
display: table-cell;
vertical-align: middle;
width: 715px;
}
.team_new .team-line .team-member-desc p {
color: #353943;
width: 650px;
}
/*STRATEGY*/
.strategy .b-large-hor h1 {
width: auto;
margin: 0 auto 45px;
}
.strategy .b-large-hor>div {
padding: 60px 40px 0 110px;
}
.strategy .b-large-hor ul {
color: #fff;
}
.strategy .b-large-hor ul li+li {
margin-top: 25px;
}
.strategy .b-large-hor ul li:before {
left: -25px;
}
.strategy .b-large-hor button {
position: absolute;
right: 60px;
bottom: 60px;
}
.strategy .b-little div {
height: 100%;
padding: 40px 0 0 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.strategy .b-little h1 {
font-size: 72px;
line-height: 1;
font-weight: 600;
margin: 0;
}
.strategy .b-little p {
width: 220px;
position: absolute;
bottom: 30px;
left: 40px;
font-size: 14px;
line-height: 23px;
font-weight: 600;
text-transform: uppercase;
}
.str_return section {
width: 1100px;
margin: 93px auto 115px;
}
.str_return div:not(.clearfix) {
width: 550px;
margin-right: 40px;
float: left;
}
.str_return table {
width: 510px;
float: left;
}
.str_return table.tbl_common {
float: none;
width: 100%;
}
.info.str_return thead tr,
.str_data thead tr {
border-bottom: 3px solid #000;
}
.info.str_return tbody tr,
.str_data tbody tr {
border-bottom: 1px solid #e5e5e5;
}
.info.str_return th {
font-size: 14px;
line-height: 22px;
font-weight: normal;
color: #767c82;
padding-bottom: 20px;
vertical-align: top;
}
.info.str_data th {
color: #767c82;
text-align: right;
padding-bottom: 20px;
}
.info.str_return tr td,
.str_data tr td {
height: 50px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
color: #1c9617;
}
.str_data tr td+td {
text-align: right;
}
.info.str_return tr td.main_head,
.str_data tr td.main_head {
color: #000;
}
.info.str_return th:not(.main_head) {
width: 80px;
text-align: left;
padding-top: 4px;
}
.info.str_return th.main_head {
width: 275px;
}
.info.str_return h2,
.info.str_return th.main_head,
.info.str_data th.main_head {
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #000;
text-align: left;
text-transform: none;
float: left;
}
.info.str_return div .mrk_circle {
display: block;
position: relative;
padding-left: 45px;
float: right;
font-size: 14px;
line-height: 22px;
color: #767c82;
margin-top: 4px;
}
.info.str_return div .mrk_circle:before {
width: 12px;
height: 12px;
border-radius: 60px;
display: block;
content: '';
position: absolute;
top: 3px;
left: 25px;
}
.mrk_l_green:before {
background-color: #d0dc47;
}
.mrk_d_green:before {
background-color: #0e9800;
}
.info.str_return header {
padding-bottom: 20px;
border-bottom: 3px solid #000;
}
.after_t {
padding-left: 10px;
font-size: 14px;
color: #434d56;
position: relative;
margin: 5em 0;
}
.after_t:before {
display: block;
content: '*';
position: absolute;
top: 0;
left: 0;
}
.str_return {
border-bottom: 1px solid #d5dddf;
}
.str_return.plain {
border: 0;
}
.str_data {
position: relative;
}
.str_data section {
width: 1060px;
margin: 93px auto 110px;
}
.str_data table {
width: 330px;
float: left;
}
.str_data table+table {
margin-left: 35px;
}
.str_data div section {
position: relative;
}
.str_data div.percent {
position: absolute;
top: 0px;
left: 0;
height: 6px;
display: block;
content: '';
}
.color_1 {
background-color: #d6e03e;
}
.color_2 {
background-color: #afd8a8;
}
.color_3 {
background-color: #eaa022;
}
.color_4 {
background-color: #f4c88a;
}
.color_5 {
background-color: #9abd67;
}
.color_6 {
background-color: #b9cbeb;
}
.color_7 {
background-color: #e67f2c;
}
.color_8 {
background-color: #fff200;
}
.color_9 {
background-color: #68d6c8;
}
.color_10 {
background-color: #9188db;
}
.color_11 {
background-color: #299195;
}
.color_12 {
background-color: #E4C27B;
}
.color_13 {
background-color: #F85D42;
}
.color_14 {
background-color: #B76276;
}
.color_15 {
background-color: #FB9A50;
}
.pif-p .b-little>div {
height: 100%;
}
/*
.post_graph {
display: block;
position: absolute;
left: 50%; bottom: 0px;
float: left;
margin: 60px auto;
}
.post_graph button {
position: relative;
left: -50%;
float: left;
}
*/
.post_graph {
display: block;
margin: 80px 0;
text-align: center;
}
main>.pif_fond>div {
margin-top: 0;
}
.pif_fond h1+.recomend {
text-align: left;
font-size: 18px;
line-height: 28px;
font-weight: 600;
margin-top: 30px;
}
.pif_doc article {
width: 920px;
margin: 60px auto;
}
.pif_doc article section {
width: 330px;
float: left;
}
.pif_doc span {
width: 78%;
display: block;
}
.pif_doc .docs a,
.common_docs a {
min-height: 50px;
display: block;
position: relative;
padding: 15px 0 25px 80px;
}
.pif_doc .docs a {
color: #000;
}
.pif_doc .docs a[href*="file:"]:after {
top: 8px;
}
.pif_doc .docs a span,
.common_docs a span {
float: left;
margin: -13px 0 0 -80px;
width: 56px;
}
.pif_doc .docs>div {
padding-left: 0;
}
.pif_doc .docs+.docs {
margin-left: 0;
}
.pif_doc .docs+.docs+.docs {
width: 260px;
}
.pif_doc .docs+.docs+.docs span.clearfix,
.pif_doc .docs+.docs+.docs .hr {
width: 257px;
}
.pif_doc h3 {
color: #000;
}
.pif_doc .docs>div+div {
margin-top: 10px;
}
.u_invest {
margin-bottom: 0;
}
.u_invest article {
margin: 74px auto 20px;
}
.u_invest article h3 {
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
}
.u_invest article p {
margin: 21px 0 0;
}
.u_invest article p+span {
margin-top: 15px;
}
.u_invest article span {
display: block;
font-size: 14px;
line-height: 20px;
color: #a1aab2;
}
.u_invest article div+div {
margin-top: 35px;
}
.u_invest article+span {
position: relative;
float: left;
left: 50%;
}
.u_invest article+span button {
position: relative;
float: left;
left: -50%;
}
.pif-p .b-large-hor>div {
padding: 24px 40px 0 110px;
height: 100%;
}
.pif-p .b-large-hor h1 {
margin-top: 0;
width: 475px;
/* height: 90px;*/
}
.pif-p .b-large-hor ul {
padding-left: 0;
font-size: 18px;
line-height: 1.4;
}
.pif-p .b-large-hor ul li:before {
display: none;
}
.pif-p .b-large-hor button,
.pif-p .b-large-hor .green-button {}
.new_grid {
padding-left: 25%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.new_grid .b-large-hor {
width: 100%;
}
.new_grid .b-little {
width: 33.3%;
}
.b-fix {
display: block;
}
.b-fix .b-little {
float: left;
position: relative;
overflow: hidden;
}
.b-fix .b-little:first-child {
width: 33.4%;
}
.new_date {
width: 153px;
height: 30px;
display: inline-block;
text-transform: uppercase;
text-align: center;
font-size: 14px;
line-height: 30px;
color: #fff;
}
.b-little .new_date {
position: absolute;
bottom: 30px;
left: 30px;
background-color: transparent;
border: 1px solid #fff;
}
.bg_wrapper+.new_date {
background-color: #363f49;
border-color: #363f49;
}
.new_grid .b-little>div,
.new_grid .b-little a>div {
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.new_grid .b-little h2 {
font-size: 18px;
font-weight: normal;
line-height: 21px;
color: #fff;
}
.new_grid .b-large-hor>div:not(.bg_wrapper) {
bottom: 0;
top: auto;
padding: 55px 60px;
}
.new_grid .b-large-hor h1 {
width: 90%;
margin: 20px 0 0;
font-size: 26px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
}
.new_grid .b-large-hor .bg_wrapper.no_bg+div .new_date {
background-color: transparent;
border: 1px solid #fff;
}
.new_grid .b-large-hor .bg_wrapper+div .new_date,
.layout_wrapper.timeline .new_date {
background-color: #363f49;
border-color: #363f49;
}
.layout_wrapper.timeline .new_date {
margin-top: 20px;
margin-bottom: 50px;
}
.contacts table {
width: 100%;
}
.contacts td {
width: 60%;
font-size: 18px;
line-height: 22px;
font-weight: 600;
padding-bottom: 40px;
}
.contacts td+td {
width: 40%;
font-weight: normal;
}
.contacts .sort_line {
background-color: #fcfdfd;
}
main>.license>div {
margin: 60px auto;
padding: 0 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.license h1 {
margin-bottom: 30px;
}
.license section {
width: 255px;
float: left;
}
.license section+section {
margin-left: 50px;
}
.license section .min {
width: 255px;
height: 360px;
margin-bottom: 25px;
overflow: hidden;
}
.license section .min img {
width: 100%;
cursor: pointer;
}
.lightbox article div div {
margin: 200px auto 0;
padding: 50px 60px;
background-color: #fff;
}
.lightbox img {
margin-bottom: 40px;
}
.license p,
.license b {
cursor: pointer;
}
.license p,
.lightbox p {
line-height: 22px;
color: #9ca8b4;
margin: 0;
}
.license b,
.lightbox b {
display: block;
color: #000;
max-width: 520px;
}
.lightbox .close_popup {
width: 60px;
height: 60px;
display: block;
position: absolute;
top: 0;
right: -60px;
background: url(/local/templates/main/css/../img/close_popup.png);
cursor: pointer;
}
.search {
clear: both;
margin-bottom: 60px;
}
.search h1 {
margin-bottom: 40px;
}
.search header {
padding: 0 110px;
}
.search-fix {
margin-top: -2em;
display: block;
position: relative;
}
.wide-search .search-fix {
margin-top: 0;
}
.search-fix input {
width: 100%;
padding: 19px 60px 19px 25px;
font: normal 18px/22px 'Open Sans';
color: #3f474f;
background-color: #eff7f8;
border-radius: 3px;
border: 0;
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.search-fix:before,
.search_btn,
.search_close,
.form_search-button {
width: 24px;
height: 24px;
display: block;
content: '';
position: absolute;
z-index: 2;
top: 18px;
right: 15px;
background: url(/local/templates/main/css/../img/sprite.png) -5px -520px no-repeat;
}
.search_btn,
.search_close,
.form_search-button {
position: static;
margin: 24px 37px;
z-index: 20;
cursor: pointer;
float: left;
}
.search_close {
margin-left: 0;
display: none;
}
.search_cont form {
position: relative;
}
.search_close {
margin-left: 30px;
background: url(/local/templates/main/css/../img/search_close.png) no-repeat;
}
.search header p {
margin-bottom: 10px;
}
.search ol {
padding: 0 110px;
}
.search li {
list-style-type: none;
padding-left: 40px;
position: relative;
}
.search li .ol-num {
position: absolute;
left: 3px;
top: 0;
color: #9ca8b4;
}
::-webkit-input-placeholder {
color: #3f474f;
}
:-moz-placeholder {
color: #3f474f;
}
.placeholder,
input:invalid {
font-size: 18px;
line-height: 22px;
color: #3f474f;
}
aside.time {
width: 25%;
padding: 50px 75px 30px 75px;
position: absolute;
top: 20px;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.time ul {
padding: 40px 0;
padding-left: 0;
position: relative;
}
.time ul:before {
width: 3px;
height: 100%;
display: block;
content: '';
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
background-color: #e5e8eb;
border-radius: 2px;
position: absolute;
top: 0;
left: 12px;
}
.time li {
padding-left: 45px;
height: 32px;
line-height: 32px;
position: relative;
cursor: pointer;
color: #0e9800;
font-size: 14px;
font-weight: 600;
}
.time li+li {
margin-top: 75px;
}
.time ul li:before {
width: 28px;
height: 32px;
position: absolute;
top: 0;
left: 0;
background: url(/local/templates/main/css/../img/sprite.png) -9px -187px no-repeat #fff;
}
.time:not(.no-active) ul li:hover:before {
background-position: -9px -218px;
}
.time ul li.active:before {
background-position: -9px -249px;
}
.time-std li {
height: auto;
line-height: 1.67em;
font-weight: 400;
font-size: 18px;
color: #353943;
}
.time li+li {
margin-top: 25px;
}
/*Loader*/
.loader {
display: none;
opacity: 0;
}
.preloader_wrapper_default {
left: 26% !important;
background-color: transparent !important;
height: 570px !important;
width: 50% !important;
}
.preloader_wrapper_default,
.preloader_wrapper,
.no-event-wrapper {
height: 100px;
position: relative;
background-color: #fff;
}
.preloader {
width: 54px;
height: 54px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: url(/local/templates/main/css/../img/preloader.png) no-repeat;
overflow: hidden;
}
.layout_wrapper.timeline .popup {
width: 50%;
min-width: 640px;
right: -50%;
}
.layout_wrapper.timeline .popup>div {
width: 100%;
padding-right: 30px;
}
.layout_wrapper.timeline .popup>div img {
width: 100%;
margin-bottom: 20px;
}
.layout_wrapper.timeline .popup>div footer {
margin-top: 50px;
}
.layout_wrapper.timeline .popup>div footer img {
width: 45px;
float: left;
}
.layout_wrapper.timeline .popup>div footer a+a {
display: block;
float: left;
margin-left: 10px;
}
.new_grid.grid h1,
.new_grid.grid h2 {
cursor: pointer;
}
.profiles nav a {
min-width: 51px;
padding: 13px 11px;
display: block;
float: left;
border: 1px solid #d8dfe1;
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #000;
text-align: center;
}
.profiles nav a+a {
margin-left: -1px;
}
.profiles nav a.active {
background-color: #0e9800;
color: #fff;
border-color: #0e9800;
border-radius: 3px;
}
.profile {
width: 490px;
float: left;
margin-bottom: 80px;
}
.profile+.profile {
margin-left: 90px;
}
#container .highcharts-button {
position: relative;
top: -20px;
}
#container #highcharts-0 {
padding-top: 40px;
}
.pif_graphic {
position: relative;
}
.pif_graphic.graph {
/*height: 950px;*/
}
.point-color b {
color: #0E9800 !important;
}
.highcharts-container:before {
content: "";
display: block;
height: 2px;
background-color: rgba(140, 140, 140, 0.28);
position: absolute;
width: 88%;
bottom: 5px;
margin-left: 55px;
}
.retail_du button {
float: left;
}
.retail_du a.with_btn {
margin-top: 54px;
margin-left: 0;
}
.retail_du_other p {
color: #5c6065;
}
.retail_du_other div+div {
width: auto;
margin-top: 40px;
position: relative;
float: left;
left: 50%;
}
.retail_du_other button,
.retail_du_other .with_btn {
position: relative;
float: left;
left: -50%;
}
.retail_du_other .with_btn {
margin-left: 0px;
}
.retail_du_other {
margin-bottom: 80px;
}
.personal_p {
height: 700px;
background: url(/local/templates/main/css/../img/info-bg/personal_p.jpg) no-repeat right bottom #f9f9f9;
}
.personal_p h1 {
margin-bottom: 90px;
}
.personal_p ul,
.personal_p ul+div {
width: 620px;
margin: 0 0 40px 95px;
}
.personal_p ul {
padding-left: 0px;
}
.personal_p button {
float: left;
}
.personal_p .link-button {
float: left;
}
.personal_p .with_btn {
margin-left: 0;
}
.b-third {
width: 33.333333%;
height: 272px;
position: relative;
}
.b-third h2,
.b-half.strategy h2 {
text-transform: uppercase;
line-height: 22px;
color: #FFF;
}
.b-third .small,
.b-half.strategy .small {
width: 70%;
position: absolute;
top: 110px;
font: normal 18px/23px 'Open Sans';
color: #FFF;
text-transform: none;
margin-top: 12px;
margin-bottom: 0px;
padding-right: 7px;
}
.bmap .sort_line {
border-width: 0;
position: relative;
float: left;
left: -50%;
}
.bmap .map_switcher header {
position: relative;
float: left;
left: 50%;
}
.sort_line.noline {
border-width: 0;
position: relative;
float: left;
left: -50%;
}
.map_switcher header.noline {
position: relative;
float: left;
left: 50%;
}
.map_switcher {
margin: -30px auto 30px;
}
.tab .checkbox {
top: -1px;
}
.tab .checkbox+label {
padding-left: 10px;
}
.val_switch {
width: 1040px;
margin: 50px auto 0;
}
.info_diagramms span,
.port_serv+ul p span {
display: inline-block;
position: absolute;
top: 0;
left: 0px;
font-size: 14px;
line-height: 18px;
font-weight: 600;
width: 45px;
height: 100%;
}
.port_serv+ul p {
padding-left: 60px;
}
.port_serv+ul p span {
padding: 0 7px;
width: 36px;
font-size: 14px;
line-height: 28px;
height: 26px;
top: -3px;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.info_diagramms p {
padding-left: 45px;
position: relative;
}
.info.center .link_center {
position: relative;
float: left;
left: 50%;
top: 10px;
}
.info.center .link_center a {
position: relative;
float: left;
left: -50%;
}
.info.center .link_center a+a {
margin-left: 0px;
}
.port_res div+div p {
font-size: 14px;
line-height: 20px;
color: #8A9199;
margin-top: -3px;
}
.port_res.invest-p div+div p {
/*margin-top: -28px;*/
}
.port_res>h2 {
text-transform: uppercase;
text-align: center;
margin: 10px 0 50px;
}
.go_top {
height: 100%;
width: 55px;
display: none;
position: absolute;
top: 0;
left: 5px;
cursor: pointer;
color: #0E9800;
left: 14% !important;
}
.go_top:before {
display: block;
content: '';
width: 12px;
height: 8px;
background: url(/local/templates/main/css/../img/go_top.png) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin: -4px 0 0 -6px;
}
.grid>div,
.grid a>div {
/* -webkit-filter: brightness(1);
-o-filter: brightness(1);
filter: brightness(1);*/
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/*.grid > div:hover,*/
.grid a>div:hover,
/*.grid figure > div:hover,*/
.grid figure a>div:hover {
/*
-webkit-filter: brightness(0.8);
-o-filter: brightness(0.8);
filter: brightness(0.8);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
*/
}
/*.grid > div:before,*/
.grid a>div:before,
/*.grid figure > div:before,*/
.grid figure a>div:before,
.grid div.popup-ajax:before,
.grid div.block-url:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #000;
opacity: 0;
content: '.';
text-indent: -9999px;
overflow: hidden;
z-index: 0;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
/*.grid > div:hover:before,*/
.grid:not(.new_grid) a>div:hover:before,
/*.grid figure > div:hover:before,*/
.grid:not(.new_grid) figure a>div:hover:before,
.grid:not(.new_grid) div.popup-ajax:hover:before,
.grid:not(.new_grid) div.block-url:hover:before {
opacity: 0.2;
}
.grid>div.b-little:hover .background,
.grid>div.b-half:hover .background,
.grid>div.b-third:hover .background,
.grid figure>div.b-little:hover .background,
.grid figure>div.b-half:hover .background,
.grid figure>div.b-third:hover .background {
width: 120%;
left: -7%;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
footer.main section a:hover {
color: #0e9800;
cursor: pointer;
}
.more_articles:hover,
.more_articles_default:hover,
.know_more:hover,
.al_rate:hover,
.small a:hover {
opacity: 0.6;
-webkit-transition: opacity 0.4s 0.4s ease;
-o-transition: opacity 0.4s 0.4s ease;
transition: opacity 0.4s 0.4s ease;
}
section:not(.grid) a:hover,
a.with_btn:hover {
color: #2d7cbb;
cursor: pointer;
}
i {
font-style: normal;
}
.stay_with {
font-size: 14px;
line-height: 22px;
padding: 9px 20px;
}
.switch_language {
padding: 14px;
}
.percents_lb {
position: absolute;
top: 50%;
left: 50%;
margin: auto;
width: 200px;
height: 100px;
}
.percents_lb span {
opacity: .6;
display: block;
font-size: 18px;
color: #000000;
text-align: center;
}
.percents_lb span+span {
opacity: 1;
font-size: 54px;
font-weight: 600;
margin-top: 20px;
}
.pif_calculator+.port_res {
margin-bottom: 100px;
}
.diagram-holder {
display: inline-block;
vertical-align: middle;
position: relative;
}
.percents_lb span.percent_text {
font-size: 36px;
}
canvas.chart {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.corp_new_left,
.corp_new_right {
border-bottom: 1px solid #e5e8eb;
}
.corp_1 {
background: url(/local/templates/main/css/../img/info-bg/corp_1.jpg) no-repeat left bottom #fff;
height: 780px;
}
.corp_new_left section {
width: 450px;
margin: 70px 0 0 720px;
}
.corp_new_right section {
width: 450px;
margin: 70px 0 0 200px;
}
.corp_new_right section p a,
.corp_new_left section p a {
color: #191b1c;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
}
.corp_new_right section p+p,
.corp_new_left section p+p {
margin-top: 15px;
}
.corp_new_right section p a:hover,
.corp_new_left section p a:hover {
color: #0e9800;
}
.corp_1 button,
.corp_2 button,
.corp_3 button,
.corp_4 button,
.corp_5 button {
margin-top: 35px;
}
/*
.corp_3 button {
margin-top: 60px
}
*/
.corp_3 section {
margin-top: 110px;
}
.corp_2 {
background: url(/local/templates/main/css/../img/info-bg/corp_2.jpg) no-repeat left bottom #fff;
height: 650px;
}
.corp_3 {
height: 810px;
background: url(/local/templates/main/css/../img/info-bg/corp_3.jpg) no-repeat left bottom #fff;
}
.corp_4 {
height: 780px;
background: url(/local/templates/main/css/../img/info-bg/corp_4.jpg) no-repeat left bottom #fff;
}
.corp_4 section {
margin-top: 120px;
}
/*
.corp_4 button {
margin-top: 80px;
}
*/
.corp_5 {
border: 0;
height: 680px;
background: url(/local/templates/main/css/../img/info-bg/corp_5.jpg) no-repeat left bottom #fff;
border-bottom: 1px solid #e5e8eb;
}
.corp_5 ul {
padding-left: 20px;
}
.corp_5 section {
margin-top: 80px;
}
.corp_5 .with_btn {
margin-left: 0;
margin-top: 43px;
}
.corp_5 button {
float: left;
}
.carier_i {
height: 810px;
background: url(/local/templates/main/css/../img/info-bg/carier_i.jpg) no-repeat left bottom #fff;
}
.carier_i button,
.contact_a button {
margin-top: 20px;
}
.risk {
height: auto;
min-height: 570px;
background: #fff;
background-position-y: 110%;
}
.risk p {
margin: 51px 0 0 80px;
width: 460px;
}
main>.about_us_en>div {
margin-top: 26px;
}
main>.official_inf_en>div {
margin-top: 26px;
}
main>.risk>div {
margin-top: 24px;
}
.risk ul {
margin: 17px 0 0 80px;
width: 460px;
}
.risk button {
margin: 50px 0 0 110px;
}
.grid .two_fl p {
margin: 0;
font-size: 18px;
line-height: 1.25;
}
.grid .two_fl p+p {
font-size: 14px;
line-height: 1.25;
}
.grid .simple_head {
font-size: 36px;
line-height: 37px;
text-transform: uppercase;
}
.contact_a {
height: 810px;
background: url(/local/templates/main/css/../img/info-bg/contact_a.jpg) no-repeat left bottom #fff;
}
.contact_a+.grid p {
width: 95%
}
.contact_a+.grid .bg_wrapper .background {
width: 100.5%;
}
.pfonds {
height: 640px;
background: url(/local/templates/main/css/../img/info-bg/pfonds.jpg) no-repeat left bottom #fff;
border-bottom: 1px solid #e5e8eb;
margin-bottom: 40px;
}
.pfonds ul {
width: 440px;
margin: 60px 0 0 700px;
}
.pfonds button {
margin: 40px 0 0 730px;
}
.pfonds_link-box {
margin: 30px 0 0 730px;
}
.pfonds_link {
margin-left: 15px;
}
.pfonds_link:first-child {
margin-left: 0;
}
.info_documents .info_center {
margin: 50px 0 80px;
}
.profile+h2 {
text-align: center;
margin-bottom: 40px;
}
.calculator+span {
position: relative;
float: left;
left: 50%;
margin-top: 20px;
}
.calculator+span>button {
position: relative;
float: left;
left: -50%;
}
.new_grid .b-large-hor,
.new_grid .b-little {
cursor: pointer;
}
.popup.license .min {
margin-bottom: 20px;
}
.b-large-hor.with_slider {
padding: 0;
}
.with_slider .slider {
height: 544px;
overflow: hidden;
}
.with_slider .slide {
position: relative;
padding-left: 65px;
}
.with_slider .slider>article>div {
height: 544px;
width: 100%;
}
.with_slider .slider span {
position: relative;
z-index: 5;
display: table-cell;
vertical-align: middle;
height: 544px;
}
.with_slider .slider span>span {
display: inline-block;
vertical-align: middle;
height: auto;
}
.with_slider .slider .bg_wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
}
.slide_num span {
display: inline;
}
.center .port_diagramms {
margin-bottom: 100px;
}
.link_center+h1 {
margin-top: 133px;
}
.center article+h1 {
margin-top: 93px;
}
.graph_fond>div {
position: relative;
}
.graph_fond>div>img {
width: 1260px;
z-index: 2;
opacity: 0;
-webkit-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.graph_green,
.graph_yellow,
.graph_red {
position: absolute;
top: 0px;
width: 100% !important;
height: 100%;
margin: 0 !important;
top: 0;
}
.cont_href {
padding: 5px 15px 5px 40px;
position: absolute;
z-index: 100;
}
.cont_href_m {
padding: 10px 15px 10px 40px;
position: absolute;
z-index: 100;
width: 300px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cont_href_m a:hover {
color: #fff !important;
opacity: .7;
}
.cont_href,
.cont_href_m {
opacity: 0;
left: 200%;
-webkit-transition: top 1s ease, opacity 2s ease;
-o-transition: top 1s ease, opacity 2s ease;
transition: top 1s ease, opacity 2s ease;
}
.green {
background-color: #0e9800;
}
.orange {
background-color: #ff9c00;
}
.red {
background-color: #db2f07;
}
.cont_href a,
.cont_href_m a,
.cont_href_m li,
.cont_href li {
text-decoration: none;
color: #fff;
text-transform: uppercase;
font-size: 14px !important;
line-height: 1 !important;
font-weight: bold;
}
.rotated {
-webkit-transform: skewY(-15deg);
-ms-transform: skewY(-15deg);
-o-transform: skewY(-15deg);
transform: skewY(-15deg);
}
.cont_href,
.cont_href_m {
list-style-image: url(/local/templates/main/css/../img/marker.png);
}
.cont_href li,
.cont_href_m li {
position: relative;
}
.cont_href li:before,
.cont_href_m li:before {
display: none;
}
.cont_href li+li,
.cont_href_m li+li {
margin-top: 3px;
}
.cont_href_m .cont_href {
padding: 5px 15px 10px 40px;
width: 100%;
top: -4px;
left: -9px;
}
.with_inner {
width: 225px;
}
.flag_cont {
position: absolute;
float: left;
width: auto !important;
margin: 0 !important;
z-index: 1;
}
.flag_cont>span {
position: relative;
}
.flag_cont p {
position: absolute;
padding: 10px 15px 10px 30px;
background-color: #fff;
font-size: 14px;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #ededed;
}
.flag_cont a {
text-decoration: none;
color: #000;
}
.flag_cont.w_green p {
width: 185px;
}
.flag_cont.w_orange p {
width: 215px;
}
.flag_cont.w_red p {
width: 155px;
}
.flag_cont.w_red p.info {
width: 170px;
}
.flag_cont .flag {
display: block;
content: '';
position: relative;
top: 25px;
width: 0;
}
.flag_cont .flag:after {
display: block;
content: '';
position: absolute;
border: 6px solid transparent;
}
.w_green .flag {
border-left: 1px solid #0e9800;
}
.w_green .flag:after {
border-left: 20px solid #0e9800;
}
.w_orange .flag {
border-left: 1px solid #ff9c00;
}
.w_orange .flag:after {
border-left: 20px solid #ff9c00;
}
.w_red .flag {
border-left: 1px solid #db2f07;
}
.w_red .flag:after {
border-left: 20px solid #db2f07;
}
.w_green .flag {
background-color: #0e9800;
}
.w_orange .flag {
background-color: #ff9c00;
}
.w_red .flag {
background-color: #db2f07;
}
p.info {
position: absolute;
top: 45px;
left: -5px;
font-size: 14px;
line-height: 15px;
font-weight: 600;
text-transform: uppercase;
color: #8e959b;
background-color: transparent;
border: none;
}
.axis {
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.axis h2 {
font-size: 18px !important;
line-height: 23px !important;
text-transform: uppercase;
text-align: left !important;
color: #000;
}
.axis p {
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #8f959b;
}
.axisY {
width: 500px;
top: 225px;
left: 75px;
}
.axisX {
width: 249px;
right: 48px;
bottom: 185px;
}
.axisX h2 {
text-align: right !important;
}
.axisX p {
text-align: right;
}
.graph_head {
position: absolute;
top: 70px;
left: 50px;
padding-bottom: 20px;
border-bottom: 2px solid #000;
text-align: left !important;
}
.info.graph_fond>div {
margin-top: 40px;
}
.flag_cont p {
opacity: 0;
-webkit-transition: opacity .75s ease;
-o-transition: opacity .75s ease;
transition: opacity .75s ease;
}
.flag {
-webkit-transition: height 1s ease, opacity .75s ease;
-o-transition: height 1s ease, opacity .75s ease;
transition: height 1s ease, opacity .75s ease;
height: 30px;
opacity: 0;
}
.flag_cont {
-webkit-transition: top 1s ease;
-o-transition: top 1s ease;
transition: top 1s ease;
}
.special_nav {
width: 220px;
height: 200px;
position: fixed;
top: 50%;
right: -160px;
margin-top: -100px;
overflow: hidden;
border-radius: 5px;
padding: 10px 0;
z-index: 1000;
/*
-webkit-transition: right 1s ease;
-o-transition: right 1s ease;
transition: right 1s ease;
*/
}
.special_nav div {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0 bottom: 0;
left: 0;
background-color: #363f49;
opacity: 0.6;
}
.special_nav:hover div {
opacity: 0.5;
}
.special_nav a {
position: relative;
display: block;
font-size: 14px;
line-height: 50px;
font-weight: 600;
color: #fff;
z-index: 101;
padding-left: 60px;
}
.special_nav a:hover {
opacity: .8;
}
.special_nav a:before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 50px;
background: url(/local/templates/main/css/../img/spec_popup.png) 0px -8px;
}
a.ico_ref:before {
background-position: 0 -2px;
}
a.ico_calc:before {
background-position: 0 -58px;
}
a.ico_user:before {
background-position: 0 -108px;
}
a.ico_ask:before {
background-position: 0 -158px;
}
.pif .calculator {
width: 43%;
margin: 0 3% 0 0;
float: left;
}
.pif .calculator h2 {
text-transform: none;
text-align: left;
margin-bottom: 20px;
}
.pif .calculator .without_input {
width: 400px;
}
.pif .calculator .input_cont input {
padding-top: 0;
padding-bottom: 0;
}
.pif .calculator .year .step+.step {
left: 69px;
background-color: #e4eced;
}
.pif .calculator .year .step+.step+.step {
left: 138px;
}
.pif .calculator .year .step+.step+.step+.step {
left: 207px;
}
.pif .calculator .year .step+.step+.step+.step+.step {
left: 274px;
}
.pif .calculator .year .step+.step+.step+.step+.step+.step {
left: 341px;
}
.calculator.other {
display: table;
width: 1120px;
margin: 0 auto;
float: none;
}
.pif .calculator.other h2 {
margin-bottom: 0;
}
.town_switcher_top .t_switcher {
width: 1060px;
height: 50px;
margin: 40px auto 80px;
position: relative;
}
.t_switcher input {
width: 100%;
height: 50px;
font-size: 18px;
line-height: 22px;
padding: 14px 10px;
background-color: #eff7f9;
border: 0;
outline: 0;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.t_search {
width: 24px;
height: 24px;
display: block;
content: "";
position: absolute;
top: 13px;
right: 15px;
background: url(/local/templates/main/css/../img/sprite.png) no-repeat scroll -5px -520px transparent;
}
.town_switcher_top h2 {
width: 1060px;
margin: 0px auto 10px;
font-size: 26px;
line-height: 26px;
font-weight: 300;
color: #fff;
}
.profiles_n {
width: 33%;
float: left;
margin-bottom: 60px;
}
.standing {
padding: 45px 8px 42px;
}
.standing a:before {
display: block;
content: "";
float: left;
width: 18px;
height: 18px;
margin: 2px 5px 0px 0px;
background: url(/local/templates/main/css/../img/person.png) no-repeat scroll 0px 0px transparent;
}
.standing a:hover:before {
background-position: 0 -21px;
}
.old-version {
padding: 45px 5px 42px;
text-transform: uppercase;
color: #0e9800;
}
.old-version a:before {
display: block;
content: "";
float: left;
width: 18px;
height: 18px;
margin: 2px 5px 0px 0px;
background: url(/local/templates/main/css/../img/web.png) no-repeat scroll 0px 0px transparent;
}
.map_control.open a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.big_green {
position: absolute;
top: 435px;
left: 24px;
width: 387px;
height: 373px;
}
.big_yellow {
position: absolute;
top: 296px;
left: 455px;
width: 424px;
height: 504px;
}
.big_red {
position: absolute;
top: 93px;
left: 764px;
width: 498px;
height: 503px;
}
.big_green,
.big_yellow,
.big_red {
opacity: 0;
-webkit-transition: opacity .75s ease;
-o-transition: opacity .75s ease;
transition: opacity .75s ease;
}
.opacity-3 {
opacity: 0.3;
}
.m-top-80 {
margin-top: -80px;
}
.d-row hr {
display: block;
margin: .75em 0;
padding: 0;
height: 4px;
color: #000;
background: #000;
border: 0;
}
.error_logo {
display: block;
text-align: center;
margin-top: 20px;
}
.fld-date {
display: inline-block;
vertical-align: middle;
position: relative;
}
.fld-date span {
position: absolute;
top: 50%;
left: 20px;
margin-top: -.5em;
line-height: 1em
}
.fld-date input {
padding-left: 50px;
padding-right: 50px;
width: 240px;
background-image: url(/local/templates/main/css/../img/ico-calendar.png);
background-position: 100% 17px;
background-repeat: no-repeat;
text-align: right;
}
.fld-date input:focus {
background-position: 100% -81px;
}
/**
* Страница обзоров
*/
.archive {
margin-bottom: 3em;
}
.archive article {
display: inline-block;
margin-bottom: 3em;
padding-right: 2%;
vertical-align: top;
width: 33%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #3f474f;
}
.archive article div {
margin-bottom: .5em;
}
.archive article div.archive-date {
margin: 0;
font-weight: 700;
font-size: 14px;
color: #9ca8b4;
text-transform: uppercase;
}
.archive article strong {
color: #000;
font-size: 14px;
text-transform: uppercase;
}
.profiles nav.nav-years {
margin: 0 -16px 3em;
}
.profiles nav.nav-years a {
width: auto;
margin: 0 16px;
padding: 0;
border: 0;
border-bottom: 1px dashed #4b9ee0;
color: #4b9ee0;
text-transform: uppercase;
}
.profiles nav.nav-years a:hover {
border-color: transparent;
}
.profiles nav.nav-years a+a {
margin: 0 16px;
}
.profiles nav.nav-years a.active {
background-color: transparent;
color: #000;
border-color: transparent;
border-radius: 0;
cursor: text;
}
.profiles nav.nav-years a.inactive {
color: #9ca8b4;
border-color: transparent;
cursor: text;
}
.disabled {
opacity: 0.5;
}
.disabled * {
cursor: default !important;
}
.white {
background-color: #ffffff;
}
.inp-file-wrap {
margin-bottom: 30px;
position: relative;
display: inline-block;
}
.inp-file-wrap input[type="file"] {
position: absolute;
z-index: 9;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.inp-file-wrap span {
margin-left: 10px;
}
.calculator .without_input+.input_cont input {
padding: 0 20px;
}
.calculator .with_input+.input_cont input {
padding: 0 20px;
}
.money.with_input {
top: 68px;
}
main>.pif>div {
max-width: 1260px;
}
.pif .calculator {
display: block;
width: 45%;
padding-left: 2%;
max-width: 1260px;
}
.pif .calculator>div {
display: block;
}
.pif .calculator>div>div {
display: block;
margin-left: -38px;
}
.pif .dropdown {
max-width: 100%;
}
.pif .dropdown .drop_layout section {
white-space: normal;
height: auto;
}
.pif div.port_res {
margin-top: 1.25em;
width: 50%;
}
.pif div.port_res>div+div {
position: relative;
width: 260px;
}
.pif div.port_res>div+div+div {
width: auto;
}
.pif .percents_lb {
/*left: 40px;*/
}
.pif .percents_lb span {
font: 18px 'Open Sans';
}
.pif .percents_lb span+span {
font: 54px 'Open Sans';
margin-top: 0;
color: rgba(0, 0, 0, 0.8);
font-weight: 900;
}
.pif .after_port_res {
display: block;
top: 0;
padding-top: 83px;
clear: both;
float: none;
width: 100%;
text-align: center;
}
.pif span.after_port_res>button {
float: none;
top: -8px;
left: 0;
margin: 0 auto;
}
.after_port_res button {
font: 18px 'Open Sans';
color: rgb(255, 255, 255);
letter-spacing: -1px;
}
.pif_calculator .dropdown {
max-width: 600px;
}
.pif_calculator .dropdown .drop_layout section {
white-space: normal;
height: auto;
}
.fond_and_du {
max-width: 1281px;
}
.fond_and_du a {
padding: 5px 1.25%;
}
/*.more_articles { bottom: 70px; }*/
.section-last {
margin: 3em 0 6em;
}
.center article.section-i {
margin: 0 auto;
}
.center button {
margin-right: 15px;
}
.search_cont {
top: 67px;
bottom: 0;
height: auto;
border: 0;
left: 93.8%;
}
.search_line .search_invis {
position: absolute;
top: 0;
left: 335px;
width: 40px;
background: none;
opacity: 0;
}
/* added by Dyuha */
.switch-me {
display: inline-block;
position: relative;
height: 40px;
white-space: nowrap;
}
.switch-me .toggle {
position: relative;
float: left;
margin: 0 20px;
width: 70px;
height: 40px;
background: #eff7f8;
border-radius: 20px;
cursor: pointer;
}
.switch-me .toggle:before {
position: absolute;
top: 2px;
left: 4px;
width: 33px;
height: 49px;
background: url(/local/templates/main/css/../img/rate-field.png) 0 0 no-repeat;
content: '.';
text-indent: -9999px;
overflow: hidden;
}
.switch-me .on,
.switch-me .off {
float: left;
margin-top: .5em;
color: #54a3e2;
border-bottom: 1px dashed #54a3e2;
line-height: 1em;
cursor: pointer;
}
.switch-me .on:hover,
.switch-me .off:hover {
border: 0;
}
.switch-me .on,
.switch-me-on .off {
border-bottom-width: 0;
color: #000;
}
.switch-me-on .on {
border-bottom-width: 1px;
color: #54a3e2;
}
.switch-me-on .toggle:before {
left: auto;
right: 4px;
background-position: 0 -60px;
}
.ui-choose-range {
position: relative;
padding-right: 110px;
height: 60px;
}
.ui-choose-range .without_input {
width: 100%;
}
.ui-choose-range .without_input+.input_cont {
position: absolute;
top: 0;
right: 0;
padding: 5px 0 0;
width: 90px;
height: 55px;
}
.ui-choose-range .without_input+.input_cont input {
padding: 0;
width: 40%;
height: 40px;
line-height: 1;
text-align: right;
}
.ui-choose-range .without_input+.input_cont span:last-child {
top: auto;
left: auto;
bottom: 15px;
right: 15px;
}
.fld-date {
display: inline-block;
vertical-align: middle;
position: relative;
}
.fld-date span {
position: absolute;
top: 50%;
left: 20px;
margin-top: -.5em;
line-height: 1em
}
.fld-date input {
padding-left: 50px;
padding-right: 50px;
width: 240px;
background-image: url(/local/templates/main/css/../img/ico-calendar.png);
background-position: 100% 17px;
background-repeat: no-repeat;
text-align: right;
}
.fld-date input:focus {
background-position: 100% -81px;
}
.inline-radios,
.inline-radios label {
float: left;
border: 1px solid #d5dcde;
overflow: hidden;
}
.inline-radios {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.inline-radios label {
margin-left: -1px;
padding: 1em 20px;
border-width: 0 0 0 1px;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
}
.inline-radios input {
display: none;
}
.inline-radios label:hover {
color: #0e9800;
}
.inline-radios input:checked+label {
background: #0e9800;
color: #fff;
}
.inline-radios-blue label:hover {
color: #54a3e2;
}
.inline-radios-blue input:checked+label {
background: #54a3e2;
}
.clr-ex {
display: inline-block;
margin: 6px 0 0 10px;
padding: .1em 10px;
color: #fff;
}
.str_return .tbl-data td,
.str_data .tbl-data td {
height: auto;
}
.tbl-data td div {
position: relative;
padding: 15px 0;
}
.tbl-data td span.clr {
position: absolute;
bottom: 0;
left: 0;
height: 6px;
text-indent: -9999px;
overflow: hidden;
}
.time {
position: relative;
}
.ico-link,
.ico-pdf,
.ico-rtf,
.ico-doc,
.ico-docx,
.ico-xls,
.ico-jpeg,
.ico-jpg {
display: inline-block;
vertical-align: middle;
width: 56px;
height: 64px;
background: url(/local/templates/main/css/../img/file_icons.png) no-repeat;
}
.ico-pdf {
background-position: -76px -6px;
}
.ico-rtf {
background-position: -11px -6px;
}
.ico-doc,
.ico-docx {
background-position: -268px -5px;
}
.ico-xls {
background-position: -204px -5px;
}
.ico-jpeg,
.ico-jpg {
background-position: -140px -5px;
}
.ico-file-sm {
margin-right: 15px;
width: 24px;
height: 27px;
background-size: auto 100%;
}
.ico-file-sm.ico-pdf {
background-position: -24px 0;
}
.ico-file-sm.ico-rtf {
background-position: -1px 0;
}
.ico-file-sm.ico-doc,
.ico-file-sm.ico-docx {
background-position: -92px 0;
}
.ico-file-sm.ico-xls {
background-position: -70px 0;
}
.ico-file-sm.ico-jpeg,
.ico-file-sm.ico-jpg {
background-position: -47px 0;
}
.ico-link {
background: url(/local/templates/main/css/../img/link-icon.png) no-repeat 0 0;
}
.profiles_n .ico-pdf,
.profiles_n .ico-rtf,
.profiles_n .ico-doc,
.profiles_n .ico-xls {
float: left;
margin-left: -75px;
}
.ico-quest,
.ico-atten {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
border: 2px solid #bac2ca;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 18px;
line-height: 18px;
color: #bac2ca;
text-align: center;
cursor: pointer;
}
.ico-atten {
background: #bac2ca;
color: #fff;
}
.ico-quest:hover,
.ico-atten:hover {
background: #0e9800;
border-color: #0e9800;
color: #fff;
}
.switch-diag {
display: inline-block;
vertical-align: middle;
height: 38px;
border: 1px solid #d5dddf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.switch-diag div {
float: left;
margin: -1px;
width: 40px;
height: 40px;
background: url(/local/templates/main/css/../img/sprite.png) no-repeat;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
text-indent: -9999px;
overflow: hidden;
}
.switch-diag div.active {
background-color: #1c9617;
}
.switch-diag div.diag {
background-position: 50% -722px
}
.switch-diag div.diag.active {
background-position: 50% -682px
}
.switch-diag div.calc {
background-position: 50% -802px
}
.switch-diag div.calc.active {
background-position: 50% -762px
}
.archive {
margin-bottom: 3em;
}
.archive article {
display: inline-block;
margin-bottom: 3em;
padding-right: 2%;
vertical-align: top;
width: 33%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #3f474f;
}
.archive article div {
margin-bottom: .5em;
}
.archive article div.archive-date {
margin: 0;
font-weight: 700;
font-size: 14px;
color: #9ca8b4;
text-transform: uppercase;
}
.archive article strong {
color: #000;
font-size: 14px;
text-transform: uppercase;
}
.d-row {
margin: 0 -15px;
}
.d-row:after {
clear: both;
display: block;
height: 0;
content: '.';
visibility: hidden;
}
.d-col {
float: left;
padding: 0 15px;
min-height: 1px;
}
.d-col {
float: left;
position: relative;
padding: 0 15px;
min-height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.d-col-1 {
width: 8.33%;
}
.d-col-2 {
width: 16.66%;
}
.d-col-3 {
width: 25%;
}
.d-col-4 {
width: 33.33%;
}
.d-col-5 {
width: 41.66%;
}
.d-col-6 {
width: 50%;
}
.d-col-7 {
width: 58.33%;
}
.d-col-8 {
width: 66.66%;
}
.d-col-9 {
width: 75%;
}
.d-col-10 {
width: 83.33%;
}
.d-col-11 {
width: 91.66%;
}
.d-col-12 {
width: 100%;
}
.d-wsnw {
white-space: nowrap;
}
.ol-tbl {
margin: 0 0 3em;
padding: 0;
list-style: none;
counter-reset: list;
}
.ol-tbl li {
margin-bottom: .75em;
padding: 0 0 .75em 30px;
border-bottom: 1px solid #e5e8eb;
font-size: 14px;
color: #353943;
}
.ol-tbl li:before {
float: left;
width: 30px;
margin-left: -30px;
counter-increment: list;
content: counter(list) ".";
}
.process-relation {
position: relative;
margin-bottom: 2em;
padding: .33em;
border-bottom: 1px solid #1b9617;
font-size: 14px;
color: #353943;
text-align: center;
}
.process-relation:before,
.process-relation:after {
display: block;
position: absolute;
top: 100%;
width: 1px;
height: 20px;
background: #1b9617;
content: '.';
text-align: left;
text-indent: -9999px;
overflow: hidden;
}
.process-relation:before {
left: 0;
}
.process-relation:after {
right: 0;
}
.relation-0 {
margin: 0 60px 0 330px;
}
.relation-0:before,
.relation-0:after {
height: 56px;
}
.relation-1 {
margin-left: 360px;
margin-right: 360px;
}
.c_green {
color: #a2e735;
}
.fw-300 {
font-weight: 300;
}
.ul-plain li:before {
display: none;
}
.fund-group {
margin-bottom: 20px;
white-space: normal;
}
.fund-group .submenu-item a {
padding-bottom: 0;
padding-top: 0;
}
.fund-group .hr {
visibility: hidden;
}
#cnt-wrapper {
position: relative;
min-width: 1260px;
width: 100%;
min-height: 100%;
/*overflow:hidden;*/
}
#cnt-wrapper-i {
width: 100%;
}
p.no-result {
margin: 3em 0;
}
.review-person-wrap {
text-align: center;
}
.review-person-wrap img {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.review-person {
display: inline-block;
vertical-align: middle;
max-width: 80%;
text-align: left;
}
.max-w-1080 {
margin: 0 auto;
max-width: 1080px;
}
.ico-calendar-odd {
float: left;
width: 30px !important;
height: 30px !important;
background: url(/local/templates/main/css/../img/calendar.svg) no-repeat !important;
overflow: hidden;
}
.ui-datepicker {
z-index: 777;
padding: 0;
width: 240px;
background: #eff7f8;
font-size: 14px;
text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-header {
padding: 0;
color: #fff;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 50px;
padding: 0;
line-height: 50px;
font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
top: 0;
width: 50px;
height: 50px;
}
.ui-datepicker .ui-datepicker-prev {
left: 0;
}
.ui-datepicker .ui-datepicker-next {
right: 0;
}
.ui-datepicker .ui-datepicker-prev span {
margin-left: -12px;
}
.ui-datepicker .ui-datepicker-next span {
margin-left: -4px;
}
.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e {
width: 0;
height: 0;
border: 8px solid transparent;
}
.ui-icon-circle-triangle-w {
border-right-color: #fff;
}
.ui-icon-circle-triangle-e {
border-left-color: #fff;
}
.ui-datepicker table {
margin: 0 auto;
width: 210px;
font-size: 1em;
}
.ui-datepicker th {
color: #bac2ca;
font-weight: 700;
}
.ui-datepicker td span,
.ui-datepicker td a {
padding: 0;
width: 30px;
height: 30px;
color: #3f474f;
line-height: 30px;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
background: #cfe2e6;
}
.ui-datepicker td.ui-datepicker-today span,
.ui-datepicker td.ui-datepicker-today a {
background: #0e9800;
color: #fff;
}
.ui-datepicker td.ui-datepicker-week-end span,
.ui-datepicker td.ui-datepicker-week-end a {
color: #f84049;
}
.ui-datepicker .ui-state-default {
background: none;
}
.popup-window {
background: none;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.popup-window-top-row,
.popup-window-bottom-row,
.popup-window-left-column,
.popup-window-right-column {
display: none !important;
}
.popup-window-content-row .popup-window-center-column {
background: none;
}
.popup-window-content {
padding-bottom: 5px;
background: #eff7f8;
border: 1px solid #0e9800;
border-radius: 3px;
box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
}
.bx-calendar {
font-family: Open Sans;
color: #3f474f;
width: 240px;
}
.bx-calendar-header {
position: relative;
margin: 0;
padding: 0;
height: 50px;
line-height: 50px;
background: #0e9800;
border-radius: 2px 2px 3px 3px;
color: #fff;
font-weight: 700;
text-align: center;
}
.bx-calendar-left-arrow,
.bx-calendar-right-arrow {
position: absolute;
top: 50%;
margin: -6px 15px 0;
background: none;
border-radius: 0;
font-size: 0;
height: 0;
width: 0;
cursor: pointer;
border: 6px solid transparent;
}
.bx-calendar-left-arrow:hover,
.bx-calendar-right-arrow:hover {
background: none;
}
.bx-calendar-left-arrow {
left: 0;
border-right-color: #fff;
}
.bx-calendar-right-arrow {
right: 0;
border-left-color: #fff;
}
.bx-calendar-header-content {
display: block;
width: auto;
}
.bx-calendar-top-month,
.bx-calendar-top-year {
background: none;
color: #fff !important;
display: inline;
font-size: 14px;
margin: 0 2px;
padding: 0;
}
.bx-calendar-top-month:hover,
.bx-calendar-top-year:hover {
background: none;
}
.bx-calendar-cell-block {
overflow: hidden;
position: relative;
padding: 0;
}
.bx-calendar-cell {
font-size: 14px;
line-height: 30px;
height: 30px;
margin: 0;
padding: 0;
width: 30px;
border-radius: 3px;
}
.bx-calendar-cell,
.bx-calendar-cell:link,
.bx-calendar-cell:active,
.bx-calendar-cell:visited {
color: #3f474f;
}
.bx-calendar-cell:hover {
background-color: #cfe2e6;
color: #3f474f;
}
.bx-calendar-name-day {
color: #bac2ca;
font-size: 14px;
height: 30px;
margin: 0;
padding: 0;
width: 30px;
line-height: 30px;
text-transform: uppercase;
font-weight: 700;
}
.bx-calendar-range {
border: 0;
margin: 0;
padding: 0 0 0 15px;
}
.bx-calendar-weekend,
.bx-calendar-weekend:link,
.bx-calendar-weekend:active,
.bx-calendar-weekend:visited {
color: #f84049;
}
.bx-calendar-weekend:hover {
color: #f84049;
}
.bx-calendar-date-hidden,
.bx-calendar-date-hidden:link,
.bx-calendar-date-hidden:active,
.bx-calendar-date-hidden:visited {
color: #bac2ca;
}
.bx-calendar-active {
background-color: #0e9800;
color: #fff !important;
}
.bx-calendar-active:hover {
background-color: #dce3ea;
}
.bx-calendar-name-day-wrap {
background: none;
height: auto;
line-height: 1;
padding: 0 0 0 15px;
position: relative;
margin: 0;
}
.row-award {
padding: 3.75em 0;
border-bottom: 1px solid #e5e8eb;
color: #353943;
}
.row-award-i {
margin: 0 auto;
width: 1060px;
}
.row-award h2 {
margin-bottom: 1em;
font-weight: 400;
}
.row-award-img {
display: inline-block;
vertical-align: middle;
width: 240px;
}
.row-award-img img {
max-width: 200px;
}
.row-award-txt {
display: inline-block;
vertical-align: middle;
width: 780px;
}
.inst-m-top {
margin-top: 60px;
}
/* ENGLISH VERSION */
.main .funct_panel>.lang_switcher.ru {
width: 480px;
padding-left: 74px;
}
.main_menu.main.hide {
display: none;
}
.sub_menu.main.left {
width: 100%;
}
.sub_menu.main.left>div {
width: 1160px;
float: none;
position: static;
margin: 0 auto !important;
}
.sub_menu.main.left>div>div {
text-align: left;
}
.en .b-half div p {
font: 400 18px/25px 'Open Sans';
}
.en .b-little div p {
font: 400 14px/25px 'Open Sans';
}
.en .b-half h1 {
font: 600 54px/60px 'Open Sans';
}
.en .b-half .person .img_wrapper-grid {
margin-top: 30px;
float: left;
}
.en .b-half .person p {
display: inline-block;
font: 100 14px/25px 'Open Sans';
text-transform: none;
}
.en .about_us_en {
height: 323px;
/*706*/
/*background: url(/local/templates/main/css/../img/info-bg/about_us_en.jpg) no-repeat;*/
}
.en .about_us_en article {
width: 992px;
margin: auto;
margin-top: 18px;
text-align: center;
}
.en .about_us_en h2 {
text-transform: uppercase;
/*text-align: left !important;*/
}
.en .official_inf_en {
height: 343px;
}
.en .official_inf_en article {
width: 992px;
margin: auto;
margin-top: 18px;
text-align: center;
}
.en .official_inf_en h2 {
text-transform: uppercase;
}
.en ul li {
margin-top: 0px;
color: black;
}
.en ul li+li {
margin-top: 0px;
margin-bottom: 15px;
}
.en_active {
border-top: 2px #0e9800 solid;
}
.absolut_href {
position: absolute;
margin-top: -60px;
}
.en .person {
z-index: 1;
}
.en .b-half a .arrow {
z-index: 2;
}
.en .inv_capabiltites {
width: 1160px;
margin: 30px auto 60px auto;
margin-bottom: 0px;
}
.en .inv_capabiltites .fund-group>p {
cursor: auto;
}
.en .inv_capabiltites .fund-group>p:hover {
color: #191b1c;
}
.en .fund-group .group-sub-link,
.fund-group .group-sub-link a {
text-transform: none;
color: #bac2ca;
}
.en .market-outlook .b-medium-double div {
padding: 40px 40px 0 65px;
}
.en .market-outlook .b-medium-double .more {
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.en .market-outlook .b-medium-double .subscr {
display: block;
margin-top: 30px;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 10px;
text-transform: uppercase;
color: #fff;
width: 230px;
}
.en .market-outlook .b-medium-double .subscr:after {
content: "\25B6";
margin-left: 15px;
font-size: 26px;
}
.en .market-outlook>h1 {
text-align: center;
margin-bottom: 23px;
}
.en .contact_us_en p {
text-align: center;
margin: 50px 0px 100px 0px;
font-weight: bold;
text-transform: uppercase;
}
.en .contact_us_en a {
color: #fff;
transition: all 0.4s ease;
}
.en .contact_us_en a:hover {
opacity: 0.8;
}
.en .contact_us h1 {
font-size: 54px;
}
.en .contact_us h2 {
padding-top: 50px;
}
.en .contact_us a {
color: #fff;
transition: all 0.4s ease;
}
.en .contact_us a:hover {
opacity: 0.7;
}
body footer.main.en>div {
width: 1160px;
float: none;
position: static;
margin: 0 auto;
}
body footer.main.en .social {
float: right;
}
footer.en .social {
width: 215px;
margin-left: 154px;
float: left;
}
footer.en .social>a {
display: block;
content: '';
float: left;
height: 50px;
background-image: url(/local/templates/main/css/../img/soc-ico-sprite.png);
-webkit-transition: background-image 1s ease;
-o-transition: background-image 1s ease;
transition: background-image 1s ease;
}
footer.en .social>a:hover {
background-image: url(/local/templates/main/css/../img/soc-ico-sprite-hover.png);
-webkit-transition: background-image 1s ease;
-o-transition: background-image 1s ease;
transition: background-image 1s ease;
}
footer.en .social .soc_fb {
width: 46px;
background-position: 0px 0;
}
footer.en .social .soc_vk {
width: 54px;
background-position: -45px 0;
}
footer.en .social .soc_vk:hover {
width: 54px;
background-position: -45px 0;
}
footer.en .social .soc_twitter {
width: 49px;
background-position: -98px 0;
}
footer.en .social .soc_twitter:hover {
width: 49px;
background-position: -98px 0;
}
footer.en .social .soc_youtube {
width: 55px;
background-position: -147px 0;
}
footer.en .social .soc_youtube:hover {
width: 55px;
background-position: -147px 0;
}
.link-button {
background: #0e9800;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
font: 18px/18px 'Open Sans';
padding: 18px 22px;
-webkit-transition: background 0.4s ease 0s;
-moz-transition: background 0.4s ease 0s;
transition: background 0.4s ease 0s;
}
.link-button:hover {
background: #11a600;
color: #fff !important;
}
/* styling fancybox */
.fancybox-overlay {
background-color: rgba(0, 0, 0, .8) !important;
}
.fancybox-skin {
padding: 0 !important;
}
.fancybox-title-float-wrap .child {
border-radius: 3px !important;
}
.fancybox-nav span {
height: 60px !important;
width: 60px !important;
}
.fancybox-prev span {
background: url(/local/templates/main/css/../img/popup_button_left.png) no-repeat 0 0 !important;
background-size: cover !important;
left: 0 !important;
}
.fancybox-next span {
background: url(/local/templates/main/css/../img/popup_button.png) no-repeat 0 0 !important;
background-size: cover !important;
right: 0 !important;
}
.fancybox-close {
background: url(/local/templates/main/css/../img/close_popup.png) no-repeat 0 0 !important;
background-size: cover !important;
height: 40px !important;
top: 0 !important;
right: 0 !important;
width: 40px !important;
}
@media screen and (max-width: 1024px) {
.b-half p {
width: 100%;
}
}
@media screen and (min-width: 1536px) {
.sub_menu>div,
.sub_menu figure>div {
max-width: 1500px;
text-align: center;
}
}
.main_cont nav.left div .sub-menu__box a {
text-transform: uppercase;
}
.fix_map {
width: 100%;
height: 0.1px
}
.block_rm {
display: inline-block;
vertical-align: top;
}
#header-user-city {
overflow: hidden;
text-overflow: ellipsis;
position: absolute;
margin-left: 5px;
max-width: 120px;
white-space: nowrap;
display: inline-flex;
width: auto;
text-align: left;
}
.rm_map {
background: url(/local/templates/main/css/../img/header/icon_map.png) no-repeat;
background-position: 0px 15px;
margin-left: -1px;
width: 240px;
font-size: 14px;
}
.rm_map p {
padding-left: 20px;
color: rgb(53, 57, 67);
padding-right: 0px;
margin-top: 14px;
letter-spacing: -0.5px;
width: 220px;
}
.popup_button_rm span {
color: #96989d !important;
font-size: 18px !important;
}
.rm_map p a {
border-bottom: 1px #000 dotted;
cursor: pointer;
padding: 0;
margin: 0;
float: right;
border-top: 0;
}
.rm_save {
font: 14px 'Open Sans' !important;
color: rgb(255, 255, 255) !important;
}
.rm_setting {
font: 14px 'Open Sans' !important;
color: rgb(255, 255, 255) !important;
}
.ls_rm {
width: 180px;
height: 48px;
background: #f29a07 url(/local/templates/main/css/../img/header/lock.png) no-repeat;
background-position: 21px 13px;
float: right;
}
.ls_rm a {
border-top: 4px solid #f29a07 !important;
font: 14px 'Open Sans';
color: rgb(255, 255, 255) !important;
margin-left: 48px;
margin-right: 0px !important;
}
.social_rm {
display: inline-block;
float: right;
/* 27.08.19 */
padding: 10px 12px;
/* 27.08.19 END */
}
body .main_cont .hide_bock {
display: none !important;
}
.corp_section_rm {
margin-top: 25px;
}
.corp_section_rm a b span {
font: 18px 'Open Sans';
color: rgb(53, 57, 67);
line-height: 1.222;
font-weight: 600;
}
.corp__rm {
display: inline-block;
max-width: 260px;
vertical-align: top;
min-height: 220px;
min-width: 220px;
margin-right: 0px;
}
.corp__rm:nth-child(4) {
margin-right: 0px;
}
.corporate>div {
margin-top: 0px !important;
}
.corp__rm p {
font: 14px 'Open Sans';
color: rgba(53, 57, 67, 0.502);
line-height: 1.467;
margin-top: 5px;
}
.invest__rm {
display: inline-block;
max-width: 265px;
vertical-align: top;
width: 246px;
}
.invest__rm p {
font: 14px 'Open Sans';
color: rgba(53, 57, 67, 0.502);
line-height: 1.467;
margin-top: 5px;
}
.invest_section_rm {
margin-top: 25px;
}
.invest_section_rm a b span {
font: 18px 'Open Sans';
color: rgb(53, 57, 67);
line-height: 1.222;
font-weight: 600;
}
.invest__rm p {
font: 14px 'Open Sans';
color: rgba(53, 57, 67, 0.502);
line-height: 1.467;
margin-top: 5px;
}
.invest article {
text-align: center;
}
.h2_rm {
padding: 0 !important;
}
.h2_rm h2 {
font: 36px 'Open Sans';
color: rgb(53, 57, 67);
font-weight: bold;
line-height: 0.611;
text-transform: inherit;
letter-spacing: 0;
}
.carousel_rm {}
.slider_rm {}
.sl_rm {}
.slider_rm .sl_rm {
padding: 0 !important;
padding-top: 53px !important;
padding-left: 110px !important;
max-width: 630px;
letter-spacing: -1px;
}
.slider_rm .sl_rm h1 {
font: 36px 'Open Sans' !important;
color: rgb(53, 57, 67);
font-weight: bold !important;
line-height: 1.111 !important;
margin-bottom: 37px;
height: 110px;
}
.slider_text_rm {
padding: 0 !important;
}
.slider_text_rm p {
margin: 0 !important;
}
.slider_text_rm p:nth-child(1) {
font: 72px 'Open Sans';
color: rgb(53, 57, 67);
font-weight: bold;
text-transform: uppercase;
vertical-align: top;
width: auto;
position: relative;
}
.slider_text_rm p:nth-child(2) {
font: 14px 'Open Sans';
color: rgb(53, 57, 67);
vertical-align: top;
position: relative;
margin-left: -4px !important;
text-transform: initial;
max-width: 150px;
letter-spacing: 0.8px;
top: 12px;
line-height: 20px;
}
.slider_text_rm p:nth-child(3) {
font: 26px 'Open Sans';
color: rgb(53, 57, 67);
letter-spacing: -0.5px;
margin-top: -5px !important;
text-transform: inherit;
}
.sl_rm div:nth-child(3) {
padding: 0 !important;
margin-top: 100px;
line-height: 0;
}
.sl_rm div:nth-child(3) p {
margin: 0 !important;
padding: 0 !important;
font: 14px 'Open Sans';
color: rgb(53, 57, 67);
text-transform: inherit;
letter-spacing: 0.91px;
line-height: 19px;
}
.bottom_text_rm {
width: 1180px !important;
}
.bottom_text_rm span {
font: 9px 'Open Sans' !important;
color: rgb(138, 145, 153);
}
.rm_color_1 {
background-color: #f29b07;
}
.rm_color_2 {
background-color: #89ce1d;
}
.rm_color_3 {
background-color: #eef3f7;
}
.rm_color_3 div div h1 {
color: #353943;
}
.rm_color_3 div div p {
color: #353943;
}
.rm_color_4 {
background-color: #369a1e;
}
.corporate h1 {
font: 36px 'Open Sans';
color: rgb(53, 57, 67);
font-weight: bold;
line-height: 1.2;
padding-top: 81px;
letter-spacing: -1px;
}
.bottun_rm_corp {
letter-spacing: 0;
}
.more_articles {
color: #fff;
}
.half__rm {
float: none !important;
margin-left: 0px !important;
width: 50%;
background: #89ce1d;
}
.map_after .half__rm:nth-child(3) {
background: #469ce2;
}
.calculator_rm {
width: 100% !important;
display: block;
text-align: center;
margin-bottom: 115px !important;
}
.pif div.port_res {
margin: auto !important;
margin-top: 26px !important;
width: 880px;
display: block;
position: relative;
left: 50px !important;
}
.calculator_rm .lineRadio .radio {
display: none;
}
.lineRadio {
display: inline-block;
float: none;
margin: auto;
margin-top: 0px !important;
position: relative;
font: 14px 'Open Sans';
border: 1px #d5dcde solid;
border-radius: 3px;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
}
.lineRadio label {
cursor: pointer;
}
.rm_h1_inv {
margin-top: 45px;
font: 36px 'Open Sans';
color: rgb(0, 0, 0);
font-weight: bold;
margin-bottom: 28px;
letter-spacing: -0.27px;
}
.active_port_rm {
background: #f29b07;
color: #fff;
}
.left_img_absolut {
position: absolute;
left: 0;
margin-top: 178px;
}
.right_img_absolut {
position: absolute;
right: 0;
margin-top: 176px;
}
.left_block_port ul {
margin: 0 !important;
padding: 0 !important;
}
.center_block_port {
margin: 0 !important;
padding: 0 !important;
width: 300px !important;
margin-top: -28px !important;
}
.right_block_port {
margin: 0 !important;
padding: 0 !important;
max-width: 220px;
margin-left: 30px !important;
margin-top: -85px !important;
}
.right_block_port p {
font: 14px 'Open Sans';
color: rgb(156, 168, 180) !important;
font-weight: 300;
}
.port_res.invest-p {
position: relative;
display: block;
margin-top: 38px !important;
}
.lgnd_list {
display: inline-block;
position: absolute;
margin: 0 !important;
margin-bottom: 20px !important;
}
.calculator_rm>div:nth-child(3) {
margin-top: 0px !important;
}
.calculator_rm>div:nth-child(1) {
display: none;
}
.calculator_rm>div:nth-child(2) {
display: none;
}
.popup_setting_table .dynamics__buttons .dynamics__button__all {
margin-top: -4px !important;
height: 35px;
border: 1px #fff solid;
text-align: left;
margin-left: 0px;
position: absolute;
font-size: 14px;
background: none;
}
.popup_setting_table .dynamics__buttons .dynamics__button_grey {
margin-left: 20px !important;
margin-top: -3px !important;
height: 35px !important;
padding: 5px 5px 7px 5px !important;
}
.pre_map span {
margin-top: 70px;
}
.fond_and_du div.corp__rm:nth-child(1) div a img {
margin-left: 63px;
}
.fond_and_du>div.corp__rm:nth-child(1)>div:nth-child(2) {
margin-top: 24px;
margin-left: -15px;
}
.fond_and_du>div.corp__rm:nth-child(1)>p {
margin-top: 10px;
margin-left: 7px;
}
.fond_and_du>div.corp__rm:nth-child(2)>div:nth-child(1) a img {
margin-left: 87px;
}
.fond_and_du>div.corp__rm:nth-child(2)>div:nth-child(2) {
margin-left: 78px;
}
.fond_and_du>div.corp__rm:nth-child(2)>p {
margin-left: 79px;
margin-top: 9px;
}
.pre_map h1 {}
.fond_and_du>div.corp__rm:nth-child(3)>div:nth-child(1) a img {
margin-left: 143px;
}
.fond_and_du>div.corp__rm:nth-child(3)>div:nth-child(2) {
width: 255px;
margin-left: 73px;
}
.fond_and_du>div.corp__rm:nth-child(3)>p {
margin-top: 9px;
margin-left: 87px;
}
.fond_and_du>div.corp__rm:nth-child(4)>div:nth-child(1) a img {
margin-left: 150px;
}
.fond_and_du>div.corp__rm:nth-child(4)>div:nth-child(2) {
width: 190px;
margin-left: 116px;
}
.fond_and_du>div.corp__rm:nth-child(4)>p {
margin-left: 96px;
margin-top: 9px;
}
.search_btn {
background: url(/local/templates/main/css/../img/index/lupa.png) no-repeat;
}
.contact_number .phoneNumber {
font: 26px 'Open Sans';
color: rgb(53, 57, 67);
font-weight: 600;
letter-spacing: -1.22px;
}
.investors_rm .carwrapper {
height: 520px !important;
}
.investors_rm .b-half {
width: 50%;
height: 258px;
}
.investors_rm .blue {
background: #4b9ee0;
}
.investors_rm .b-little h1,
.b-medium-double h1,
.b-large-hor h1.num {
font: 600 54px/1 'Open Sans' !important;
color: #fff;
}
.investors_rm .slider_rm .sl_rm {
max-width: 460px;
}
.investors_rm .slider_text_rm p:nth-child(2) {
top: 10px;
}
.investors_rm .sl_rm div:nth-child(3) {
margin-top: 65px;
}
.investors_rm .slider_text_rm+div p {
max-width: 173px !important;
}
.corp_page_rm .b-half {
width: 50%;
height: 272px;
}
.corp_page_rm .blue {
background: none;
}
.corp_page_rm .arrow {
display: block;
}
.corp_new_left section {
margin: 70px 0 0 640px;
}
.type_4_rm .b-half {
width: 50%;
height: 258px;
}
.type_4_rm .blue {
background: #4b9ee0;
}
.individuals_rm_t div div.port_res {
margin-top: 1.25em !important;
width: 50%;
left: 0 !important;
}
.individuals_rm .port_res.invest-p>div {
margin-top: 0px;
width: 335px;
}
.individuals_rm_t .invest-p .port_serv+ul {
padding-left: 0;
}
.individuals_rm_t .percents_lb {
position: absolute;
top: 1em;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 200px;
height: 100px;
}
.individuals_rm_t.pif .percents_lb {
left: 0px;
}
.individuals_rm_t.pif .percents_lb span {
font-size: 14px;
}
.individuals_rm_t .percents_lb span {
opacity: .6;
display: block;
font-size: 18px;
color: #000000;
text-align: center;
}
.individuals_rm_t.pif .percents_lb span+span {
font-size: 36px;
font-weight: 600;
margin-top: 10px;
color: #000;
opacity: 1;
}
.individuals_rm_t .port_res.invest-p>div {
width: auto;
}
.personal_p_after_rm .b-half {
width: 50%;
height: 258px;
}
.personal_p_after_rm .arrow {
display: block
}
.selectable_banner .blue {
background: #4b9ee0;
}
.selectable_banner .b-little {
height: 260px;
}
.selectable_banner .paginator {
top: 473px !important;
left: 436px !important;
}
.selectable_banner .slider_rm .sl_rm {
padding: 0 !important;
padding-top: 53px !important;
padding-left: 110px !important;
max-width: 630px;
letter-spacing: -1px;
}
.selectable_banner .slider_rm .sl_rm h1 {
font: 36px 'Open Sans' !important;
color: rgb(53, 57, 67);
font-weight: bold !important;
line-height: 1.111 !important;
margin-bottom: 37px;
height: 110px;
}
/*
.grid.start_grid.clearfix.main_page .carwrapper .carousel_rm .baskgr_1{
background: url(/local/templates/main/img/slider/murom_long.png);
}
.grid.start_grid.clearfix.main_page .carwrapper .carousel_rm .baskgr_2{
background: url(/local/templates/main/img/slider/euro_long.png);
}
.grid.start_grid.clearfix.main_page .carwrapper .carousel_rm .baskgr_3{
background: url(/local/templates/main/img/slider/sb-iis-large.png);
}
*/
.grid.start_grid.clearfix.main_page .carwrapper .carousel_rm .baskgr_4 {
background: url(/local/templates/main/img/slider/risk2.png);
}
/*
.grid.start_grid.clearfix.main_page .carwrapper .carousel_rm .baskgr_5{
background: url(/local/templates/main/img/slider/sb-factory-large.png);
}
.selectable_banner .carwrapper .carousel_rm .baskgr_1{
background: url(/local/templates/main/img/slider/murom_long.png);
}
.selectable_banner .carwrapper .carousel_rm .baskgr_2{
background: url(/local/templates/main/img/slider/euro_long.png);
}
.selectable_banner .carwrapper .carousel_rm .baskgr_3{
background: url(/local/templates/main/img/slider/sb-iis-large.png);
}
*/
.selectable_banner .carwrapper .carousel_rm .baskgr_4 {
background: url(/local/templates/main/img/slider/risk2.png);
}
/*
.selectable_banner .carwrapper .carousel_rm .baskgr_5{
background: url(/local/templates/main/img/slider/sb-factory-large.png);
}
*/
.selectable_banner .carwrapper {
float: right !important;
width: 75% !important;
}
.dynamics-list .fond_mini_rm {
margin-bottom: 3px !important;
}
.dynamics-list__header {
height: 34px;
}
.dynamics-list__item {
padding-bottom: 7px !important;
}
.b-little p,
.grid div p {
letter-spacing: 0.44px;
}
.b-little.d-orange.vert_line div div a h1+span {
letter-spacing: 0.7px;
text-transform: lowercase;
}
.rm_padding .rm_block_left .num {
font: 72px/72px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
font-weight: bold !important;
text-transform: uppercase;
}
.calculator_rm>div>div>.lineRadio:nth-child(1) {
border-right: none;
}
.calculator_rm>div>div>.lineRadio:nth-child(2) {
margin-left: -5px;
border-right: none;
}
.calculator_rm>div>div>.lineRadio:nth-child(3) {
margin-left: -5px;
}
.rick_text_rm_none {
text-align: center;
margin: 0 !important;
margin-top: -21px !important;
}
.rick_text_rm {
font: 14px 'Open Sans';
color: rgba(67, 77, 86, 0.8);
font-weight: bold;
}
.calculator_rm .rick_text_rm_none .s_rs {
display: inline-block;
width: auto;
margin: 0 !important;
padding: 0 !important;
margin-left: -50px !important;
}
.calculator_rm .rick_text_rm_none .n_rs {
display: none;
width: auto;
margin: 0 !important;
padding: 0 !important;
margin-top: 5px !important;
height: 20px;
margin-left: -50px !important;
}
.calculator_rm .rick_text_rm_none .h_rs {
display: none;
width: auto;
margin: 0 !important;
padding: 0 !important;
margin-top: 5px !important;
height: 20px;
margin-left: -50px !important;
}
.bottom_text_rm {}
.main_page>div:nth-child(3)>div {
padding-top: 25px;
}
.main_page>div:nth-child(3)>div .personal_new .img_wrapper-grid {
margin-top: 5px;
margin-left: -4px;
}
.main_page>div:nth-child(3)>div .personal_new .img_wrapper-grid+p {
margin-left: 3px;
}
.main_page>div:nth-child(3)>div+a {
bottom: 27px;
right: 41px;
}
.main_page>div:nth-child(1)>div .personal_new {
margin-top: 15px;
margin-left: 3px;
}
.main_page>div:nth-child(1)>div .personal_new h3 {
margin-top: 8px;
margin-left: -10px;
}
.main_page>div:nth-child(1)>div+a {
bottom: 27px;
right: 44px;
}
.corporate_after .b-little:nth-child(1)>div>div>p {
margin-top: 16px;
}
.corporate_after .b-little:nth-child(2)>div>div>p {
margin-top: 14px;
}
.corporate_after .b-little:nth-child(3)>div>div>p {
margin-top: 14px;
}
.corporate_after .b-little:nth-child(4)>div>div>a>p {
margin-top: 14px;
}
.paginator .page-point {
border: 1px solid #fff;
}
.paginator .page-point.selected {
border: 1px solid gray !important;
}
#header-user-city {
left: 135px;
}
#header-user-city_rm {
letter-spacing: 0.3px;
}
#header-user-city span:after {
margin: 6px 0px 0 5px !important;
}
.paused_rm {
width: 9px;
height: 12px;
background: url(/local/templates/main/css/../img/slider/pouse.png);
top: 475px !important;
left: 230px !important;
position: absolute;
z-index: 50;
cursor: pointer;
}
.pre_map p {
left: 0 !important;
float: none !important;
text-align: center;
}
.pre_map.clearfix {
text-align: center;
}
.pp_pad .popap_td_rm_elem:nth-child(1) {
padding-right: 13px !important;
}
.rm_h2_slider {
font: 36px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
font-weight: 600 !important;
}
.text_bottom_section {
font: 26px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
text-transform: inherit !important;
letter-spacing: normal !important;
margin-top: 18px !important;
width: 270px !important;
}
.text_bottom_slider {
margin-top: 160px !important;
}
.text_bottom_slider p {
font: 14px 'Open Sans' !important;
}
.text_bottom_section_2 {
font: 26px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
text-transform: inherit !important;
letter-spacing: normal !important;
width: 320px !important;
margin-top: 30px !important;
}
.center_text {
margin-top: 25px !important;
}
.center_text span {
font: 72px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
font-weight: bold !important;
}
.slider_rm .sl_rm .center_text p {
position: absolute !important;
letter-spacing: normal !important;
font-weight: 600 !important;
width: 80px !important;
margin-top: 10px !important;
margin-left: 20px !important;
}
.text_bottom_slider_2 {
padding: 0 !important;
}
.text_bottom_slider_2 p {
margin: 0 !important;
padding: 0 !important;
font: 14px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
text-transform: inherit !important;
letter-spacing: normal !important;
margin-top: 80px !important;
}
.rm_h2_slider_3 {
font: 36px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
font-weight: 600 !important;
width: 415px;
}
.center_text_2 {
padding: 0 !important;
margin-top: 20px !important;
}
.slider_rm .sl_rm .center_text_2 span {
font: 72px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
font-weight: bold !important;
}
.slider_rm .sl_rm .center_text_2 p {
position: absolute !important;
letter-spacing: normal !important;
width: 130px !important;
margin-top: 10px !important;
margin-left: 20px !important;
color: #aaabb0 !important;
font: 14px 'Open Sans' !important;
font-weight: 500 !important;
}
.center_text_2_2 {
margin: 0 !important;
}
.slider_rm .sl_rm .center_text_2_2 span {
font: 72px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
font-weight: bold !important;
}
.slider_rm .sl_rm .center_text_2_2 p {
position: absolute !important;
letter-spacing: normal !important;
width: 130px !important;
margin-top: 10px !important;
margin-left: 20px !important;
color: #aaabb0 !important;
font: 14px 'Open Sans' !important;
font-weight: 500 !important;
text-transform: uppercase !important;
}
.slider_rm .sl_rm .text_bottom_slider_3 {
padding: 0 !important;
margin-top: 30px !important;
}
.slider_rm .sl_rm .text_bottom_slider_3 p {
margin: 0 !important;
padding: 0 !important;
font: 14px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
text-transform: inherit !important;
letter-spacing: normal !important;
}
.slider_rm .sl_rm .h2_small_rm {
color: #000 !important;
font-size: 18px !important;
margin-bottom: 15px !important;
text-transform: uppercase !important;
min-width: 420px !important;
}
.slider_rm .sl_rm .bottom_section_rm_4 {
padding: 0 !important;
font: 36px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
margin-top: 50px !important;
width: 250px !important;
}
.slider_rm .sl_rm .center_text_4_small {
color: rgb(53, 57, 67);
letter-spacing: normal;
max-width: 335px;
margin-top: 40px;
font-size: 14px;
}
.slider_rm .sl_rm .bottom_text_slider_4 {
margin: 0 !important;
padding: 0 !important;
font: 14px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
text-transform: inherit !important;
letter-spacing: normal !important;
margin-top: 70px !important;
max-width: 288px;
}
.rm_h2_slider_5 {
font: 36px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
font-weight: 600 !important;
width: 440px !important;
}
.slider_rm .sl_rm .text_bottom_section_5 {
padding: 0 !important;
font: 26px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
letter-spacing: normal !important;
text-transform: inherit !important;
margin-top: 20px !important;
font-weight: 300 !important;
}
.slider_rm .sl_rm .text_center_5_rm {
margin: 0 !important;
margin-top: 15px !important;
}
.slider_rm .sl_rm .text_center_5_rm span {
font: 72px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
font-weight: bold !important;
}
.slider_rm .sl_rm .text_center_5_rm p {
position: absolute !important;
letter-spacing: normal !important;
width: 180px !important;
margin-top: 10px !important;
margin-left: 20px !important;
font: 14px 'Open Sans' !important;
font-weight: 600 !important;
text-transform: uppercase !important;
}
.slider_rm .sl_rm .bottom_slider_5_rm {
padding: 0 !important;
margin-top: 15px;
}
.slider_rm .sl_rm .bottom_slider_5_rm p {
margin: 0 !important;
padding: 0 !important;
font: 14px 'Open Sans' !important;
color: rgb(53, 57, 67) !important;
text-transform: inherit !important;
letter-spacing: normal !important;
}
.active_rr {
/* color: #fff!important;
border-bottom: 3px #fff solid!important;*/
}
.orange_bottom_consult a {
border-bottom: 3px #f29a07 solid !important;
}
.fixed .sub-menu__box a {
border-bottom: 3px transparent solid !important;
}
.fixed .sub-menu__box .orange_bottom_consult a {
border-bottom: 3px #f29a07 solid !important;
}
.fixed .active_rr {
color: #000 !important;
}
* {
outline: none;
}
.invest_section_rm a b span:hover {
color: #0e9800 !important;
}
.corp_section_rm a b span:hover {
color: #0e9800 !important;
}
.popup_dinamik_table thead {
z-index: 50;
background: #fff;
position: fixed;
height: 73px;
top: 0;
width: 830px;
}
.popup_dinamik_table_switcher {
height: 73px;
}
.popup_dinamik_table tbody {
position: relative;
}
.popup_dinamik_table {
min-width: 830px;
}
.main_cont .main_menu.main .block_rm.ls_rm a:hover {
color: #fff !important;
}
.arhiv_rm {
margin-left: 95px;
cursor: pointer;
width: 160px;
margin: auto;
margin-bottom: 45px;
}
.exclamation {
color: #5c6166;
font: 18px/25px 'Open Sans';
padding-left: 30px;
position: relative;
}
.exclamation:before {
background: url("/local/templates/main/css/../img/sprite.png") repeat -1px -585px;
content: "";
display: inline-block;
height: 22px;
position: absolute;
top: 0;
left: 0;
width: 23px;
}
.exclamation_green:before {
background: url("/img/exclamation_green.png") no-repeat 0 0;
}
.org_height_text_rm {
max-height: 95px;
text-overflow: ellipsis;
overflow: hidden;
}
.info_center .b-half .pre_article .more_rm {
padding: 0;
margin: 0;
text-align: right;
width: 96%;
}
.sub-menu__dropdown-btn a {
color: rgba(255, 255, 255, 1);
}
.sub_active .sub-menu__dropdown-btn a {
color: #0e9800 !important;
}
.mCSB_container a {
color: #3f474f;
}
.popap_td_rm_elem a {
color: rgb(0, 0, 0);
}
.popap_td_rm_elem img {
vertical-align: top;
position: absolute;
top: 20px;
margin-left: 10px;
}
.lineRadio label:nth-child(2) {
display: block;
padding: 17px 20px 15px 18px;
}
.risk-info {
display: none;
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -175px;
width: 350px;
background-color: #fff;
font-family: 'Open Sans';
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #000;
text-decoration: none;
border: 2px solid #d5dcde;
border-radius: 5px;
padding: 10px 12px;
text-align: center;
transition: all 0.2s linear;
z-index: 5000;
}
.risk-info:after {
content: '';
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -9px;
width: 20px;
height: 9px;
background: url("/local/templates/main/css/../img/pngsprite/arrow-down-2.jpg") no-repeat center;
}
.risk-info.active {
display: block;
}
.risk-info {
display: none;
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -175px;
width: 350px;
background-color: #fff;
font-family: 'Open Sans';
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #000;
text-decoration: none;
border: 2px solid #d5dcde;
border-radius: 5px;
padding: 10px 12px;
text-align: center;
transition: all 0.2s linear;
z-index: 5000;
}
.risk-info:after {
content: '';
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -9px;
width: 20px;
height: 9px;
background: url("/local/templates/main/css/../img/pngsprite/arrow-down-2.jpg") no-repeat center;
}
.risk-info.active {
display: block;
}
.pif .after_port_res {
margin-bottom: 65px !important;
}
.info.corporate h2 {
padding-top: 65px;
}
.info.corporate .button {
margin: 30px 0 65px;
}
.main_page .pre_map span {
margin-top: 60px;
}
.large-rm-subtitle {
font-size: 9px;
color: #959595;
margin-left: -3px;
display: inline-block;
}
/* 27.08.19 */
.main_cont>footer.main {
display: flex;
justify-content: center;
align-items: center;
}
.main_cont>.main .footer-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
footer .map_control {
padding: 13px 12px 15px 31px;
}
footer .footer-wrap__info {
display: flex;
align-items: center;
}
footer .sberbank_group {
padding: 12px 16px 13px 33px;
}
body .main.sub_menu {
height: 54px;
}
/* 27.08.19 END */
/* End */
/* Start:/local/templates/main/css/personal_financial_planning.css?15507419145561*/
b {
font-weight: 700;
}
header .main_logo {
margin-top: 10px;
}
.personal-wrapper {
padding: 75px 110px 0;
}
.personal-wrapper img[src=""] {
display: none;
}
.personal-wrapper a,
.personal-wrapper span,
.personal-wrapper p,
.personal-wrapper b {
font-family: 'Open Sans';
}
.personal-title {
text-align: center;
margin-bottom: 75px;
font-weight: 700;
}
.personal-section-top {
padding: 0 48px;
margin-bottom: 75px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.personal-section-top__item {
width: 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
a.personal-section-top__item:hover span {
color: #0e9800 !important
}
.personal-section-top__img-wrapper {
margin-bottom: 26px;
width: 78px;
height: 78px;
display: flex;
justify-content: center;
align-items: flex-end;
}
.personal-section-top__img-wrapper svg {
width: 100%;
height: 100%;
}
.personal-section-top__item span {
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #333333;
width: 100%;
text-align: center;
}
.personal-section-text {
margin-bottom: 75px;
}
.personal-section-text span {
display: block;
font-size: 18px;
line-height: 24px;
color: #333333;
font-weight: 300;
}
.personal-section-text span:not(:last-child) {
margin-bottom: 24px;
}
.personal-section-text span b {
font-weight: 600;
}
.personal-howitworks-title {
width: 100%;
text-align: center;
margin-bottom: 75px;
}
.personal-howitworks-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.personal-howitworks-item {
width: calc(25% - 10px);
}
.personal-howitworks-img {
display: flex;
width: 100%;
height: 66px;
justify-content: flex-start;
margin-bottom: 27px;
}
.personal-howitworks-img svg {
height: 100%;
width: auto;
}
.personal-howitworks-item p {
padding-top: 30px;
border-top: 2px solid #e8e8e8;
display: block;
font-size: 18px;
line-height: 25px;
color: #333333;
font-weight: 300;
}
.personal-howitworks-item span {
display: inline-block;
margin-right: 10px;
font-size: 18px;
line-height: 25px;
color: #0aaf0a;
font-weight: 600;
}
.btn-wrapper {
display: flex;
width: 100%;
justify-content: center;
}
.personal-howitworks-button {
margin-bottom: 61px;
}
.personal-howitworks-button button {
font-size: 18px;
padding: 18px 22px;
}
.personal-howitworks-info {
margin-bottom: 61px;
width: 100%;
}
.personal-howitworks-info p {
display: block;
font-size: 14px;
line-height: 20px;
color: #9ca8b4;
font-weight: 400;
}
.personal-howitworks-info p:not(:last-child) {
margin-bottom: 19px;
}
.only_one_iis {
width: calc(100% - 205px);
padding: 25px 60px;
margin: 0 auto;
position: relative;
background-color: #eef3f7;
}
.one_iis_text:before {
background: url(/img/exclamation_green.png) no-repeat 0 0;
content: "";
display: inline-block;
height: 22px;
position: absolute;
top: 25px!important;
left: 20px!important;
width: 23px;
}
.one_iis_text h2 {
position: relative;
font-weight: 700;
text-transform: uppercase;
}
.news_with-ico {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
width: 80%;
opacity: 1!important;
align-items: center;
}
.news_with-ico {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
width: 80%;
opacity: 1!important;
align-items: center;
}
.soc-icons {
display: inline-block;
opacity: .85;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.strategy-trust.cf {
margin-top: 35px;
}
.fond_and_duw__grey {
font: 14px 'Open Sans'!important;
color: rgba(53, 57, 67, 0.502)!important;
line-height: 1.467!important;
margin-top: 9px!important;
}
a.personal-section-top__item:hover .fond_and_duw__grey {
font: 14px 'Open Sans'!important;
color: rgba(53, 57, 67, 0.502)!important;
line-height: 1.467!important;
margin-top: 9px!important;
}
.fond_and_dur .fond_and_duw {
margin-bottom: 20px;
}
.body-index .info.invest > div {
width: 100%;
padding: 0 60px;
}
@media (max-width: 1280px) {
.body-index .info.invest {
padding: 0 15px;
}
.body-index .info.invest > div {
padding: 0 30px;
}
}
@media (max-width: 768px) {
.fond_and_duw__grey {
display: none!important;
}
.body-index .info.invest > div {
padding: 0;
}
}
@media (max-width: 543px) {
.main_cont .personal-section-top {
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.main_cont .personal-section-top__item span {
font-weight: 600;
display: inline-block;
width: calc(100% - 77px);
text-align: left;
}
.main_cont .personal-section-top__img-wrapper {
width: 57px!important;
height: 57px!important;
margin-bottom: 0!important;
margin-right: 20px!important;
}
.main_cont .personal-section-top__item {
width: 61%!important;
flex-direction: row!important;
align-items: center;
justify-content: flex-start;
margin-bottom: 32px!important;
}
.main_cont .personal-section-top__img-wrapper svg {
width: 100%;
height: 100%;
}
.main_cont .invest__rm > div:first-child {
width: 57px;
}
.main_cont .personal-wrapper {
padding: 15px 0px 0!important;
}
.personal-title {
padding: 0 15px;
}
.body-index .info.invest {
padding: 0;
}
}
@media (max-width: 420px) {
.main_cont .personal-section-top__item {
width: 83%!important;
}
}
/* End */
/* Start:/local/templates/main/css/adaptive.css?156838026146141*/
body.overflow {
/* overflow: hidden!important; */
}
.sub-menu__mobile {
display: none;
}
.btn-ontop {
display: none;
}
.sub-menu__mobile__list li:before {
display: none;
}
.sub-menu__mobile__list li:not(:last-child) {
border-bottom: 1px solid #e5e8eb;
}
.sub-menu__mobile__link {
border: none !important;
display: block !important;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: -.9px !important;
padding: 16px 0px 16px 20px !important;
}
.sub-menu__mobile__link.active {
border: none;
border-color: inherit !important;
box-shadow: 0px 5px 24px 0px rgba(186, 194, 202, 0.44);
margin-top: inherit !important;
padding-top: 10px !important;
padding-top: inherit !important;
}
.sub-menu__mobile__link:hover {
box-shadow: 0px 5px 24px 0px rgba(186, 194, 202, 0.44);
}
.sub-menu__mobile__title {
letter-spacing: -.4px;
}
.sub-menu__mobile__title>span {
position: relative;
}
.menu-arrow {
font-family: arial, helvetica, sans-serif;
position: absolute;
right: -15px;
}
.mobiles {
display: none;
flex-direction: column;
padding-top: 4px;
}
.mobiles__link {
font-size: 18px;
letter-spacing: -.7px;
}
.mobiles__text {
font-size: 18px;
letter-spacing: -.8px;
margin-left: 4px;
}
.mobile-nav {
align-items: center;
display: none;
flex-direction: row;
justify-content: space-between;
width: 112px;
}
.mobile-nav__item--1 {
background: url('/local/templates/main/css/../img/header/location.svg') no-repeat center;
background-size: 100%;
height: 35px;
width: 35px;
}
.mobile-nav__item--2 {
background: url('/local/templates/main/css/../img/header/phone.svg') no-repeat center;
background-size: 100%;
height: 35px;
width: 35px;
}
.mobile-nav__item--3 {
background: url('/local/templates/main/css/../img/ico-mob-3.svg') no-repeat center;
background-size: 100%;
height: 21px;
width: 23px;
}
.mobile-menu {
background-color: #fff;
display: none;
position: absolute;
top: 16px;
right: 33px;
width: calc(100% + 15px - 48px);
z-index: 5000;
}
.mobile-menu.active {
display: block !important;
}
.mobile-menu__list {
background-color: #fff;
list-style: none;
padding-left: 0;
position: absolute;
width: 100%;
}
.mobile-menu__item {
margin: 0;
position: relative;
}
/*
.mobile-menu__item.with-submenu:after {
position: absolute;
content: '';
right: 22px;
top: 21px;
z-index: 1;
width: 16px;
height: 9px;
transition: all 0.2s linear;
background: url("/local/templates/main/css/../img/header/arrow.svg") no-repeat center;
}
*/
.mobile-menu__item.with-submenu {
position: relative;
}
.mobile-menu__item.with-submenu .screw {
position: absolute;
content: '';
right: 0;
top: 0;
z-index: 3;
width: 16px;
height: 9px;
transition: all 0.2s linear;
background: url("/local/templates/main/css/../img/header/arrow.svg") no-repeat center;
padding: 8px;
border: 16px solid transparent;
}
/*
.mobile-menu__item.with-submenu.active:after {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
*/
.mobile-menu__item.with-submenu.active .screw {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.mobile-menu__item:before {
display: none;
}
.mobile-menu__item:not(:last-child) {
border-bottom: 1px solid #e5e8eb;
}
.mobile-menu__link {
z-index: 2;
border: none !important;
display: block !important;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400 !important;
letter-spacing: -.9px !important;
padding: 12px 12px 11px 16px !important;
}
.with-submenu__list-item .mobile-menu__link {
width: 100%;
}
.mobile-menu__link:hover {
box-shadow: 0px 5px 24px 0px rgba(186, 194, 202, 0.44);
}
.mobile-menu__link.active {
border: none;
border-color: inherit !important;
box-shadow: 0px 5px 24px 0px rgba(186, 194, 202, 0.44);
margin-top: inherit !important;
padding-top: 10px !important;
padding-top: inherit !important;
}
.menu-close {
align-items: center;
background-color: #f7f7f7;
cursor: pointer;
display: flex;
height: 48px;
justify-content: center;
position: absolute;
right: -48px;
transform: translateX(49px);
transition: all 0.3s ease;
width: 48px;
}
.menu-close.active {
transform: translateX(0);
}
.menu-close__ico {
background: url("/local/templates/main/css/../img/header/krest.svg") no-repeat center;
background-size: 100%;
display: none;
height: 14px;
width: 14px;
}
.frx-title {
display: none;
}
.frx-date,
.frx-readmore {
color: #9fa4aa !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
}
.h2_rm h2 {
line-height: 44px;
}
.more_articles__mobile {
display: none;
width: 0;
height: 0;
border-style: solid;
border-width: 4.5px 0 4.5px 6px;
border-color: transparent transparent transparent #ffffff;
}
.adaptive-news {
display: none;
padding: 30px 15px;
background-color: #f2f2f2;
}
.news-mobile__detail {
padding-left: 4px;
}
.comp_fact_line_items_addptive {
display: none;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
}
.comp_fact_line_items_addptive .b-little {
width: 50% !important;
height: 250px !important;
padding: 40px 10px 10px 40px;
}
body .comp_fact_line_items_addptive .b-little h2 {
font-size: 72px !important;
line-height: 72px !important;
font-weight: 900 !important;
}
body .comp_fact_line_items_addptive .b-little h2 span {
font-size: 36px !important;
line-height: 36px !important;
font-weight: 900;
}
body .comp_fact_line_items_addptive .b-little p {
font-size: 18px !important;
line-height: 24px !important;
margin-top: 15px !important;
}
.popup_dinamik_table_th:nth-child(1) {
width: 383px;
padding: 17px 18px 17px 20px;
max-width: none !important;
}
.popup_dinamik_table_th:nth-child(2) {
padding: 17px 0;
text-align: center;
width: 160px;
padding-right: 2px;
}
.popup_dinamik_table_th:nth-child(3) {
padding: 17px 0;
text-align: center;
width: 210px;
max-width: none;
flex-shrink: 0;
}
.popup_dinamik_table_th:nth-child(4) {
padding: 17px 0;
padding-left: 15px;
width: 138px;
max-width: none;
display: flex;
text-align: right;
justify-content: flex-end;
align-items: flex-start;
padding-right: 35px;
}
.popup_rm .usd_item .popap_td_rm_sect {
width: 341px;
}
.popup_dinamik_table thead {
width: 100%;
}
.popup_dinamik {
width: auto !important;
}
.popup_dinamik_table {
width: 100% !important;
}
.popup_button_rm {
height: 48px;
width: 48px;
padding-top: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.popup_setting_table .dynamics__buttons {
width: auto;
}
.mobile-pai,
.mobile-rub {
display: none !important;
}
body .mobile-pai {
text-transform: uppercase !important;
color: rgba(54, 57, 67, .7) !important;
font-size: 14px !important;
font-weight: 700 !important;
width: 35px !important;
text-align: left !important;
}
.mobile-rub {
margin-left: 5px;
}
.with-submenu__item {
display: none;
overflow: hidden;
justify-content: flex-start;
width: 100%;
padding-left: 16px;
}
.mobile-menu__item.with-submenu.active .with-submenu__item {
display: flex;
}
.with-submenu__title {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-transform: uppercase;
color: #000;
font-weight: 700;
display: inline-block;
width: 260px;
margin-top: 12px;
}
.with-submenu__list {
padding-left: 0;
width: calc(100% - 260px);
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.with-submenu__list-item {
position: relative;
margin: 0 !important;
width: 100%;
}
.with-submenu__list-item:before {
display: none !important;
}
.with-submenu__list li:after {
content: '';
position: absolute;
background-color: #e5e8eb;
width: 2000px;
height: 1px;
right: 0;
bottom: 0;
}
.error_logo img {
width: 250px;
}
.dynamics-list__param {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
}
@media (max-width: 1280px) {
body {
min-width: auto;
}
.main_page>br {
display: none;
}
#cnt-wrapper {
min-width: auto;
}
.main_menu>div:not(.search_cont),
.main_menu figure>div:not(.search_cont) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 100px 0 15px;
width: 100%;
}
.main_menu>div a,
.main_menu figure>div a {
margin-right: 15px;
}
body .main_cont {
max-width: none;
min-width: auto;
width: 100%;
}
.main_cont>.main {
min-width: auto;
}
.town_switcher_top {
min-width: auto;
padding: 30px;
width: 100%;
}
.town_switcher_top .close {
top: 30px;
}
.town_switcher_top .t_switcher {
width: 100%;
}
.city-list-cont {
width: 100%;
}
.city-list-cont>div {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
height: auto !important;
justify-content: flex-start;
}
.city-list-cont>div section {
margin-bottom: 60px;
max-width: none;
width: 33%;
}
.carwrapper {
width: 73% !important;
}
.b-half {
width: 27%;
}
header .contant_panel {
margin-left: 10px;
}
.invest {
height: auto;
padding-bottom: 30px;
margin-bottom: 60px !important;
}
.invest .fond_and_du {
max-width: none;
display: flex;
margin-right: 0;
flex-direction: row;
justify-content: space-around;
}
.invest>div {
width: auto !important;
}
.grid.map_after {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.grid.map_after>.half__rm {
width: 50%;
height: 270px;
}
.grid.map_after .b-medium-double {
display: none;
}
.info .text_grey {
padding: 15px;
}
.info .bottom_text_rm {
width: auto !important;
}
body footer.main {
max-width: none;
}
.footer_item,
.footer_subitem {
left: auto !important;
}
.popup_rm {
min-width: auto;
}
.body-index .info.invest h2 {
padding-top: 50px;
}
.personal-section-top.fond_and_duw {
margin-top: 60px;
margin-bottom: 25px !important;
}
.body-index .pai_after.grid .b-large-hor div {
background-position-x: 0px;
}
.body-index .personal-section-text {
margin-bottom: 30px;
}
.body-index .personal-title {
margin-bottom: 60px;
}
.body-index .personal-howitworks-button {
margin-bottom: 60px !important;
}
.fundall .pif-tab.fixed {
display: none !important;
}
}
@media (max-width: 1100px) {
body .main.main_menu {
height: auto;
}
.menu-close__ico {
display: block;
}
.news-page .new_grid .b-little h2 {
font-size: 14px;
}
.block_rm {
display: flex;
flex-direction: row;
justify-content: space-around;
width: 100%;
}
.sub_menu .go_top {
display: none !important;
}
body .main.sub_menu {
display: none !important;
}
.sub-menu__mobile__link.active {
padding-top: 16px !important;
}
.town_switcher_top p {
width: auto;
}
.sub-menu {
flex-wrap: wrap-reverse !important;
height: auto !important;
}
.search_cont {
display: none;
}
.town_switcher {
display: none;
}
.ls_rm {
float: none;
height: auto;
width: 166px;
}
.ls-main {
width: 166px !important;
}
.ls_rm a {
margin-left: 28px;
}
.town_switcher {
display: none;
}
.town_switcher.visible {
display: block;
}
.sub-menu__list {
display: none;
}
.sub-menu {
flex-wrap: wrap !important;
height: 48px !important;
}
.sub-menu__mobile {
display: block;
height: 100%;
position: static !important;
z-index: 10;
}
.sub-menu__mobile__title {
align-content: center;
color: #999999;
display: flex;
flex-direction: row;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
height: 100%;
justify-content: flex-start;
line-height: 22px;
padding-top: 13px;
text-decoration: underline;
transition: all 0.2s ease;
}
.sub-menu__mobile__list {
background-color: #fff;
display: none;
left: 48px;
list-style: none;
padding-left: 0;
position: absolute;
top: 49px;
width: 100%;
}
.sub-menu__mobile__list li {
margin: 0;
}
.overl {
background-color: rgba(53, 57, 67, .5);
bottom: 0;
display: none;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 1001;
}
.ls_rm.hidden {
display: none;
}
header .main_logo {
width: 210px !important;
margin-right: 30px;
}
.sub-menu__mobile.active {
background-color: #f7f7f7;
width: 100%;
}
.sub-menu__mobile__title.active {
background-color: #fff;
padding-left: 20px;
transform: translateX(48px);
}
.sub-menu.active {
padding: 0 !important;
z-index: 1111;
}
/*
.sub-menu.active:after {
background-color: #e5e8eb;
bottom: 0;
content: '';
height: 1px;
left: 0;
width: 100%;
}
*/
.sub-menu__wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 11px;
position: relative;
}
.head_menu {
max-height: 102px;
width: 100%;
}
header .main_logo {
margin-left: 7px;
margin-right: 0;
margin-top: 5px !important;
}
.funct_panel,
.contant_panel {
display: none !important;
}
.mobiles,
.mobile-nav {
display: flex;
}
.head_menu {
padding-right: 15px;
}
.b-news {
display: none;
}
.b-half,
.carwrapper {
width: 100% !important;
}
.frx-block {
display: flex !important;
flex-direction: column-reverse;
position: relative;
}
.dynamics {
float: none !important;
}
.dynamics .dynamics__inner {
height: auto !important;
padding: 15px 15px 20px 15px !important;
}
.dynamics-list {
height: auto !important;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.frx-title {
color: #353943;
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 0px;
line-height: 23px;
margin-bottom: 14px;
text-transform: uppercase;
}
.frx__wrap {
border-bottom: 1px #e5e8eb solid;
border-top: 1px #e5e8eb solid;
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-top: 4px;
padding-bottom: 8px;
width: 100%;
}
.dynamics-list__item {
border: none;
width: 260px;
}
.dynamics-list__item:first-child {
margin-right: 50px;
}
.dynamics-list__header {
height: auto;
}
.fond_mini_rm {
display: none !important;
}
.dynamics-list>p {
display: none !important;
}
.dynamics-list__header {
margin-bottom: 0;
}
.dynamics-list__item {
padding-bottom: 1px !important;
width: 300px;
}
.b-half {
height: auto !important;
}
.dynamics__inner {
position: static !important;
}
.dynamics-list__item:last-child {
margin-bottom: 0 !important;
}
.carwrapper {
height: 420px !important;
}
.paginator {
top: auto !important;
bottom: 40px;
left: 60px !important;
}
body .main_cont .paused_rm {
top: auto !important;
bottom: 40px !important;
display: none;
}
.slider_rm .sl_rm {
padding-top: 50px !important;
padding-left: 50px !important;
max-width: 530px !important;
}
body.body-index h2.curbanner {
font-size: 26px !important;
}
.br-hidden {
display: none;
}
.slider_rm .text_body {
font-size: 18px;
}
.slider_rm .disclaimer {
margin-top: 34px !important;
}
.invest h2 {
font-size: 36px;
padding-top: 24px;
}
.invest .fond_and_du {
margin-top: 40px;
}
.invest__rm {
width: 20%;
max-width: none;
}
.fond_and_du>div:nth-child(1)>div:nth-child(2),
.fond_and_du>div:nth-child(2)>div:nth-child(2),
.fond_and_du>div:nth-child(3)>div:nth-child(2),
.fond_and_du>div:nth-child(4)>div:nth-child(2) {
margin-left: 0;
}
.invest {
border: none;
margin-bottom: 40px;
padding-bottom: 0;
}
.fond_and_du>div:nth-child(1)>div:nth-child(1) a img,
.fond_and_du>div:nth-child(2)>div:nth-child(1) a img,
.fond_and_du>div:nth-child(3)>div:nth-child(1) a img,
.fond_and_du>div:nth-child(4)>div:nth-child(1) a img {
margin-left: 0;
}
.fond_and_du>div:nth-child(1)>div:nth-child(1),
.fond_and_du>div:nth-child(4)>div:nth-child(1) {
text-align: center;
}
.fond_and_du>div:nth-child(1)>p,
.fond_and_du>div:nth-child(2)>p,
.fond_and_du>div:nth-child(3)>p,
.fond_and_du>div:nth-child(4)>p {
margin-left: 0;
max-width: none;
width: auto;
}
.left_img_absolut,
.right_img_absolut {
opacity: .4;
}
canvas.chart {
opacity: .7;
}
main>.info>div,
main>.faq>div,
main>.contacts>div,
main figure>.info>div,
main figure>.faq>div,
main figure>.contacts>div,
main>.fund.top>div {
width: auto;
}
.map_after .b-half {
height: 270px !important;
}
.corporate .fond_and_du {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-right: 0 !important;
}
.corporate .fond_and_du *:not(img) {
display: flex;
flex-direction: row;
justify-content: center;
margin: 0 !important;
width: 100%;
flex-wrap: wrap;
align-items: flex-start;
}
.corporate .fond_and_du img {
margin: 0 !important;
}
.corporate .corp__rm {
min-height: auto !important;
}
.adaptive-news {
display: block;
height: auto !important;
}
.adaptive-news .b-news {
display: block !important;
height: 100% !important;
background-color: #fff !important;
}
.adaptive-news .b-news__date {
color: #f29b07 !important;
}
.adaptive-news .b-news__rate {
color: #0e9800 !important;
left: auto !important;
right: 15px;
}
.adaptive-news .b-half.b-news .b-news__title {
color: #000 !important;
line-height: 25px;
font-size: 18px !important;
}
.adaptive-news .popup-ajax {
color: #000 !important;
}
.pre_map span {
margin-top: 0 !important;
}
.pre_map {
width: auto !important;
padding-top: 60px;
}
.bottom_map {
padding: 0 30px;
}
body footer.main>div>div,
body footer.main figure>div>div {
width: auto !important;
}
.footer_subitem {
padding: 30px 15px 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.footer_subitem>* {
padding: 0 !important;
width: auto !important;
height: auto !important;
}
.footer_menu div {
float: none !important;
}
.made_in {
display: none;
}
body .flex-block-wrapper {
margin-top: 12px !important;
margin-bottom: 0 !important;
}
.flex-block-wrapper {
margin-top: 10px !important;
}
.adaptive-news .b-news__box {
position: relative;
padding: 40px 30px;
}
}
@media (max-width: 991px) {
.fond_and_du>div:nth-child(1)>p,
.fond_and_du>div:nth-child(2)>p,
.fond_and_du>div:nth-child(3)>p,
.fond_and_du>div:nth-child(4)>p {
display: none;
}
.infocenter-rewiews .docs a+p,
.infocenter-rewiews .profile a+p,
.infocenter-rewiews .profiles_n a+p {
padding-right: 5px;
}
.invest__rm {
width: 25%;
}
.rm_padding {
padding: 30px 0 0 30px !important;
}
.info.pif {
display: none;
}
.info.corporate {
display: none;
}
.grid.corporate_after {
display: none;
}
.comp_fact_line_items_addptive {
display: flex;
}
body footer.main {
height: 80px;
}
footer .map_control {
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.map_control a:after {
margin: 4px 0 0 13px;
}
.footer-wrap {
height: 80px;
display: flex;
align-items: center;
}
.footer-wrap__info {
display: flex;
height: 100%;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.sberbank_group {
font-size: 14px;
padding: 15px !important;
}
.main_info {
font-size: 14px;
}
.main_info {
display: none;
}
.footer_menu {
padding-bottom: 160px;
}
.info.corporate {
display: block !important;
padding: 0 15px;
}
.info.corporate .corp__rm {
max-width: none;
min-width: auto;
}
.btn-ontop {
display: none;
background: #fff7f7;
background: -moz-linear-gradient(top, #ebeaea 0%, #d5d5d5 100%);
background: -webkit-linear-gradient(top, #ebeaea 0%, #d5d5d5 100%);
background: linear-gradient(to bottom, #ebeaea 0%, #d5d5d5 100%);
position: fixed;
right: 10px;
bottom: 10px;
width: 45px;
height: 45px;
border-radius: 6px;
cursor: pointer;
z-index: 1001;
}
.btn-ontop svg {
position: absolute;
content: '';
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 22px;
height: 12px;
}
.pif1-choose__subitem__percent {
font-size: 18px;
}
.contacts td {
width: 50%;
}
.contacts td+td {
width: 50%;
}
.new_grid .b-large-hor>div:not(.bg_wrapper) {
padding: 55px 30px;
}
}
@media (max-width: 900px) {
.popup_dinamik_table thead {
display: none;
}
.popup_dinamik_table {
min-width: auto;
}
.popup_dinamik>div {
display: none;
}
.popup_block_text {
left: auto;
right: 50px;
width: 272px;
}
.popup_button_rm {
right: 0;
left: auto;
}
.popup_dinamik .popup_dinamik_table .show_rm {
display: flex;
flex-direction: column;
flex-wrap: wrap;
border-bottom: 1px #e5e8eb solid;
}
.popap_td_rm_elem {
border: none;
}
.popup_dinamik .popup_dinamik_table .popap_td_rm_sect {
border: none;
padding: 18px 10px 17px 10px !important;
width: 100%;
}
.popup_dinamik .popup_dinamik_table .popap_td_rm_elem a {
margin: 0 !important;
}
.popup_dinamik .popup_dinamik_table .popap_td_rm_elem a img {
display: none !important;
}
.popup_setting_table {
display: none;
}
.popup_dinamik_table tr .popap_td_rm_elem:nth-child(4) {
display: none;
}
.popap_td_rm_elem p {
font-size: 14px !important;
line-height: 18px !important;
text-transform: uppercase;
color: #353943 !important;
font-weight: 700 !important;
margin-top: 0;
}
.popup_dinamik_table tr .popap_td_rm_elem:nth-child(1) {
padding-left: 10px;
padding-right: 10px;
font: 14px "Open Sans";
color: rgb(0, 0, 0);
min-width: auto;
max-width: none;
padding-top: 9px;
padding-bottom: 4px;
}
.popup_dinamik_table tr .popap_td_rm_elem:nth-child(1) {
display: inline-block;
height: auto;
width: 100%;
}
.popup_dinamik_table tr .popap_td_rm_elem:nth-child(2) {
padding-right: 0;
min-width: auto;
max-width: none;
letter-spacing: 0px;
height: auto !important;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 13px;
width: 100%;
}
.popup_dinamik_table tr .popap_td_rm_elem:nth-child(2) div:not(.dynamics-list__percent) {
font: 14px "Open Sans";
color: rgba(0, 0, 0, 0.702);
text-align: left;
display: inline-block;
}
.mobile-price {
width: calc(100% - 85px) !important;
text-align: right !important;
padding-right: 24px;
}
.popup_dinamik_table tr .popap_td_rm_elem:nth-child(2) .dynamics-list__percent {
font: 14px "Open Sans";
font-weight: bold;
margin-top: 0;
float: right;
float: none;
width: 50px !important;
text-align: right !important;
display: inline-block;
left: auto;
margin-left: 0 !important;
}
.popup_dinamik_table tr .popap_td_rm_elem:nth-child(3) {
text-align: left;
min-width: auto;
max-width: none;
white-space: nowrap;
height: auto !important;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 6px 13px 21px !important;
width: 100%;
}
.popup_dinamik_table tr .popap_td_rm_elem:nth-child(3) .dynamics-list__percent {
font: 14px "Open Sans";
font-weight: bold;
margin-top: 0;
float: right;
width: 50px !important;
text-align: right !important;
display: inline-block;
margin-left: 28px;
float: none;
left: auto;
margin-left: 0 !important
}
.mobile-pai,
.mobile-rub {
display: inline-block !important;
}
.popap_td_rm_elem p {
white-space: normal;
}
.popup_dinamik {
max-height: 100vh !important;
}
}
@media (max-width: 850px) {
.footer-wrap__item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
margin-left: 17px;
padding: 14px 0;
}
.footer-wrap__item>* {
padding: 0 !important;
}
.footer-wrap__item a {
text-decoration: underline !important;
}
}
@media (max-width: 768px) {
.paginator {
left: 15px !important;
}
.body-index .wrap-cols {
display: none;
}
.fund-detail .grid>.b-little>div {
padding: 25px 15px 0 15px;
}
.managed_account .info.strategy h2 {
margin-bottom: 30px;
padding-top: 30px;
}
.managed_account .info.trust-m .with_btn {
margin: 0 20px 0px 0;
margin-left: 0 !important;
background: rgba(255, 255, 255, .7);
padding: 18px 22px;
border-radius: 5px;
color: #2689d8;
font-size: 14px;
line-height: 1;
}
.managed_account .info.trust-m .link-button {
margin: 0;
}
.infocenter .profiles-group .profiles_n {
margin-bottom: 30px;
}
.new_grid .b-little>div,
.new_grid .b-little a>div {
padding: 30px 15px;
}
main .info h2 {
font-size: 26px;
line-height: 1.2;
}
.pre_map {
padding-top: 40px;
}
.mobiles__link {
font-size: 14px;
letter-spacing: -.7px;
}
.mobiles__text {
font-size: 14px;
letter-spacing: -.8px;
margin-left: 4px;
}
.city-list-cont>div section {
width: 50%;
}
.slider_rm .sl_rm {
padding-top: 30px !important;
padding-left: 15px !important;
max-width: 430px !important;
}
body h2.curbanner {
font-size: 26px !important;
line-height: 32px !important;
font-weight: 700;
}
.slider_rm .text_body {
font-size: 18px !important;
line-height: 30px !important;
font-weight: 400;
}
.slider_rm .disclaimer {
margin-top: 34px !important;
}
.invest__rm {
width: 40%;
margin-bottom: 32px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.invest .fond_and_du {
flex-wrap: wrap;
justify-content: space-around;
text-align: left;
}
.fond_and_du>div:nth-child(1)>div:nth-child(2) {
max-width: none;
}
.invest-nobr {
display: none;
}
.invest_section_rm {
margin-top: 0;
flex-wrap: wrap;
}
.invest h2 {
text-align: center;
padding-top: 40px !important;
font-weight: 700;
}
.invest_section_rm b {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.invest_section_rm a {
display: inline-block;
margin-left: 20px;
}
.invest__rm>div:first-child {
width: 64px;
}
.invest_section_rm {
width: calc(100% - 64px);
}
.invest .button {
margin-top: 15px;
}
.pai_after.grid {
display: none;
}
.more_articles__full {
display: none;
}
.more_articles__mobile {
display: inline-block;
}
.map_after .pre_article {
padding: 15px !important;
}
.personal_new {
left: auto;
margin-left: 0;
}
.pre_map.clearfix,
.preloader_wrapper_default,
.bottom_map {
display: none;
}
.section_invest {
padding-bottom: 0 !important;
}
.section_invest .section_invest {
padding-bottom: 0 !important;
}
main>.info>div.required_info {
margin-top: 0 !important;
}
.info .text_grey {
margin: 0;
}
.grid .fix_map {
display: none;
}
.section_invest .section__title {
font-size: 26px !important;
line-height: 1.2;
text-align: center !important;
padding: 40px 15px !important;
}
.corporate_cl {
padding: 0 20px !important;
}
.mobile_popup .layout_wrapper .popup {
width: calc(100% - 60px);
}
.mobile_popup .popup_button {
right: auto !important;
left: 0 !important;
}
.mobile_popup .layout_wrapper .popup>div {
width: 100% !important;
padding: 0 15px 15px;
}
.mobile_popup .layout_wrapper .popup>div>div:first-child {
padding-top: 30px !important;
}
.mobile_popup .popup h1 {
font-size: 26px !important;
text-align: center !important;
line-height: 1.2em !important;
}
.mobile_popup .popup p {
font: normal 14px/22px 'Open Sans' !important;
}
.footer-wrap {
height: 160px;
display: flex;
align-items: center;
flex-direction: column;
}
body footer.main {
height: 160px;
}
.info.corporate h2 {
font-size: 26px;
line-height: 1.2;
padding-top: 30px;
}
.info.corporate .fond_and_du {
flex-wrap: wrap;
margin-top: 30px !important;
}
.info.corporate .corp__rm {
width: 50%;
margin-bottom: 30px !important;
}
.info.corporate .button {
margin: 0 0 30px;
width: 100%;
}
header .main_logo {
margin-top: 8px !important;
}
.body-index .personal-section-top__item span {
font-size: 14px;
line-height: 1.4;
}
.body-index .personal-section-top.fond_and_duw {
margin-top: 40px;
}
.body-index .invest {
margin-bottom: 40px !important;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.main_cont aside .button,
.info .button,
.green-button {
font: normal 14px/14px 'Open Sans';
}
.body-index .personal-howitworks-button {
margin-bottom: 40px !important;
}
.pif-btn {
font-size: 14px;
}
.pif-btn-white {
font-size: 14px;
}
}
@media (max-width: 639px) {
.head_menu {
margin-bottom: 95px !important;
}
.mobiles {
bottom: -72px;
left: 16px;
padding-top: 0;
position: absolute;
}
body header.main {
height: auto !important;
}
.town_switcher_top .close {
right: 20px;
}
.footer-wrap,
body footer.main {
height: auto;
position: relative;
}
.footer-wrap__item {
margin-left: 0;
}
footer .map_control {
height: 65px;
}
.footer-wrap__item {
left: 10px;
bottom: 0;
}
.footer-wrap__info {
height: auto;
align-items: center;
justify-content: center;
flex-direction: column;
}
footer .social_rm {
padding: 0 15px !important;
}
.news_with-ico__icons.footer_soc {
justify-content: center;
}
.footer_menu {
padding-bottom: 210px;
}
.social_rm {
margin-bottom: 10px;
}
}
@media (max-width: 610px) {
.frx__wrap {
flex-wrap: wrap;
border-bottom: none;
}
.dynamics-list__item:first-child {
margin-right: 0;
border-bottom: 1px #e5e8eb solid;
padding-bottom: 7px !important;
}
.dynamics-list__item {
width: 100%;
}
.dynamics-list__info {
width: 100%;
}
.mob-text {
font-size: 14px !important;
width: calc(100% - 97px) !important;
padding-left: 15px;
padding-right: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
line-height: 20px !important;
}
.pre_article h3 {
margin-bottom: 10px !important;
max-height: 85px;
overflow: hidden;
}
.personal_new {
margin-top: 0;
bottom: auto;
}
.personal_new .img_wrapper-grid {
margin: 0 !important;
}
.more_articles,
.more_articles_default {
bottom: 27px;
right: 41px;
}
.main_page>div:nth-child(3)>div .personal_new .img_wrapper-grid {
margin: 0 !important;
}
.section_invest .section__title {
line-height: 30px !important;
}
.comp_fact_line_items_addptive .b-little {
width: 100% !important;
height: 150px !important;
padding: 0 10px;
;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.comp_fact_line_items_addptive .b-little>div>div {
width: auto !important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.comp_fact_line_items_addptive .b-little>div {
width: 100% !important;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
body .comp_fact_line_items_addptive .b-little h2 {
font-size: 54px !important;
line-height: 40px !important;
font-weight: 700 !important;
width: 50%;
}
body .comp_fact_line_items_addptive .b-little h2 span {
font-size: 26px !important;
line-height: 27px !important;
font-weight: 700;
margin-top: 10px !important;
}
body .comp_fact_line_items_addptive .b-little p {
margin-top: 0 !important;
margin-left: 15px;
font-weight: 400;
padding-right: 0 !important;
width: 50%;
}
.footer_subitem>* {}
.footer_subitem {
flex-wrap: wrap;
flex-direction: column;
}
.corporate_cl {
padding: 0 !important;
margin-bottom: 40px;
}
.personal_cl {
margin-bottom: 40px;
}
.contact_us_color {
display: none;
}
.error-page h1 {
font-size: 26px;
}
}
@media (max-width: 543px) {
.city-list-cont>div section {
width: 100%;
}
.managed_account .info.trust-m .with_btn {
width: 100%;
text-align: center;
}
.managed_account .info.trust-m .link-button {
width: 100%;
text-align: center;
}
.managed_account .info.strategy h2 {
padding-top: 10px;
}
.error-page-text {
font-size: 14px;
}
.town_switcher_top p {
font-size: 26px;
padding-right: 40px;
}
.menu-close__ico {
display: block;
}
.slider_rm .sl_rm {
padding-right: 15px !important;
max-width: 100% !important;
}
.invest__rm {
width: 61%;
margin-bottom: 32px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.invest .fond_and_du {
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
text-align: left;
align-items: center;
flex-wrap: wrap;
}
.invest .button {
margin-top: 0;
width: 100%;
}
.adaptive-news {
padding: 0;
}
.adaptive-news .b-news__box {
padding: 0 15px !important;
position: static;
}
.news-mobile__detail {
display: none;
}
.b-half.b-news .al_rate {
bottom: 0;
}
.map_after .b-half {
height: auto !important;
}
.map_after .pre_article {
position: static;
height: auto !important;
}
.with-submenu__title {
display: none;
}
.with-submenu__list {
width: 100%;
}
.mobile_popup .popup_button {
width: 40px !important;
height: 40px !important;
background: url(/local/templates/main/css/../img/popup_button.png) no-repeat center !important;
background-size: 100% !important;
}
.mobile_popup .layout_wrapper .popup {
width: calc(100% - 40px) !important;
}
.mobile_popup .mCSB_inside>.mCSB_container {
margin-right: 4px !important;
}
.sub-menu__mobile {
width: calc(100% - 166px);
}
.sub-menu__mobile.active {
width: 100%;
}
.sub-menu__mobile__title {
align-items: center;
padding-top: 0;
line-height: 1.2em;
}
.menu-arrow {
top: 50%;
transform: translateY(-50%);
}
.info.corporate .corp__rm {
width: 100%;
}
.adaptive-news {
padding: 10px;
height: auto !important
}
.b-half.b-news .al_rate {
position: static;
text-align: right;
margin: 20px 0px 25px 0;
display: inline-block;
width: 100%;
padding-right: 15px;
}
.b-news__date {
margin-top: 30px !important;
}
.b-news__date {
position: static;
}
.b-half.b-news .b-news__title {
max-height: none;
}
.b-half.b-news .small {
max-height: none;
}
.slider-big-p {
font-size: 26px !important;
width: 100% !important;
}
.slider_rm .disclaimer {
width: 100% !important;
}
.more_articles,
.more_articles_default {
position: static;
display: block;
text-align: right;
padding-right: 20px;
padding-bottom: 20px;
}
.ls_rm {
background: #f29a07 !important;
width: 140px;
}
.ls-main {
width: 140px !important;
}
.ls_rm a {
margin-left: 0;
}
.personal-title {}
.personal-wrapper .personal-section-top {}
.personal-section-text.main-center {
display: none;
}
body .personal-howitworks-button {
padding-top: 0 !important;
padding: 0 15px;
}
body .personal-howitworks-button a {
display: inline-block;
width: 100%;
}
.personal-howitworks-button button {
width: 100%;
}
.body-index .invest {
margin-bottom: 25px !important;
}
.personal-section-top.fond_and_duw {
margin-bottom: 10px !important;
}
.body-index .main_page .invest.info {
margin-bottom: 19px;
}
body .no-mobile {
display: none;
}
body .text_green {
font-size: 26px !important;
margin-top: 5px !important;
}
body .percent-dec-plus {
margin: 15px 0 10px !important;
font-size: 36px !important;
}
body .flex-block-wrapper {
margin-bottom: 22px !important;
}
body .banner-snoska br {
display: none;
}
body .main_cont .sl_rm div:nth-child(3) p.text_green {
margin: 5px 0 0 0 !important;
font: 700 26px/26px 'Open Sans' !important;
}
body .flex-block-wrapper {
margin-top: 0px !important;
}
.body-index .invest {
padding: 0 15px !important;
}
.section_invest .section__title {
font-size: 26px !important;
line-height: 1.2 !important;
padding: 25px 15px !important;
}
.license {
font-size: 14px;
line-height: 1.6;
}
}
@media (max-width: 420px) {
.sub-menu {
padding: 0 0 0 10px !important;
}
header .main_logo {
height: 48px;
width: 167px !important;
}
.invest__rm {
width: 83%;
}
footer .social_rm {
padding: 0 10px !important;
width: 100%;
}
.mobile-menu__item.with-submenu:after {
right: 9px;
}
.header-apps {
display: none !important;
}
.personal-section-top.fond_and_duw {
margin-bottom: 15px !important;
}
}
@media (min-width: 911px) {
.btn-ontop {
display: none !important;
}
}
@media (max-width: 911px) {
.chat-retail-icons {
right: 10px !important;
bottom: 64px !important;
}
.btn-ontop {
right: 16px !important;
}
}
.body-index .popup_block_text:after {
position: absolute;
content: '';
right: -99999px;
height: 1px;
width: 1px;
opacity: 0;
overflow: hidden;
visibility: hidden;
background: url("/local/templates/main/css/../img/checkbox/checkbox_unchecked_passive.svg") no-repeat center;
background: url("/local/templates/main/css/../img/checkbox/checkbox_checked_passive.svg") no-repeat center;
background: url("/local/templates/main/css/../img/checkbox/checkbox_checked_active.svg") no-repeat center;
background-position: 0 0;
}
.body-index .popup_dinamik .checkbox input[type="checkbox"]+span {
background: url("/local/templates/main/css/../img/checkbox/checkbox_unchecked_passive.svg") no-repeat center;
background-position: 0 0;
}
.body-index .popup_dinamik .checkbox input[type="checkbox"]:checked+span {
background: url("/local/templates/main/css/../img/checkbox/checkbox_checked_active.svg") no-repeat center;
background-position: 0 0;
}
.body-index .popup_dinamik .checkbox:hover input[type="checkbox"]+span {
background: url("/local/templates/main/css/../img/checkbox/checkbox_checked_passive.svg") no-repeat center;
background-position: 0 0;
}
.fifa2018 .main-branding__left-link,
.fifa2018 .main-branding-links {
display: none !important;
}
@media (max-width: 768px) {
.arrow {
bottom: 110px;
right: 12px;
display: inherit;
}
.text_body.perspiis+br {
display: none;
}
body .slider_rm .disclaimer {
margin-top: -15px !important;
}
}
/*GREY KVAL MENU*/
.qualifed_menu_item a:before {
content: '';
position: absolute;
left: -25px;
top: 3px;
background: url(/local/templates/main/img/du/fond-icon-grey.svg) no-repeat center;
width: 20px;
height: 17px;
background-size: 100%;
}
.mobile-menu__list .qualifed_menu_item a:before {
left: -10px;
top: 16px;
}
/*END GREY KVAL MENU*/
/* 27.08.19 */
body footer.main {
height: auto;
}
@media (max-width: 639px) {
footer .footer-wrap__item {
padding-bottom: 5px;
}
}
/* 27.08.19 END */
/* End */
/* Start:/local/templates/main/css/andriodapp.css?15507419144860*/
@media (min-width: 1835px) {
#cnt-wrapper {
/*padding-top: 150px!important;*//*скрываем верхнюю часть рекламного банера*/
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main_cont {
position: relative;
overflow-x: visible!important;
}
#cnt-wrapper {
overflow-x: hidden;
}
#cnt-wrapper:before {
content: '';
position: fixed;
/*background: url("/local/templates/main/css/../img/bg-main-mobile.jpg") no-repeat center;*/
/*background: url("/local/templates/main/css/../img/bg-main-mobile-fifa-2018.jpg") no-repeat center;*/
/*background: url("/local/templates/main/css/../img/bg-main-mobile-fifa-2018-2.jpg") no-repeat center;*/
/*background: url("/local/templates/main/css/../img/bg-main-school.jpg") no-repeat center;*/ /*изображение рекламного банера*/
background-position: top;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.main-branding-links {
position: absolute;
top: -90px;
display: inline-block!important;
width: 135px;
height: 40px;
}
.main-branding-links--google {
right: 260px;
}
.main-branding-links--apple {
right: 102px;
}
.main-branding__left-link {
font-family: 'ProximaNova', sans-serif;
display: inline-block!important;
max-width: 230px;
width: 100%;
font-size: 36px;
line-height: 1.1;
color: #fff;
position: fixed;
top: 228px;
right: calc(50% + 680px);
font-weight: 300;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
padding-bottom: 3px;
}
.main-branding__left-link:hover {
}
/*Новый баннер ФИФА, информация, кнопки*/
.body-index .fifa2018__info {
display: block!important;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
}
.fifa2018__disc {
position: absolute;
top: -155px;
left: 289px;
}
.fifa2018__disc p {
color: #fff;
font-weight: 600;
}
.fifa2018__disc p:not(:last-child) {
margin-bottom: 25px;
}
.fifa2018__left-info {
position: absolute;
max-width: 222px;
width: 100%;
top: 77px;
right: calc(50% + 702px);
text-align: right;
font-weight: 600;
}
.fifa2018__left-info p {
margin: 0;
margin-bottom: 6px;
font-size: 30px;
color: #fff;
line-height: 1.2;
}
.fifa2018__left-info span {
position: relative;
display: inline-block;
margin: 0;
font-size: 48px;
line-height: 1.2;
color: #fff;
}
.fifa2018__left-info span:after {
content: '*';
position: absolute;
display: inline-block;
right: -17px;
top: -6px;
font-size: 48px;
color: #fff;
}
.fifa2018__right-info {
position: absolute;
font-weight: 600;
max-width: 300px;
width: 100%;
top: 82px;
left: calc(50% + 696px);
text-align: left;
}
.fifa2018__right-info span {
display: block;
margin: 0;
font-size: 30px;
color: #fff;
}
.fifa2018__right-info p {
display: block;
margin: 0;
margin: 8px 0 3px;
font-size: 44px;
line-height: 48px;
color: #fff;
}
.fifa2018__footnote {
position: absolute;
font-weight: 400;
max-width: 225px;
width: 100%;
top: 762px;
left: calc(50% + 696px);
text-align: left;
}
.fifa2018__footnote p {
position: relative;
font-size: 18px;
line-height: 24px;
color: rgba(255,255,255,.7);
margin: 0;
}
.fifa2018__footnote p:not(:last-child) {
margin-bottom: 10px;
}
.fifa2018__footnote p:before {
position: absolute;
font-size: 22px;
line-height: 24px;
color: #fff;
top: -1px;
}
.fifa2018__footnote p:nth-child(1):before {
content: '*';
left: -13px;
}
.fifa2018__footnote p:nth-child(2):before {
content: '**';
left: -22px;
}
.fifa2018__btn {
position: absolute;
width: 200px;
text-align: center;
padding: 5px 5px;
color: #fff;
border-radius: 3px;
font-size: 20px;
}
.fifa2018__btn {
top: -94px;
width: 200px;
text-align: center;
padding: 12px 5px 13px;
color: #fff;
font-weight: 600;
border-radius: 3px;
font-size: 20px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fifa2018__btn--green {
background-color: #369a1e;
right: calc(50% + 705px);
}
.fifa2018__btn--green:hover{
background-color: #11a600;
}
.fifa2018__btn--orange {
background-color: #f29a07;
left: calc(50% + 699px);
}
.fifa2018__btn--orange:hover{
background-color: #ffa600;
}
.fifa2018__disc-first {
font-size: 36px;
line-height: 1.2;
}
.fifa2018__disc-second {
display: inline-block;
margin: 0 0 0 180px;
font-size: 48px;
}
/*Конец Новый баннер ФИФА, информация, кнопки*/
}
/*Новый баннер ФИФА, отключение старого*/
.fifa2018 .main-branding__left-link, .fifa2018 .main-branding-links {
display: none!important;
}
/*Конец Новый баннер ФИФА, отключение старого*/
/* End */
/* Start:/local/templates/main/css/company-news.css?157598497315712*/
.ico-timeline {
display: none;
position: fixed;
right: 10px;
bottom: 65px;
width: 45px;
height: 45px;
background-color: #fff;
z-index: 1000;
padding: 3px 1px 3px 3px;
border-radius: 6px;
}
.ico-timeline svg {
width: 100%;
height: 100%;
}
.company-contacts .contacts h1 {
padding-top: 25px;
margin-bottom: 10px;
font-weight: 700;
}
.company-career .b-little {
height: 260px;
}
.company-license .info.license > div {
padding: 0 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.company-license .info.license > div h1 {
width: 100%;
font-weight: 700;
padding-top: 65px;
margin-bottom: 65px;
}
.company-license .license section + section {
margin-left: 0;
}
.company-license .license section {
width: 255px;
float: left;
margin-bottom: 30px;
}
@media (max-width: 1280px) {
.popup_button {
right: auto!important;
left: 0;
z-index: 300;
}
.layout_wrapper.timeline .popup {
width: calc(100% - 60px);
min-width: auto!important;
right: 0!important;
}
}
@media (max-width: 1110px) {
body .sub_menu.about.menu-company {
display: block!important;
height: auto!important;
}
body .sub_menu.about.menu-company.fixed {
display: none!important;
}
.menu-company .sub-menu__box {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.company-contacts .contacts h1 {
padding-top: 25px;
margin-bottom: 10px;
}
.company-team .team_new .team-line .team-member {
min-height: 250px;
display: flex;
width: 100%;
margin: 0 auto;
justify-content: space-between;
}
.company-team .team_new .team-line .team-member-desc {
display: inline-block;
height: 100%;
margin: auto 0;
padding-left: 0;
position: relative;
width: calc(100% - 280px);
}
.company-team .team_new {
padding: 0 15px;
}
.company-team .team_new .team-line {
border-left: none;
border-right: none;
}
.company-team .team-member-desc .team-member-desc-sub {
width: 100%;
}
.company-team .team_new .team-line .team-member-desc p {
width: 100%;
}
.company-awards .block_type_1 {
width: 100%!important;
margin-left: auto;
margin-right: auto;
padding-top: 40px!important;
padding-bottom: 40px!important;
display: flex;
flex-wrap: wrap;
}
.company-awards .block_type_1 .block_item {
width: 50%;
}
.company-awards {
padding: 0 15px;
}
.company-awards .rating-info > div {
display: flex;
width: 100%!important;
flex-wrap: wrap;
}
.company-awards .rating-info h2 {
width: 100%;
}
.company-awards .block_type_2 {
width: 100%;
}
.company-awards .block_type_2 .block_item {
width: 33.3%!important;
padding-left: 15px!important;
margin: 0!important;
}
.company-career .info.carier {
padding: 0 15px;
}
.company-career .carier h2 {
width: 100%;
margin: 0 auto 80px;
text-align: center;
}
.company-condition {
padding: 0 15px;
}
}
@media (max-width: 991px) {
.news-page .new_grid {
padding-left: 0;
}
.news-page aside.time {
transform: translateX(160px);
width: 158px!important;
background-color: #fff;
padding: 30px 40px;
position: fixed!important;
height: auto!important;
top: 0!important;
bottom: 0!important;
left: auto!important;
right: 0!important;
z-index: 1002;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.news-page aside.time.active {
transform: translateX(0);
}
.ico-timeline {
display: block;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0;
}
.ico-timeline.visible {
opacity: 1;
}
.company-awards .block_type_1 .block_item {
width: 100%;
}
.company-awards .block_type_1 .block_item:not(:last-child) {
margin-bottom: 30px;
}
.company-awards .block_type_2 .block_item {
width: 100%!important;
}
.company-awards .block_type_2 .block_item .wrap-img:before {
height: auto;
}
.company-awards .block_type_2 .block_item .wrap-img {
height: auto;
}
.company-awards .block_type_2 .block_item:not(:last-child) {
margin-bottom: 30px!important;
}
.company-career .carier ul {
margin-right: 0;
}
.company-career .grid .b-large-hor {
width: 100%;
padding: 30px;
height: auto;
}
.company-career .grid .b-large-hor div:nth-child(2) {
position: relative;
}
.company-career .carier + .grid .b-large-hor > div {
padding: 0;
}
.company-career .grid .b-large-hor {
padding: 15px;
}
.company-career .b-large-hor h1 {
margin-top: 15px;
color: #fff;
width: 80%;
font-size: 26px;
line-height: 1.2em;
}
.company-career .carier + .grid .b-large-hor h1 + p {
margin-top: 20px;
}
.carier + .grid .b-large-hor p {
width: 100%;
}
.company-career .b-little {
width: 50%;
}
}
@media (max-width: 768px) {
.new_grid .b-large-hor > div:not(.bg_wrapper) {
padding: 15px;
}
.new_grid .b-large-hor h1 {
font-size: 18px;
line-height: 26px;
width: 100%;
}
.new_grid .b-large-hor h2 {
font-size: 18px;
line-height: 26px;
width: 100%;
}
.news-page .new_grid .b-little {
width: 100%!important;
height: 220px;
}
.news-page .pre_map.clearfix, .news-page .preloader_wrapper_default, .news-page .bottom_map {
display: block;
}
.company-contacts .pre_map.clearfix, .company-contacts .preloader_wrapper_default, .company-contacts .bottom_map {
display: block;
}
.company-career .pre_map.clearfix, .company-career .preloader_wrapper_default, .company-career .bottom_map {
display: block;
}
.layout_wrapper .popup > div {
padding: 15px!important;
}
.layout_wrapper .popup > div > div {
margin-right: 0;
}
.layout_wrapper .popup > div > div:first-child {
padding-top: 55px;
}
.popup h1 {
font-size: 26px;
line-height: 1.2em;
}
.company-contacts {
margin-bottom: 20px;
}
.company-contacts .contacts h1 {
margin-bottom: 5px;
font-size: 26px;
line-height: 1.2em;
}
.company-contacts .contacts > div > div:not(.sort_switcher) {
padding: 15px;
}
.company-contacts .contacts td {
width: 50%;
font-size: 18px;
line-height: 22px;
font-weight: 600;
padding-bottom: 25px;
}
.company-team .team-member-desc-sub h2 {
font-size: 26px;
line-height: 1.2em;
}
.company-team .team_new .team-line .team-member-desc p {
width: 100%;
max-height: none;
font-size: 14px;
}
.company-team .team_new .team-line .team-member-pic {
width: 200px;
}
.company-team .team_new .team-line .team-member {
min-height: 200px;
}
.company-team .team_new .team-line .team-member-desc {
width: calc(100% - 230px);
}
.company-awards .info h1 {
font-size: 26px;
line-height: 1.2em;
padding-top: 25px;
}
.company-awards .rating-info {
margin-top: 25px;
padding-top: 25px;
}
.company-awards .rating-info h2 {
letter-spacing: 0;
font-size: 26px;
line-height: 1.2em;
width: 100%;
}
.company-awards .block_type_1 {
padding-top: 20px!important;
padding-bottom: 35px!important;
}
.company-awards .block_type_2 .block_item {
padding-right: 15px!important;
}
.company-awards .block_type_2 {
padding-top: 25px;
margin-bottom: 20px;
}
.company-team .pre_map {
padding-top: 20px;
}
.company-vacancion .info.vacancies h1 {
font-size: 26px;
line-height: 1.2em;
padding: 30px 15px 0;
}
.company-vacancion .contact_us {
display: block!important;
padding: 0 15px;
height: auto;
padding-bottom: 30px;
margin-bottom: 25px;
}
.company-vacancion .contact_us h1 {
font-size: 26px;
line-height: 1.2em;
margin-bottom: 0;
}
.company-vacancion .contact_us h2 {
text-transform: uppercase;
text-align: center;
color: #fff;
padding: 40px 0 29px;
font-size: 26px;
line-height: 1.2em;
}
.company-career .info.carier h1 {
padding-top: 30px;
font-size: 26px;
line-height: 1.2em;
}
.company-career .carier article {
margin: 30px 0 0 0px;
}
.company-career .carier h2 {
width: 100%;
margin: 0 auto 30px;
text-align: left;
font-size: 14px;
line-height: 1.2em;
}
.company-career .carier ul {
width: 100%;
float: none;
padding-left: 0;
}
.company-career .carier {
height: auto;
position: relative;
padding-bottom: 30px!important;
background: none;
}
.company-career .carier > div {
position: relative;
z-index: 2;
}
.company-career .carier:after {
z-index: 1;
width: 100%;
content: '';
bottom: 0;
position: absolute;
height: 100%;
left: 0;
background: url(/local/templates/main/css/../img/info-bg/carier.jpg) bottom left no-repeat;
opacity: .3;
background-size: auto;
}
.company-vacancion .vacancies .strategy-trust {
margin-top: 30px;
}
.company-vacancion .vacancies .cf:after {
height: auto;
}
.company-vacancion .vacancies .btn_c_fix {
margin-top: 50px;
}
.layout_wrapper .popup {
width: 100%;
}
.layout_wrapper .popup > div {
width: 100%;
}
.popup .btn_c_fix {
margin-top: 0!important;
}
.popup p + ul {
text-align: left!important;
}
.popup p {
text-align: left!important;
}
.company-license .info.license > div h1 {
font-size: 26px;
line-height: 1.2em;
margin-bottom: 30px;
padding-top: 30px;
}
.company-condition h1 {
font-size: 26px;
line-height: 1.2em;
padding-top: 40px!important;
margin-bottom: 35px;
}
.contact_us {
display: none;
}
.inp-file-wrap span {
margin-left: 0;
display: block;
margin-top: 15px;
font-size: 14px;
}
}
@media (max-width: 543px) {
.news-page .new_grid .b-little a > div {
padding: 15px;
}
.news-page .map_arrow, .news-page .map_search {
display: none;
}
.company-contacts .map_arrow, .company-contacts .map_search {
display: none;
}
.company-career .map_arrow, .company-career .map_search {
display: none;
}
.news-page .pre_map h1, .company-contacts .pre_map h1, .company-career .pre_map h1 {
font-size: 26px!important;
}
.menu-company .sub-menu__box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.menu-company .sub-menu__box .drop_menu {
display: flex;
justify-content: center;
width: 50%;
}
.popup_button {
width: 60px;
height: 60px;
/*background: url(/local/templates/main/css/../img/popup_button.png) no-repeat center;*/
z-index: 210;
right: 0!important;
left: auto!important;
}
.layout_wrapper.timeline .popup {
width: 100%;
}
.company-contacts .contacts td {
width: 100%;
display: flex;
font-size: 14px;
line-height: 1.2em;
font-weight: 600;
padding-bottom: 30px;
}
.company-contacts .contacts td:nth-child(odd) {
padding-bottom: 5px!important;
}
.company-contacts .contacts > div > div:not(.sort_switcher) {
padding: 15px 15px 0 15px;
}
.company-team .team_new .team-line .team-member {
flex-wrap: wrap;
}
.company-team .team_new .team-line .team-member-pic {
width: 100%;
display: flex;
justify-content: center;
}
.company-team .team_new .team-line .team-member {
min-height: auto;
flex-wrap: wrap;
height: auto!important;
}
.company-team .team_new .team-line .team-member-desc {
width: 100%;
height: auto;
text-align: center;
}
.company-team .team-member-desc .team-member-desc-sub {
height: auto!important;
padding-top: 25px;
display: block;
}
.company-awards .block_type_1 .block_item {
width: 100%;
display: flex;
flex-direction: column;
padding-left: 0;
align-items: center;
}
.company-awards .block_type_1 .block_item .imgblock {
position: static;
left: auto;
top: auto;
max-width: 130px;
margin-bottom: 10px;
max-height: 100%;
}
.company-awards .block_type_1 p {
margin: 0;
text-align: center;
}
.company-awards .block_type_1 .block_item:not(:last-child) {
margin-bottom: 40px;
}
.company-awards .block_type_2 .block_item:not(:last-child) {
margin-bottom: 40px!important;
}
.company-awards .block_type_2 .block_item .wrap-img {
height: auto;
display: flex;
justify-content: center;
}
.company-awards .block_type_2 {
text-align: center;
}
.company-awards .block_type_2 p br {
display: none;
}
.company-awards .block_type_2 p span {
width: 100%;
display: inline-block;
}
.company-awards .yspeh-info {
padding-top: 25px;
padding-bottom: 0px; margin-bottom: 25px;
}
.company-awards .pre_map {
padding: 0;
padding-top: 25px;
}
.company-awards .rating-info .link-button, .rating-info .link-button:hover {
display: inline-block;
color: #086eb2 !important;
font-size: 18px;
background: none;
margin-bottom: 15px;
}
.company-awards .block_type_2 .block_item .wrap-img img {
max-height: 90px;
}
.company-career .carier:after {
background: url(/local/templates/main/css/../img/info-bg/carier.jpg) bottom left no-repeat;
background-size: auto;
background-position-x: -44px;
}
.company-career .carier ul li {
color: #000;
}
.company-career .b-little {
width: 100%;
height: 180px;
}
.company-career .b-little > div{
height: 100%;
}
.company-career .carier + .grid .b-little .position_status {
bottom: 18px;
}
.popup p + h1, .popup p + h2 {
margin-top: 20px;
}
.popup li + li {
margin-top: 15px;
}
.company-license .info.license > div {
justify-content: center;
}
.company-page .leadership p {
text-align: left!important;
font-size: 14px;
line-height: 25px;
}
.company-page .command ul {
width: 100%;
margin-left: 0!important;
padding-left: 0;
text-align: left!important;
font-size: 14px;
line-height: 25px;
}
.company-page .carier_i p {
text-align: left!important;
font-size: 14px;
line-height: 25px;
}
.company-page .risk li {
text-align: left!important;
font-size: 14px;
line-height: 25px;
}
.company-page .contact_a p {
text-align: left!important;
font-size: 14px;
line-height: 25px;
}
.company-page .center + .grid p.small, .company-page .corporate_after.grid p.small {
font-size: 14px;
line-height: 25px;
}
.company-page .work_with_us li {
text-align: left!important;
font-size: 14px;
line-height: 25px;
}
.company-page .grid.corporate_after .al_rate, .company-page .grid.corporate_after .al_rate a {
color: #fff;
}
.popup p {
text-align: left!important;
font-size: 14px;
line-height: 25px;
}
.popup p + ul {
text-align: left!important;
font-size: 14px;
line-height: 25px;
}
.company-career .carier + .grid .b-large-hor h1 + p {
font-size: 14px;
line-height: 26px;
}
.carier + .grid .b-large-hor p {
font-size: 14px;
line-height: 26px;
}
.company-career .carier ul li {
font-size: 14px;
line-height: 26px;
}
.company-condition .info p {
font-size: 14px;
line-height: 26px;
}
.popup .license br {
display: none;
}
.popup .license a {
margin-top: 25px;
display: inline-block;
}
.popup.mCustomScrollbar {
-ms-touch-action: none;
touch-action: none;
}
}
/* End */
/* Start:/local/templates/main/css/registration.css?15669119594209*/
.reg-page .checkbox input[type="checkbox"] + span {
background: url("/local/templates/main/css/../img/checkbox/checkbox_unchecked_passive.svg") no-repeat center!important;
background-position: 0 0!important;
}
.reg-page .checkbox input[type="checkbox"]:checked + span {
background: url("/local/templates/main/css/../img/checkbox/checkbox_checked_active.svg") no-repeat center!important;
background-position: 0 0!important;
}
.reg-page .checkbox:hover input[type="checkbox"] + span {
background: url("/local/templates/main/css/../img/checkbox/checkbox_checked_passive.svg") no-repeat center!important;
background-position: 0 0!important;
}
.ui-autocomplete {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
z-index:1000 !important;
border: 1px solid #238900;
border-radius: 5px;
background: #eff7f8;
}
.ui-autocomplete li{
cursor: pointer;
}
.reg label.checkbox {
margin: 0;
}
.reg .agreement {
margin: 0 0 0 10px!important;
padding-top: 2px;
font-size: 14px;
}
.form-div {
display: flex!important;
}
.reg button {
margin-left: 0;
margin-right: 0;
}
.email.req {
margin-bottom: 15px;
}
.reg button {
margin-top: 10px;
}
.name_section {
margin-bottom: 30px;
}
ul.ui-autocomplete {
padding: 0;
width: 100%!important;
}
ul.ui-autocomplete li {
cursor: pointer;
padding: 8px 15px 8px 25px;
}
ul.ui-autocomplete li:hover {
background-color: #cfe2e6;
}
ul.ui-autocomplete li:before{
display: none;
}
ul.ui-autocomplete li + li {
margin-top: 0;
}
.mCSB_dragger_bar {
position: relative;
background-color: #0e9800!important;
}
.mCSB_dragger_bar:before,
.mCSB_dragger_bar:after {
display: none;
}
.mCSB_draggerRail {
background-color: #eaeeef!important;
}
.input_city_warp {
margin-top: 15px;
position: relative;
width: 100%;
}
#menu-container {
width: 100%;
position: absolute;
}
@media (max-width: 1100px) {
.reg .pre_reg {
margin: 0;
width: 100%;
text-align: center;
padding: 0 30px;
}
.reg {
background-size: 94%;
}
.reg form {
}
}
@media (max-width: 991px) {
.reg {
background-size: 90%;
}
.reg .pre_reg {
margin-bottom: 20px;
}
}
@media (max-width: 786px) {
.reg {
position: relative;
background: none;
min-height: auto;
padding-bottom: 30px;
margin-bottom: 15px;
}
.pif-detail-question.reg {
margin-bottom: 120px;
}
.pif-detail-question__form-block {
right: 50%;
transform: translateX(50%);
}
.reg .pre_reg {
padding: 0 15px;
}
.reg h1 {
margin: 30px 0 25px;
text-align: center;
font-size: 26px;
padding: 0 15px;
line-height: 1.2em;
}
.reg form {
width: 100%;
margin: 0;
padding: 0 15px;
position: relative;
z-index: 2;
}
.reg .form-div {
margin-top: 15px;
margin-bottom: 15px;
border: 1px groove transparent;
width: 100%;
}
.reg button {
margin: 0;
display: inline-block;
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 5px;
}
.reg-page .pre_map.clearfix, .reg-page .preloader_wrapper_default, .reg-page .bottom_map {
display: block;
}
}
@media (max-width: 768px) {
.pif-detail-question.reg {
margin-bottom: 15px;
}
.pif-detail-question__form-block {
right: auto;
transform: none;
}
}
@media (max-width: 543px) {
.reg .agreement {
width: calc(100% - 45px);
}
.reg-page .map_search {
margin-left: 90px;
float: left;
width: 430px;
display: none;
}
.reg-page .pre_map h1 {
font-size: 26px;
line-height: 1.2;
}
.reg #name + label {
margin-top: 20px;
}
.reg .captcha_waper > span {
width: 100%;
display: inline-block;
margin-bottom: 15px;
}
.reg .captcha_waper .inputtext {
margin-bottom: 15px;
}
.reg .pre_reg {
font-size: 14px;
padding: 0 15px;
line-height: 25px;
text-align: left;
}
.reg button {
width: 100%;
left: auto;
transform: translateX(0);
}
.reg input, .reg textarea {
width: 100%!important;
font-size: 14px!important;
padding: 19px 15px!important;
}
ul.ui-autocomplete li {
cursor: pointer;
padding: 9px 15px;
font-size: 14px;
}
}
/* End */
/* Start:/local/templates/main/css/disclosure-adaptive.css?15529030867924*/
.disclosure__year-nav a.active {
-webkit-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}
.disclosure__year-nav a.active:hover{
color: #fff!important;
background-color: #11a600!important;
}
.disclosure-fund__title {
font-weight: 700;
text-align: center;
}
@media (max-width: 1280px) {
.disclosure .profile.file-cont {
width: 100%;
}
}
@media (max-width: 1110px) {
.disclosure {
padding: 0 15px;
}
.disclosure .info_documents > div, .profiles > div {
width: 100%;
margin: 30px auto 0;
}
.disclosure-table-wrap table {
width: 100%!important;
}
.disclosure-table-wrap table tr {
height: auto!important;
}
.disclosure .info_center {
display: flex;
justify-content: space-between;
width: 100%;
margin: 30px 0 0;
flex-wrap: wrap;
}
.disclosure .info_center > section {
width: 32%;
}
}
@media (max-width: 991px) {
.disclosure-table-wrap table {
width: 860px!important;
}
.disclosure .fake-table {
width: 860px!important;
}
/*
.disclosure .disclosure-table-wrap table tr td:first-child {
width: 200px!important;
}
*/
.disclosure table tr td {
font-size: 14px;
}
.disclosure-table-wrap {
overflow-x: scroll;
}
.disclosure-table-wrap::-webkit-scrollbar {
-webkit-appearance: none;
}
.disclosure-table-wrap::-webkit-scrollbar:vertical {
width: 12px;
}
.disclosure-table-wrap::-webkit-scrollbar:horizontal {
height: 12px;
}
.disclosure-table-wrap::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
border-radius: 10px;
border: 2px solid #ffffff;
}
.disclosure-table-wrap::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ffffff;
}
.disclosure .topscroll {
display: block;
margin-top: 30px;
}
.disclosure .container-big-class {
margin: 30px auto 25px!important;
padding: 0;
}
.disclosure .disclosure-fund .topscroll {
display: none;
}
.disclosure .mCSB_dragger_bar {
position: relative;
background-color: #0e9800!important;
}
.disclosure .mCSB_dragger_bar:before {
content: '';
position: absolute;
left: 5px;
top: 2px;
width: 0;
height: 0;
border-style: solid;
border-width: 2.5px 3px 2.5px 0;
border-color: transparent #ffffff transparent transparent;
}
.disclosure .mCSB_dragger_bar:after {
content: '';
position: absolute;
right: 5px;
top: 2px;
width: 0;
height: 0;
border-style: solid;
border-width: 2.5px 0 2.5px 3px;
border-color: transparent transparent transparent #ffffff;
}
.disclosure .mCSB_draggerRail {
background-color: #eaeeef!important;
}
}
@media (max-width: 768px) {
.disclosure .info_documents h1 {
font-size: 26px;
line-height: 1.2em;
}
.disclosure .search header {
padding: 0;
}
.disclosure .info_documents .search {
margin-bottom: 40px;
}
.disclosure .search_line {
position: relative;
margin-bottom: 0;
}
.disclosure .info_documents nav {
margin-bottom: 30px;
}
.disclosure .search-fix input {
font-size: 16px!important;
}
.disclosure table tr td {
width: auto!important;
}
.disclosure .contact_us_disclosure {
display: none;
}
.disclosure .pre_map.clearfix, .disclosure .preloader_wrapper_default, .disclosure .bottom_map {
display: block;
}
.disclosure .info_documents .profile {
margin-bottom: 40px;
}
.disclosure .profiles .fund-docs {
min-height: auto;
}
.disclosure .profiles nav {
margin-bottom: 10px;
}
.disclosure .profiles > div {
width: 100%;
margin-top: 33px;
}
.disclosure .fund-docs a:hover {
color: #fff!important;
}
.disclosure section:not(.grid) a:hover {
color: #2d7cbb;
cursor: pointer;
}
.disclosure-temp {
padding-top: 30px;
}
.disclosure-temp h1 {
margin-bottom: 0!important;
}
.disclosure .parent-nav-disclosure {
margin-bottom: 30px;
}
.disclosure .info_center > section {
width: 100%;
}
.disclosure #tableContainer .cell-period {
text-align: right;
width: 70px;
}
.disclosure .pif-table-n-graph h2 {
margin-top: 0;
text-align: center;
font-size: 26px;
line-height: 1.2em;
}
.disclosure .pif-table-n-graph h2 br {
display: none;
}
.disclosure .brief_information {
margin-top: 25px;
}
.disclosure .profiles > div h1 {
text-align: center;
font-size: 26px;
line-height: 1.2em;
}
.disclosure .contact_us {
display: none;
}
.profile {
margin-bottom: 40px;
}
.disclosure .info_documents > div, .profiles > div {
margin: 0 auto!important;
}
.disclosure .info_documents h1,
.disclosure .profiles h1 {
margin-bottom: 40px!important;
}
}
@media (max-width: 543px) {
.disclosure .map_search, .disclosure .map_arrow {
display: none;
}
.disclosure .bottom_map {
margin-bottom: 20px;
}
.disclosure .pre_map h1 {
font-size: 26px!important;
line-height: 1em!important;
margin-bottom: 12px!important;
}
.info_documents nav a {
margin-right: 0!important;
width: 100%;
text-align: center;
}
.disclosure .file-cont .docs {
width: 100%!important;
margin: 25px 0 0 0;
}
.disclosure .profiles nav a {
width: 100%;
}
.disclosure .profiles nav {
flex-wrap: wrap;
}
.disclosure .pif-table {
width: 580px!important;
}
.disclosure .container-big-class {
overflow-x: scroll;
}
.disclosure .container-big-class::-webkit-scrollbar {
-webkit-appearance: none;
}
.disclosure .container-big-class::-webkit-scrollbar:vertical {
width: 12px;
}
.disclosure .container-big-class::-webkit-scrollbar:horizontal {
height: 12px;
}
.disclosure .container-big-class::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
border-radius: 10px;
border: 2px solid #ffffff;
}
.disclosure .container-big-class::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ffffff;
}
.disclosure .container-big-class {
margin: 0 auto 25px!important;
}
.disclosure .disclosure-fund .topscroll {
display: block;
}
.disclosure-fund .info_documents .info_center {
margin: 0 0 25px;
}
.disclosure-fund .empty-title {
display: none;
}
.disclosure-pension p:blank {
display: none;
}
.disclosure-pension .fund-cont h2 {
display: inline-block;
width: 100%;
text-align: center;
}
.disclosure-pension .fund-cont {
padding-top: 20px;
}
.disclosure-pension .fund-cont h2 {
margin-bottom: 0;
}
.disclosure-pension .profile {
margin-bottom: 40px;
}
.disclosure-pension .disclosure-pension {
padding-top: 5px;
}
.disclosure .disclosure-table-wrap p {
text-align: left!important;
}
.disclosure .disclosure-table-wrap br {
display: none;
}
.disclosure .disclosure-table-wrap .m-20 {
display: block;
margin-top: -20px;
}
.disclosure .info_documents .search {
margin-bottom: 25px;
}
.disclosure .profiles > div {
margin-top: 15px;
}
.disclosure .empty-title {
margin: 0!important;
}
.disclosure-table-wrap {
font-size: 16px;
}
.disclosure .docs a,
.disclosure .profile a,
.disclosure .profiles_n a {
font-size: 14px;
line-height: 1;
}
.disclosure .docs a[href*="file:"]:after,
.disclosure .docs a.file:after,
.disclosure .profile a[href*="file:"]:after,
.disclosure .profiles_n a[href*="file:"]:after {
transform: scale(.5);
transform-origin: 0 0;
}
.disclosure .docs > div,
.disclosure .profile > div,
.disclosure .profiles_n > div {
padding-left: 40px;
padding-bottom: 20px;
position: relative;
}
.disclosure .pre_map.clearfix,
.disclosure .preloader_wrapper_default,
.disclosure .bottom_map {
padding-top: 5px;
}
}
/* End */
/* Start:/local/templates/main/css/jquery.mCustomScrollbar.css?155074191453840*/
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar{ -ms-touch-action: auto; touch-action: auto; /* MSPointer events - direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
min-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ /* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
.scroll-pane .mCustomScrollBox {
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -17px; } /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
cursor: pointer;
width: 100%;
height: 30px; /* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.scroll-pane .mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 15px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; /* minimum dragger width */
height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; /* auto-expanded scrollbar */
margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; /* auto-expanded scrollbar */
margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{
padding-right: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{
padding-bottom: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; /* non-visible scrollbar */
margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(/local/templates/main/css/mCSB_buttons.png); /* css sprites */
background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px;
/*
sprites locations
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px;
/*
sprites locations
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #abb1b3; background-color: rgba(171,177,179,0.75); }
.town_switcher_big .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #cfe2e6; background-color: rgba(207,226,230,0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(171,177,179,0.9); }
.town_switcher_big .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.town_switcher_big .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(207,226,230,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; /* auto-expanded scrollbar */
height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; /* auto-expanded scrollbar */
width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; /* auto-expanded scrollbar */
margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0;
margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0;
margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0;
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 10px;
margin: 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 10px;
margin: 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.5); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.75); background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.75) background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
/* ---------------------------------------- */
/* End */
/* Start:/local/templates/main/css/jquery.fancybox.css?15507419144317*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/local/templates/main/img/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('/local/templates/main/css/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/local/templates/main/css/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('/local/templates/main/css/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/* End */
/* Start:/local/components/sberbankam/popup/templates/.default/style.css?155074192344*/
a { text-decoration: none; color: #54a3e2; }
/* End */
/* Start:/local/templates/main/components/bitrix/menu/horizontal_adaptive/style.css?1550741912202*/
.menu-item-href{
color: black;
font-size: 15px;
text-transform: uppercase;
color: #000;
margin: 30px 0 20px!important;
font: 600 15px/18px 'ProximaNova';
border-bottom: none;
}
/* End */
/* Start:/local/components/sberbankam/fund.group/templates/adaptive/style.css?155074192236*/
.empty-title {
display: block;
}
/* End */
/* Start:/local/components/sberbankam/fund.group/templates/adaptive.etf/style.css?155074192236*/
.empty-title {
display: block;
}
/* End */
/* Start:/local/templates/main/components/bitrix/menu/horizontal_2017/style.css?15507419123039*/
.menu-item-href {
color: black;
font-size: 15px;
text-transform: uppercase;
color: #000;
margin: 30px 0 20px!important;
font: 600 15px/18px 'ProximaNova';
border-bottom: none;
}
.pif-tab-navigation {
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 12px;
margin-bottom: 20px;
/* /var/www/sberbank-am2/main/app/core/local/templates/main/components/bitrix/menu/horizontal_2017 */
}
.container-submenu {
width: 1048px;
margin: 0 auto;
}
.pif-tab-navigation .pif-tab__text {
padding: 8px 0;
}
.pif-tab-navigation .pif-tab__item:before {
display: none!important;
}
.pif-tab-navigation .pif-tab__wrapper {
justify-content: flex-start;
}
.pif-tab-navigation .pif-tab__item:not(:last-child) {
margin-right: 45px;
}
.pif-tab-navigation .pif-tab__item:not(:last-of-type):after {
right: -22px;
background-color: #e7e7e7;
height: 35px;
}
.pif-tab-navigation .pif-tab__item:hover:before {
display: block!important;
}
.mobile-submenu__fund {
display: none;
}
.mobile-menu .pif-tab-navigation {
padding: 0 15px 15px;
}
.mobile-menu__item.with-submenu.active .mobile-submenu__fund {
display: block;
}
.mobile-submenu__fund .pif-tab__item {
position: relative;
cursor: pointer;
display: -ms-flexbox;
display: flex!important;
-ms-flex-direction: row;
flex-direction: row!important;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.mobile-submenu__fund .pif-tab-navigation .pif-tab__ico {
background: none;
}
.mobile-submenu__fund .pif-tab__item:not(:last-child):after {
content: '';
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
right: -22px;
background-color: #e7e7e7;
height: 35px;
}
.mobile-submenu__fund .pif-tab__item:not(:last-of-type):after {
display: flex;
}
.mobile-submenu__fund .pif-tab-navigation .pif-tab__ico {
background: none;
}
.mobile-submenu__fund .pif-tab__ico {
display: inline-block;
margin-right: 11px;
}
body .pif-tab.pif-tab-navigation.fixed {
position: static!important;
}
@media (max-width: 1100px) {
.container-submenu {
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.mobile-submenu__fund .pif-tab__wrapper {
padding-top: 0;
}
}
@media (max-width: 600px) {
.mobile-submenu__fund .pif-tab__item:not(:last-child) {
margin-bottom: 0;
}
.mobile-submenu__fund .pif-tab__wrapper {
padding-bottom: 0;
}
.mobile-submenu__fund .pif-tab__wrapper {
flex-direction: row;
}
}
@media (max-width: 543px) {
.mobile-submenu__fund .pif-tab__item:not(:last-child):after {
display: none;
}
.mobile-submenu__fund .pif-tab__wrapper {
flex-direction: column;
align-items: flex-start;
}
.mobile-menu .pif-tab-navigation {
padding: 0 15px 15px;
}
.mobile-submenu__fund .pif-tab__item:not(:last-child) {
margin-bottom: 10px;
}
}
/* End */
/* Start:/local/components/sberbankam/fund.group/templates/.default/style.css?155074192236*/
.empty-title {
display: block;
}
/* End */
/* Start:/local/components/sberbankam/fund.group/templates/etf/style.css?155074192236*/
.empty-title {
display: block;
}
/* End */
/* Start:/local/templates/main/styles.css?15507419133952*/
h1 {
font: 600 36px/1.2 'Open Sans';
color: #3f474f;
margin: 0;
}
h2 {
font: 700 36px/1.2 'Open Sans';
color: #3f474f;
margin: 0;
}
h3 {
font: 700 26px/1.2 'Open Sans';
color: #3f474f;
margin: 0;
}
.h-left { font: 700 36px/40px 'Open Sans'; color: #000; margin: 0; }
ul {
list-style-type: none;
color: #3f474f;
margin: 0;
padding-left: 30px;
}
.no-mrk {}
.no-mrk li:before {
display: none;
}
ul li {
position: relative;
}
ul li:before {
width: 9px; height: 9px;
display: block; content: '';
position: absolute;
top: 5px; left: -30px;
background: #0e9800;
border-radius: 50%;
}
ul li + li {
margin-top: 16px;
}
.c_grey {
color: #9ca8b4;
}
p { margin: 1em 0; }
a { text-decoration: none; color: #54a3e2; }
.img-fit {
max-width: 840px;
max-height: 100%;
width: 100%;
}
.black-bg {
background: url('/local/templates/main/img/index/greeen_rm.jpg') no-repeat;
background-size: cover;
}
.wide-black-bg {
background: url('/local/templates/main/img/grid-bg/strategy-medium.jpg') no-repeat;
background-size: cover;
}
.strategy .bg_wrapper { left: 0; }
.str_data .neg { color: #EB4B4B; }
.b-medium-double .personal_new img { max-width: 100%; height: 92px;}
.no-result { text-align: center; }
*{
outline: none;
}
/*Popup*/
.popup-ajax .bg_wrapper {
padding: 0;
}
.popup .docs > div {
display: inline-block;
width: 34%;
}
/*Slider*/
.bxslider > li:before {
background: none;
}
.bxslider li > section { height: 750px; }
/*Timeline*/
.news-source {
color: #a0a3a9;
text-transform: uppercase;
font-size: 14px;
}
.news-author {
display: block;
margin-top: 30px;
}
.mess-block .news-source { display: inline-block; }
.mess-block .b-large-hor .news-source,
.popup .news-source { padding-left: 8px; }
/*Form validation*/
.main_cont main input.invalid,
.main_cont main textarea.invalid {
background-image: url("/local/templates/main/img/error.png");
background-position: 100% 50%;
background-repeat: no-repeat;
border-color: #F84049;
padding-right: 40px;
}
.main_cont main input.valid,
.main_cont main textarea.valid {
border: 1px solid #4b9ee0;
}
.green-text { color: #1C9617; }
/*Vacancies page*/
.vacancies h2 { margin-top: 45px; }
.vacancies article {
margin: 0 auto;
width: 50%;
display: inline-block;
float: left;
}
.vacancies .strategy-trust { margin: 75px 0; }
.vacancies .strategy-trust ul { width: 100%; }
.vacancies .vacancy-desc {
display: block;
position: relative;
}
.vacancies .btn_c_fix,
.popup .btn_c_fix { margin-top: 70px; }
/*Disclosure*/
.profile.file-cont { width: 1200px; }
.file-cont .docs { float: none; display: inline-block; vertical-align: top; margin: 36px 36px 0 0; padding-bottom: 0; width: 460px; min-height: 64px; }
.profiles .fund-docs { min-height: 400px; }
.fund-docs .profile.file-cont { top: 0; }
.fund-cont h2 { text-align: center; }
.search_line.wide-search .search_invis {
left: auto;
right: 0px;
z-index: 2;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.tbl_common {}
.main_head {}
table.tbl_common thead tr { border-bottom: 3px solid #000; }
table.tbl_common tbody tr { border-bottom: 1px solid #e5e5e5; }
table.tbl_common th { font-size: 14px; line-height: 22px; font-weight: normal; color: #767c82; padding-bottom: 20px; vertical-align: top; }
table.tbl_common tr td { height: 50px; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; vertical-align: middle; color: #1c9617; }
table.tbl_common tr td + td { text-align: right; }
table.tbl_common tr td.main_head { color: #000; }
table.tbl_common th:not(.main_head) { text-align: left; padding-top: 4px; }
table.tbl_common th.main_head { font-size: 18px; line-height: 22px; font-weight: 600; color: #000; text-align: left; text-transform: none; }
/*History timeline*/
.history-timeline li { cursor: default; }
.no-mark { padding-left: 0; }
.no-mark li:before { display: none; }
.managed_account .info.strategy h1{
margin-bottom: 40px;
}
/* End */
/* Start:/local/templates/main/template_styles.css?157616192979135*/
.pif-p.strategy-banner .b-large-hor h1 {
/* color: rgb(53, 57, 67)!important;
line-height: 1.2;*/
}
.pif-p.strategy-banner .b-large-hor ul li {
color: #3f474f !important;
}
.pif-p.strategy-banner .b-large-hor ul li:before{
content: none !important;
}
p.strategy-banner__cat {
color: rgb(53, 57, 67)!important;
}
.pie-dynamics__table {
width: 100%;
margin: 50px 0 20px!important;
}
.strategy2 .list .item .link-button { margin-top: 34px; display: inline-block; }
.nalogi .buton a.link-button {margin: 0 10px;}
.button .with_btn {
background: rgb(255, 255, 255);
color: rgb(14, 152, 0);
}
.nalogi .buton a.with_btn.link-button {
background: rgb(255, 255, 255);
color: rgb(14, 152, 0);
float:none; padding: 11px 30px 12px;
display: inline-block;
border: rgb(14, 152, 0) solid 1px;
}
.nalogi .buton a.with_btn.link-button:hover { color: rgb(14, 152, 0) !important;
}
.info trust-m custom div .link-button { margin-top: 34px; display: inline-block; }
@media (max-width: 543px){
.info.trust-m.custom {
background: url('/local/templates/main/css/../img/individuals/iis/sber_anna_1280x463.jpg') no-repeat left bottom!important;
}
}
.info.trust-m.custom {
/*background: url('/local/templates/main/css/../img/individuals/iis/sber_assets_iia_banner_main_1280x463.jpg') no-repeat center top;*/
background: url('/local/templates/main/css/../img/individuals/iis/sber_anna_1280x463.jpg') no-repeat center top;
height: 463px;
padding: 70px 0 0 110px; }
.iis_adaptive_banner{
background: url('/local/templates/main/css/../img/individuals/iis/sber_anna_1280x463.jpg') no-repeat center bottom 0;
}
.info.trust-m.custom > div { width: 100%; margin: 0; }
.info.trust-m.custom h1 { text-align: left; width: 400px; padding-bottom: 31px;}
.info.trust-m.custom article { color: #353943; width: 475px; font: 400 26px/30px 'Open Sans'; margin: 0 0 65px; }
.info.trust-m.custom article strong { font-weight: 700; }
.info.trust-m.custom button { padding-left: 21px; padding-right: 21px; }
.info h1 { padding-top: 17px; }
/*.info h2 { padding-top: 17px!important; }*/
/*
body .main.main_menu { height: 51px; }
body header.main { margin-top: 18px; margin-bottom: 6px; }
.head_menu { width: 1056px; }
.ls_rm { height: 50px; }
header .funct_panel { margin-top: 15px; }
header .funct_panel .block_rm a:nth-child(1) { margin-left: 36px; }
header .funct_panel .block_rm .active { padding-bottom: 11px; }
header .contant_panel { margin-top: 15px; margin-left: 52px; }
.search_btn { margin: 22px 37px; }
.block_rm a { padding-top: 12px; }
.rm_map { margin-left: 19px; width: 250px; }
.sub_menu .sub-menu__dropdown-btn { margin-left: -23px; margin-top: -3px; }
.sub_menu .sub-menu__box.sub-menu__box_limited { padding-left: 11px; }
.sub_menu .sub-menu__box.sub-menu__box_limited a { padding-bottom: 7px; }
.sub_menu .orange_bottom_consult { position: relative; right: -15px; }
*/
.info.invest.three { height: auto; width: 1060px; margin: 0 auto 43px; padding-bottom: 33px; }
.info.invest.three > div { width: 1060px; }
.info.invest.three .fond_and_du { margin: 0; }
.info.invest.three .fond_and_du .invest__rm { max-width: none; width: 33%; box-sizing: border-box; padding-right: 20px; text-align: left; }
.info.invest.three .fond_and_du .invest__rm:nth-child(3) { padding-left: 11px; padding-top: 2px; }
.info.invest.three .fond_and_du .invest__rm .invest_section_rm { margin-top: 20px; text-transform: uppercase; font-size: 18px; margin-bottom: 5px; }
.info.invest.three .fond_and_du .invest__rm p { padding: 0; margin: 0; opacity: 0.9; color: #000000; font-size: 14px; font-weight: 400; line-height: 25px; }
.info.invest.three .fond_and_du a { padding: 0; }
.dohodnost { width: 1060px !important; padding-top: 10px; padding-bottom: 60px; margin: 0 auto !important; }
.dohodnost h1 { padding-bottom: 58px; color: #3f474f; font-size: 36px; font-weight: 700; line-height: 23px; }
.dohodnost .text { width: 1030px; color: #3f474f; margin: 0 auto; padding-top: 74px; font-size: 14px; font-weight: 400; line-height: 23px; position: relative; }
.dohodnost .text:before { position: absolute; left: -15px; font-size: 14px; color: #424242; font-weight: 400; line-height: 20px; }
.dohodnost .howwork { color: #353943; font-size: 14px; font-weight: 400; line-height: 20px; }
.dohodnost .howwork table { width: 100%; }
.dohodnost .howwork table td { vertical-align: middle; height: 30px; }
.dohodnost .howwork table td.col1 { width: 360px; padding-right: 20px; text-align: right; }
.dohodnost .howwork table td.col2 { width: 114px; }
.dohodnost .howwork table td.col3 { width: 26px; }
.dohodnost .howwork table td.col4 { padding-right: 20px; padding-bottom: 0; text-align: center; vertical-align: middle; }
.dohodnost .howwork table td.col5 { width: 53px; text-align: left; padding-bottom: 10px; vertical-align: middle; }
.dohodnost .howwork table td.col6 { width: 140px; }
.dohodnost .howwork table td.col7 { width: 167px; }
.dohodnost .howwork table td.col8 { width: 217px; }
.dohodnost .howwork table td.col9 { text-align: center; padding-right: 20px; }
.dohodnost .howwork table .ellow { width: 100px; display: inline-block; line-height: 30px; color: #ffffff; font-size: 14px; font-weight: 700; text-align: center; height: 30px; border-radius: 2px; background-color: #f29707; }
.dohodnost .howwork table .blue { width: 100px; display: inline-block; line-height: 30px; color: #ffffff; font-size: 14px; font-weight: 700; text-align: center; height: 30px; border-radius: 2px; background-color: #58a4e0; }
.dohodnost .howwork table .green { width: 100px; display: inline-block; line-height: 110px; color: #ffffff; font-size: 14px; font-weight: 700; text-align: center; height: 110px; border-radius: 2px; background-color: #1c9617; }
.dohodnost .howwork table .greay { width: 365px; height: 265px; padding: 0 40px; background-color: #eef3f7; box-sizing: border-box; color: #010101; font-size: 18px; font-weight: 400; line-height: 25px; }
.dohodnost .howwork table .greay strong { color: #000000; font-size: 14px; font-weight: 700; line-height: 14px; }
.dohodnost .howwork table .greay span { opacity: 0.7; display: inline-block; color: #000000; font-size: 14px; font-weight: 400; line-height: 16px; }
.dohodnost .howwork table .greay span.fz18s { opacity: 1; font-size: 18px; font-weight: 700; line-height: 22px; text-transform: uppercase; padding-top: 10px; }
.strategy2 { background: #eef3f7; padding: 60px 0; width: auto !important; }
.strategy2 h1 { color: #3f474f; font-size: 36px; font-weight: 700; line-height: 23px; padding-bottom: 84px; }
.strategy2 .list { text-align: center; }
.strategy2 .list .item { padding-left: 65px; padding-right: 65px; display: inline-block; width: 310px; font-size: 14px; font-weight: 600; line-height: 22px; }
.strategy2 .list .item h3 { color: #000000; font-size: 18px; font-weight: 700; line-height: 22px; text-transform: uppercase; padding: 21px 0 11px; }
.strategy2 .list .item button { margin-top: 34px; padding: 14px 36px; }
.strategy2 .list .item button a { color: #fff; }
.nalogi { width: 1060px !important; padding: 45px 0 54px; }
.nalogi h1 { color: #3f474f; font-size: 36px; font-weight: 700; line-height: 23px; padding-bottom: 76px; }
.nalogi .text { padding-bottom: 45px; }
.nalogi .text h2 { text-align: left; color: #080808; font-size: 18px; font-weight: 700; line-height: 20px; text-transform: uppercase; padding-bottom: 7px; }
.nalogi .text p { padding: 0 0 19px; margin: 0; }
.nalogi .text .vopros { line-height: 26px; display: inline-block; padding-left: 33px; background: url(/local/templates/main/css/../img/info-bg/vopros-bg.png) no-repeat; }
.nalogi .nalogi-list { padding-bottom: 70px; }
.nalogi .nalogi-list:after { content: no-open-quote; display: block; clear: both; height: 0; }
.nalogi .nalogi-list .item { float: left; width: 475px; font-size: 18px; line-height: 27px; color: #060606; font-weight: 400; }
.nalogi .nalogi-list .item:nth-last-child(1) { float: right; width: 483px; }
.nalogi .nalogi-list .item strong { color: #000000; font-weight: 700; }
.nalogi .nalogi-list .item .img-warp { height: 51px; }
.nalogi .buton { text-align: center; }
.nalogi .buton button { padding: 14px 20px; margin: 0 10px; border: #0e9800 solid 1px; }
.nalogi .buton button.with_btn { background: #fff; color: #0e9800; }
.gridsecond.grid h1 { font-size: 72px; }
.contact_us.second { background-color: #54a3e2; height: 420px; }
.pre_map.second { padding-bottom: 40px; }
.pre_map.second h1 { font-size: 36px; }
.pre_map.second span { margin-top: 60px; }
.pre_map.second p { margin-top: 25px; font-size: 14px; }
.howwork td {
padding: 0;
margin: 0;
border: none;
}
.bc1 {
line-height: 102px;
color: #fff;
background: #f29707;
display: block;
width: 200px;
font-weight: bold;
text-align: center;
border-radius: 3px;
}
.bc1.bc2 {
background: #ecc800;
}
.bc1.bc3 {
background: #1c9617;
}
.bc4 {
padding-left: 20px;
background: #eef3f7;
padding-top: 20px;
padding-bottom: 20px;
display: block;
width: 300px;
}
.bb {
position: relative;
}
.bb:after, .bb:after {
content: '+';
position: absolute;
width: 30px;
height: 30px;
color: #000;
text-align: center;
line-height: 30px;
font-size: 18px;
left: 50%;
color: #000;
bottom: -15px;
margin-left: -15px;
background: #fff;
border-radius: 50%;
z-index: 5;
}
.bc1.bc5 {
line-height: normal;
background: #1c9617;
height: auto;
width: auto;
margin-right: 30px;
width: 200px;
padding-left: 20px;
padding-right: 20px;
}
.bc1.bc5 p {
margin: 0;
line-height: 33px;
border-bottom: #fff solid 1px;
}
.dohodnost .howwork table td.td1 {
width: 80px;
padding-right: 0;
}
.bc1.bc5 p:nth-last-child(1) {
border-bottom: none;
}
.dohodnost .howwork table td.bgblack {
border-top: #000 solid 1px;
}
/*investments hide*/
.js-show-nal {
display: none }
.pif-nav.fixed2 {
position: fixed;
/* left: 0; */
text-align: center;
/* right: 0; */
top: 55px;
z-index: 200;
}
p.conservative.submenu-item a{
color: #9ca8b4!important;
border-bottom: none !important;
}
p.conservative.submenu-item a:hover {
color: #434e59 !important;
border-bottom: none !important;
}
/*.drop_menu .info_center section h3,
.drop_menu .info_center section p {
margin: 0;
}*/
.sub_menu .sub-menu__box.sub-menu__box_limited .drop_menu div a.menu-item-href {
margin: 0px 0 0px!important;
}
.fund-group .conservative.submenu-item a {
margin-left: 0;
}
/*09.02.2017*/
/*.sub_menu .sub-menu__box a:hover, .sub_menu figure > div a {
border-bottom: 4px #369a1e solid!important;
}*/
/*13.02.2017*/
#validate{ display:none;}
.fund_menu_section .sub-menu__dropdown-btn.fund_dropdown:hover {
color: #000000 !important;
margin-left: 0;
margin-right: 0;
padding: 8px 12px;
}
.fund_menu_section .sub-menu__dropdown-btn.fund_dropdown:hover a { color: #0e9800 !important }
/*15.02.2017*/
a.link-button.btn-white, a.link-button.btn-white:hover {
background: #ffffff;
color: #0e9800 !important;
border: 1px solid #0e9800;
}
.new_grid .b-large-hor h1 {
text-shadow: 1px 1.732px 3px rgba(0, 0, 0, 0.6);
}
.new_grid .b-little h2 {
font-size: 18px;
font-weight: 600;
}
.new_grid .b-fix .b-large-hor .bg_wrapper:after, .new_grid .b-fix .b-little .bg_wrapper:after {
position: absolute;
content: "";
display: block;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: #363f49;
opacity: 0.6;
}
.new_grid .news-source {
color: #fff;
font-size: 14px;
font-weight: bold;
}
a.green-border{
font: normal 18px/18px 'Open Sans';
padding: 18px 22px;
border: 1px solid #0e9800;
border-radius: 3px;
outline: 0;
margin: 0 18px 0 0;
color: #0e9800; !important
background: #ffffff; !important
/* background: rgba(255, 255, 255, 0.5); */
transition: background-color 0.4s linear;
}
/*24.02.2017*/
.pif-p .b-large-hor > div.strategy-banner_main {
}
.strategy-banner_main p.strategy-banner__cat span {
display: inline-block;
font-size: 14px;
color: #fff;
line-height: 25px;
padding-left: 7px;
padding-right: 7px;
background: #f29a07;
}
.pif-p .b-large-hor .strategy-banner_main ul {
margin-top: 21px;
padding-left: 0;
width: 60% !important;
line-height: 1.4;
}
.pif-p .b-large-hor .strategy-banner_main ul li {
}
/*20.02.2017 company/awards*/
.pad-top20 {
padding-top: 17px;
}
.rating-info {
margin-top: 46px;
padding-top: 75px;
border-top: #e1e5e9 solid 1px;
border-bottom: #e1e5e9 solid 1px;
}
.rating-info h2 {
font: 600 36px/36px 'Open Sans';
color: #3f474f;
margin: 0;
text-align: center;
letter-spacing: -1.1px;
}
.block_type_1 {
width: 1060px;
margin-left: auto;
margin-right: auto;
padding-top: 37px;
padding-bottom: 70px;
}
.block_type_1:after {
content: "";
display: block;
clear: both;
}
.block_type_1 .block_item {
font-family: 'Open Sans';
width: 520px;
float: left;
color: #3f474f;
font-size: 14px;
line-height: 23px;
padding-left: 155px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.block_type_1 .block_item h3 {
font-size: 36px;
color: #bac2ca;
line-height: 43px;
padding-bottom: 5px;
}
.block_type_1 p {
margin: 0;
}
.block_type_1 .block_item:nth-last-child(1) {
float: right;
}
.block_type_1 .block_item:nth-child(1) {
float: left;
}
.block_type_1 .block_item .imgblock{
/* -moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%); */
position: absolute;
left: 0;
top: 50%;
max-width: 130px;
max-height: 100%;
}
.yspeh-info {
background: #eef3f7;
border-top: #e1e5e9 solid 1px;
border-bottom: #e1e5e9 solid 1px;
padding-top: 75px;
padding-bottom: 0px;
margin-bottom: 75px;
}
.block_type_2 {
padding-top: 75px;
width: 1060px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.block_type_2:after {
content: "";
display: block;
clear: both;
}
.text-center {
text-align: center;
}
.block_type_2 .block_item {
font-family: 'Open Sans';
width: 340px;
float: left;
color: #000000;
font-size: 14px;
line-height: 24px;
position: relative;
}
.block_type_2 .block_item .wrap-img {
vertical-align: middle;
height: 103px;
}
.block_type_2 .block_item .wrap-img img{
max-height: 100%;
}
.block_type_2 .block_item .wrap-img:before {
content: '';
display: inline-block;
height: 100px;
vertical-align: middle;
}
.block_type_2 .block_item h3 {
font-size: 18px;
color: #000000;
font-weight: bold;
letter-spacing: -0.3px;
padding-top: 0;
text-transform: uppercase;
padding-bottom: 11px;
line-height: 25px;
}
.block_type_2 .block_item:nth-last-child(3n-1) {
margin-left: 20px;
margin-right: 20px;
}
.block_type_2 .block_item:nth-last-child(3n) {
width: 330px;
padding-left: 10px;
}
.block_type_2 p {
margin: 0;
letter-spacing: 1px;
}
.block_type_2 p.fz13 {
padding-top: 26px;
font-size: 14px;
}
.block_type_2 a {
color: #6091aa;
}
.block_type_2 p.fz13.url {
padding-top: 0;
font-size: 14px;
}
.js-show-nal2 {
display: none;
}
.js-show-nal3 {
display: none;
}
.rating-info .link-button,
.rating-info .link-button:hover {
display: inline-block;
color: #086eb2 !important;
font-size: 18px;
background: none;
margin-bottom: 75px;
}
.anagrad {
float:right;
display: inline-block;
padding-left: 35px;
position: relative;
top: -10px;
}
.pif-nav__item.anagrad {
margin: 0;
}
//26.04.2017 список достижений на главной
a
main > .grid > div,
main > .grid a > div,
main > .grid figure > div,
main > .grid figure a > div {
margin: 0 auto;
}
.grid > div,
.grid a > div,
.grid figure > div,
.grid figure a > div {
float: left;
position: relative;
overflow: hidden;
}
.grid a > div > div,
.grid > .b-fix > div a > div,
.grid > div a > .bg_wrapper > .background,
.grid > .b-fix > div a > .bg_wrapper > .background,
.grid > div > div,
.grid > .b-fix > div > div,
.grid > div > .bg_wrapper > .background,
.grid > .b-fix > div > .bg_wrapper > .background,
.grid figure a > div > div,
.grid figure > .b-fix > div a > div,
.grid figure .bg_wrapper > .background,
.grid figure .bg_wrapper > .background,
.grid figure > div > div,
.grid figure > .b-fix > div > div,
.grid figure .bg_wrapper > .background,
.grid figure > .b-fix .bg_wrapper > .background {
width: 100%;
/*transform: translateZ(0);*/
position: absolute;
top: 0;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.dynamics__inner{
padding: 15px 30px 20px 30px !important;
height: 260px;
}
.grid > div > .bg_wrapper > .background,
.grid a > div > .bg_wrapper > .background,
.grid > .b-fix > div > .bg_wrapper > .background,
.grid figure .bg_wrapper > .background,
.grid figure > .b-fix .bg_wrapper > .background {
width: 101%;
}
.grid div {
position: relative;
z-index: 2;
}
.bg_wrapper,
.grid .bg_wrapper {
width: 101% !important;
height: 100%;
z-index: 0;
background-position: 50% 50%;
background-size: cover;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
figure .bg_wrapper {
z-index: 0;
}
.grid > div:hover .bg_wrapper,
.grid > figure:hover .bg_wrapper {
/*-webkit-transform: scale(1.1);*/
/*-moz-transform: scale(1.1);*/
/*-ms-transform: scale(1.1);*/
/*-o-transform: scale(1.1);*/
/*transform: scale(1.1);*/
}
/*.b-little h1 {
font: 600 74px/74px 'Open Sans'!important;
}*/
.b-little.l-green div h2{
/*display: none;*/
}
.grid figure .d-orange > div{
padding:34px 38px 0;
}
.grid > div > div,
.grid a > div > div,
.grid figure > div > div,
.grid figure a > div > div {
padding: 35px 29px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: -0.42px;
}
.error-page h2,
.error-page h1 {
font-weight: 700;
padding: 0 15px;
text-align: center;
}
.grid .popup-ajax,
.grid .block-url {
cursor: pointer;
}
.b-little h2,
.b-medium-double h2,
.b-large-hor h2.num {
font-family:'Open Sans';
color: #fff;
}
.b-little h2 span,
.b-medium-double h2 span,
.pai_after.grid .b-large-hor h2.big span,
.b-large-hor h2.num span{
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
width: 51px;
margin-top: 8px;
padding-bottom: 2px;
border-bottom: 1px solid;
display: inline-block;
vertical-align: top;
}
.pai_after.grid .b-large-hor h2.big span {
width: 67px;
}
.grid > .b-little > div {
padding: 25px 15px 0 25px;
}
.b-little {
width: 25%; height: 262px;
}
.b-little h2.small {
font-size: 36px;
line-height: 40px;
}
.rm_color_new_1{
background-color: #0e9800;
}
.rm_color_new_2{
background-color: #469ce2;
}
.rm_color_new_3{
background-color: #f29b07;
}
/*.rm_color_3 div div h1{
color: #353943;
}
.rm_color_3 div div p{
color: #353943;
}*/
.rm_color_new_4{
background-color: #89ce1d;
}
.rm_color_new_5{
background-color: #4a708d;
}
/*my*/
.section_invest .b-little{
width: 20%;
box-sizing: border-box;
height: 200px;
}
.section_invest .b-little h2{
font-size: 54px!important;
line-height: 44px!important;
}
.section_invest .b-little h2 span{
display: block;
font-size: 26px;
text-transform: none;
width: 100%;
border: none;
}
.section_invest > .b-little > div{
padding: 35px 15px 0 35px;
}
.section_invest .b-little p,
.section_invest div p {
color: #fff;
font-weight: 300;
text-transform: none;
font-size: 18px;
line-height: 1.2;
margin-bottom: 0;
display: inline-block;
padding-right: 7px;
font-family:'Open Sans';
}
.section_invest .rm_color_1 p{
padding-top: 30px;
}
.section_invest .section__title{
text-align: center;
padding: 35px 0 45px;
}
.section_invest{
background-color: #f2f3f6;
font-family:'Open Sans';
padding-bottom: 40px;
}
.section_invest .col_x3{
width: 33.33%;
float: left;
box-sizing: border-box;
}
.section_invest .item__text{
color: #3f474f;
font-size: 14px;
font-family:'Open Sans';
font-weight: 400;
}
.section_invest .item__letter{
font-weight: bold;
font-size: 36px;
color: #bac2ca;
padding-bottom: 15px;
display: block;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 27px;
padding-top: 20px;
}
.section_invest .item__img{
/*height: 50px;*/
/*padding-bottom: 20px;*/
display: flex;
/*align-items: center;*/
flex-direction: column;
justify-content: space-between;
}
.section_invest .item:first-child{
padding: 50px 20px 50px 40px;
}
.section_invest .item:last-child{
padding: 50px 40px 50px 20px;
}
.wrap-cols{
margin: 40px 57px 0;
background: #fff;
}
.section_invest .item{
padding: 50px 20px 50px 40px;
}
.clearfix:after{
clear: both;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: '';
}
.rating-info {margin-top: 75px;}
.block_type_2 .block_item:nth-child(3n) { padding-left: 10px; }
.block_type_2 .block_item:nth-last-child(3n) { padding-left: 0px; }
//--------------------------------------конец список достижений на главной
/*----------------------------редизайн ИСС*/
section .howitwork .container {
margin-left: auto!important;
margin-right: auto!important;
padding-left: 15px!important;
padding-right: 15px!important;
max-width: 1060px!important;
}
span.page_title {
font-family: "Open Sans", sans-serif;
font-weight: 700;
text-align: center;
display: block;
padding: 50px 0;
font-size: 36px;
line-height: 23px;
color: #3f474f; }
.invest {
margin-bottom: 28px; }
.invest__wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 18px; }
.invest__item {
width: 21%;
min-height: 138px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center; }
.invest__text {
font-family: "Open Sans", sans-serif;
text-align: center;
display: block;
font-size: 18px;
color: #3f474f; }
.howitwork__wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center; }
.howitwork__block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
width: 49%; }
.howitwork__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between; }
.howitwork__title {
display: inline-block;
font-family: "Open Sans", sans-serif;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 18px;
color: #3f474f; }
.howitwork__title--link {
color: #0e9800; }
.howitwork__text {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 18px;
color: #3f474f; }
.howitwork__subtext {
display: block;
margin-top: 5px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: #3f474f; }
.investment-step {
list-style: none;
overflow: hidden;
padding: 0;
}
.investment-step__item {
float: left;
margin: 0;
width: 33.3333333%;
}
.investment-step__item:before {
display: none;
}
.investment-step__icon {
background-image: url(/img/investment_sprite.png);
background-repeat: no-repeat;
display: block;
height: 70px;
}
.investment-step__icon_coming {
background-image: url(/local/templates/main/../main/img/strategy-ico-1.svg);
width: 45px;
background-position: 0;
}
.investment-step__icon_registration {
background-image: url(/local/templates/main/../main/img/strategy-ico-2.svg);
width: 63px;
background-position: 0;
}
.investment-step__icon_transfer {
background-image: url(/local/templates/main/../main/img/strategy-ico-3.svg);
width: 74px;
background-position: 0;
}
.investment-step__point {
height: 32px;
margin: 28px 0;
position: relative;
}
.investment-step__point:before {
background: #e4eced;
content: "";
display: block;
height: 3px;
margin: auto 0;
position: absolute;
top: 0;
bottom: 0;
width: -webkit-calc(100% - 4px);
width: -moz-calc(100% - 4px);
width: calc(100% - 4px);
}
.investment-step__point:after {
background: #fff url("/local/templates/main/css/../img/sprite.png") no-repeat -11px -253px;
content: "";
display: block;
height: 24px;
margin: auto 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 28px;
}
.investment-step__text {
color: #000;
padding-right: 30px;
}
.investment-step__text:first-line {
font-weight: bold;
}
.block-question:before {
background: url('/local/templates/main/img/question_grey.svg') no-repeat;
content: "";
height: 22px;
position: absolute;
top: 0;
left: 0;
width: 22px;
background-size: 100%!important;
}
.block-question {
padding-left: 30px;
position: relative;
}
/*---------------------------конец редизайн ИСС*/
.howitwork {
margin-bottom: 60px;
}
.dohodnost .howwork {
margin-top: 11px;
}
.strategy2 {
padding: 37px 0 59px;
}
.strategy-trust {
margin: 0 auto;
}
.nalogi h1 {
padding-top: 8px;
}
.nalogi .text {
margin-left: 20px;
margin-top: 51px;
}
.nalogi .text h2 {
padding-bottom: 16px;
}
.nalogi .text p {
padding: 0 0 40px;
}
.get_profit {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.investment-step__point:after {
display: none;
}
.contact_us {
background: none;
background-color: #54a3e2;
}
.get_profit2 {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 15px;
}
.get_profit2__item {
width: 49%;
background-color: #eef3f7;
padding: 26px 29px;
box-sizing: border-box;
}
.u_invest {
background-color: #fff;
}
.investment-step__item {
float: none;
width: 29%;
}
.main_cont {
box-shadow: none!important;
}
.investment-step {
display: flex;
justify-content: space-around;
}
.investment-step__icon {
/*background-image: none;*/
height: 70px;
}
.nalogi2 {
width: 1060px !important;
margin: 0 auto;
}
.nalogi .text {
padding-bottom: 0;
}
.nalogi {
width: 1060px !important;
padding: 45px 0 18px;
}
.get_profit2__item img {
margin-right: 15px;
}
.txt-ic {
position: relative;
}
.txt-ic:after {
content: "";
position: absolute;
width: 22px;
height: 12px;
background: url("/local/templates/main/img/individuals/txt-ic.png") no-repeat center;
background-size: 100%;
right: -38px;
top: 7px;
cursor: pointer;
}
.invest-tax {
margin-top: 20px;
}
.investment-step__point:before {
height: 2px;
}
.investment__ico-1 {
width: 60px;
height: 62px;
background: url("/local/templates/main/img/individuals/SberbankUA_IIS_3-(1)_03.png") no-repeat center;
background-size: 100%;
}
.investment__ico-2 {
width: 65px;
height: 62px;
background: url("/local/templates/main/img/individuals/SberbankUA_IIS_3-(1)_05.png") no-repeat center;
background-size: 100%;
}
.investment__ico-3 {
width: 65px;
height: 62px;
background: url("/local/templates/main/img/individuals/SberbankUA_IIS_3-(1)_07.png") no-repeat center;
background-size: 100%;
}
/* таблица на странице ИСС*/
.page_title {
font-family: "Open Sans", sans-serif;
font-weight: 700;
text-align: center;
display: block;
padding: 50px 0;
font-size: 36px;
line-height: 23px;
color: #3f474f; }
.invest {
margin-bottom: 28px; }
.invest__wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 18px; }
.invest__item {
width: 22%;
min-height: 138px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center; }
.invest__text {
font-family: "Open Sans", sans-serif;
text-align: center;
display: block;
font-size: 18px;
color: #3f474f; }
.howitwork__wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 40px; }
.howitwork__block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
width: 47%; }
.howitwork__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between; }
.howitwork__title {
display: inline-block;
font-family: "Open Sans", sans-serif;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 18px;
color: #3f474f; }
.howitwork__title--link {
color: #0e9800; }
.howitwork__text {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 18px;
color: #3f474f; }
.howitwork__subtext {
display: block;
margin-top: 5px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: #3f474f; }
.dox__wrapper {
margin: 0 auto;
padding-top: 22px;
width: 632px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start; }
.dox__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between; }
.dox__item__title-list {
margin-bottom: 15px; }
.dox__item--dashed {
position: relative; }
.dox__item--dashed:after {
content: '';
position: absolute;
bottom: 0;
left: 50px;
width: 100%;
height: 2px;
background: url("/local/templates/main/img/individuals/dashed.png") repeat-x center left; }
.dox__title {
width: 33%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center; }
.dox__title__top {
font-family: "Open Sans", sans-serif;
color: #000;
font-size: 14px;
line-height: 18px;
letter-spacing: -.4px; }
.dox__title__bottom {
font-family: "Open Sans", sans-serif;
color: #019901;
font-size: 18px;
line-height: 20px;
font-weight: 700;
letter-spacing: -.5px; }
.dox__title * {
text-align: center; }
.dox__block {
width: 33%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.dox__block--small {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center; }
.dox__block--orange {
width: 95px;
height: 107px;
background-color: #f7941d;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.dox__block--green {
width: 95px;
height: 107px;
background-color: #8dc63f;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.dox__block--green-dark {
position: relative;
width: 95px;
height: 201px;
background-color: #019901;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.dox__block--green-dark--small {
height: 33%; }
.dox__text-w {
font-family: "Open Sans", sans-serif;
color: #fff;
font-size: 14px;
line-height: 25px; }
.dox__text-b {
font-family: "Open Sans", sans-serif;
color: #000;
font-size: 14px;
line-height: 20px;
text-align: center;
margin-top: 8px; }
.dox__first {
width: 31%; }
.dox__second {
width: 26%;
margin-left: 54px; }
.dox__left {
position: absolute;
font-size: 14px;
color: #353943;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -64px;
margin-top: 0;
text-align: left; }
/* конец таблица на странице ИСС*/
.invest__wrap {
padding-bottom: 27px;
}
.section_invest .item__img {
height: 123px!important;
}
.nalogi2 {
padding-bottom: 15px;
}
.block_type_2 .block_item .wrap-img {
margin-bottom: 20px;
}
.faq-info {
font-family: "Open Sans", sans-serif;
color: #3f474f;
max-width: 1060px;
text-align: center;
margin: 0 auto 50px;
font-size: 18px;
}
.pif-nav.fixed2 {
/* min-width: 1260px; */
min-width: 1280px;
box-sizing: border-box;
}
/*task 162 top menu edit*/
.sub-menu__dropdown {
border-bottom: 2px solid #e5e8eb;
box-shadow: 0 4px 10px rgba(0, 0, 0, .4);
}
.go_top {
left: 17%!important;
}
@media (max-width: 1800px) {
.go_top {
left: 15%!important;
}
}
@media (max-width: 1700px) {
.go_top {
left: 14%!important;
}
}
@media (max-width: 1600px) {
.go_top {
left: 12%!important;
}
}
@media (max-width: 1500px) {
.go_top {
left: 8%!important;
}
}
@media (max-width: 1400px) {
.go_top {
left: 6%!important;
}
}
@media (max-width: 1300px) {
.go_top {
left: 15px!important;
}
}
.drop_menu.sub_active a, .drop_menu.sub_active a:hover {
color: #0e9800 !important;
position: relative;
z-index: 1;
}
.drop_menu.sub_active .item_custom:before {
color: #0e9800 !important;
background: #ffffff;
content: '';
display: block;
position: absolute;
z-index: -1;
left: -12px;
top: -8px;
right: -12px;
height: 55px;
}
/* top menu edit end */
.file-cont .docs {
width: 86%!important;
}
.docs p + p, .profile p + p, .profiles_n p + p {
max-width: 95%!important;
}
.first-doc {
padding-bottom: 60px!important;
margin-bottom: 50px!important;
border-bottom: 1px solid #d8dfe1;
background-color: rgba(0,0,0,.012);
}
.first-doc a{
font-size: 26px;
line-height: 32px;
margin: 0 0 24px 24px;
display: inline-block;
}
.first-doc a+p{
font-size: 18px;
font-weight: 700;
margin: 0 0 18px 24px;
}
.first-doc p+p{
font-size: 18px;
font-weight: 400;
margin: 0 0 0 24px;
}
/* 06.06.2017 161: sberbank-am // Изменения на страницах фондов */
.doc-and-info {
margin-bottom: 70px;
}
.doc-and-info__title {
margin-bottom: 65px;
text-align: center;
}
.doc-and-info__wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-direction: row;
}
.doc-and-info__item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
}
.doc-and-info__ico-wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 37px;
flex-direction: row;
justify-content: center;
align-items: flex-end;
height: 77px;
}
.doc-and-info__ico {
display: inline-block;
}
.doc-and-info__ico--1 {
background: url("/local/templates/main/./img/docs-info/ico-doc-info-1.png") no-repeat center;
width: 67px;
height: 75px;
}
.doc-and-info__ico--2 {
background: url("/local/templates/main/./img/docs-info/ico-doc-info-2.png") no-repeat center;
width: 70px;
height: 77px;
}
.doc-and-info__ico--3 {
background: url("/local/templates/main/./img/docs-info/ico-doc-info-3.png") no-repeat center;
width: 82px;
height: 67px;
}
.doc-and-info__subtitle {
display: block;
margin-bottom: 2px;
text-align: center;
font-family: 'Open Sans';
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #353943;
letter-spacing: -.4px;
}
.doc-and-info__date {
display: block;
text-align: center;
font-family: 'Open Sans';
font-weight: 600;
font-size: 14px;
line-height: 22px;
color: #999999;
letter-spacing: -.4px;
}
.faq-info-pif{
font-family: "Open Sans", sans-serif;
color: #3f474f;
max-width: 1060px;
text-align: left;
margin: 0 auto 50px;
font-size: 18px;
}
/* конец 06.06.2017 */
/*Task #141: Доработки раздела "Раскрытие информации"*/
.contact_us_disclosure {
width: 100%; height: 400px;
background: url(/local/templates/main/css/../img/contact_us.jpg) no-repeat;
background-size: cover;
}
.contact_us_disclosure h2 {
text-transform: uppercase;
text-align: center;
color: #fff;
padding: 95px 0 33px;
}
.contact_us_disclosure h1 {
font: 600 72px/1 'Open Sans';
text-align: center;
color: #fff;
margin-bottom: 38px;
}
/*Task #141: конец Доработки раздела "Раскрытие информации"*/
/*Task #189: Доработки раздела "Частным инвесторам"*/
.info.trust-m.idividuals { background: url(/local/templates/main/css/../img/info-bg/blue-eyes.png) no-repeat center top; height: 463px; padding: 110px 0 0 110px; }
.info.trust-m.idividuals article { color: #353943; width: 450px; margin: 0 0 75px; }
.info.trust-m.idividuals h1 { text-align: left; color: #353943; width: 440px; padding-bottom: 31px; font: 700 36px/40px 'Open Sans'; }
.info.trust-m.idividuals > div { width: 100%; margin: 0; }
/*Task #189: конец Доработки раздела "Частным инвесторам"*/
.info.invest h2 {
padding-top: 70px;
}
.section_invest .section__title {
padding: 70px 0 25px;
}
/*soc icins task 207*/
.news_with-ico {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
width: 80%;
opacity: 1!important;
align-items: center;
}
.news_with-ico__icons {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.soc-icons {
display: inline-block;
opacity: .85;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.soc-icons:not(:last-child) {
margin-right: 10px;
}
.soc-icons:hover {
opacity: 1;
}
.soc-icons--fb {
width: 12px;
height: 22px;
background: url("/local/templates/main/../main/img/header/facebook_stroke.svg") no-repeat center;
background-size: 100%;
}
.soc-icons--tw {
width: 24px;
height: 20px;
background: url("/local/templates/main/../main/img/header/twitter_stroke.svg") no-repeat center;
background-size: 100%;
}
.soc-icons--vk {
width: 28px;
height: 26px;
background: url("/local/templates/main/../main/img/header/vk_stroke.svg") no-repeat center;
background-size: 100%;
}
.footer_soc .soc-icons {
width: 30px;
height: 30px;
}
.footer_soc .soc-icons:not(:last-child) {
margin-right: 18px;
}
.footer_soc .soc-icons--fb {
background: url("/local/templates/main/../main/img/header/facebook.svg") no-repeat center;
background-size: 100%;
}
.footer_soc .soc-icons--vk {
background: url("/local/templates/main/../main/img/header/vk_footer.svg") no-repeat center;
background-size: 100%;
}
.footer_soc .soc-icons--tw {
background: url("/local/templates/main/../main/img/header/twitter.svg") no-repeat center;
background-size: 100%;
}
.footer_soc .soc-icons--ytube {
background: url("/local/templates/main/../main/img/footer-soc-ytube.png") no-repeat center;
background-size: 100%;
}
.required_info.bottom_text_rm {
margin: 13px auto 0;
}
/*-----------------*/
/*----замена H1----*/
.town_switcher_top p {
width: 1065px;
margin: 0 auto 20px;
font: 300 36px/36px 'Open Sans';
color: #f5f5f5;
}
.pre_map .header_title {
position: relative;
display: inline-block;
font: 36px 'Open Sans';
color: rgb(63, 71, 79);
font-weight: 300;
text-transform: initial;
}
.pre_map span div.city.header_title {
padding-left: 0.35em;
}
/*---------------*/
.app-footer {
position: relative;
display: inline-block;
width: 25px;
height: 25px;
opacity: 0.85;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.app-footer:hover {
opacity: 1;
}
.app-footer svg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.app-footer__text {
display: inline-block;
margin-right: 10px;
}
.app-footer:not(:last-child) {
margin-right: 10px;
}
.sberbank_group {
display: flex;
align-items: center;
}
@media (max-width: 1100px) {
.town_switcher_top p {
width: auto;
}
}
@media (max-width: 543px) {
.town_switcher_top p {
font-size: 26px;
padding-right: 40px;
}
}
.main_logo a img {
width: 100%;
}
header .main_logo {
margin-top: 10px;
}
.personal-section-top.fond_and_duw {
padding: 0;
margin-right: 0;
margin-top: 73px;
margin-bottom: 30px;
}
.personal-section-top.fond_and_duw .personal-section-top__item {
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.header-apps {
display: flex;
align-items: center;
margin-left: 10px;
position: absolute;
right: -75px;
top: 0;
height: 48px;
}
.header-apps a {
padding: 0!important;
border: 0!important;
margin-right: 0!important;
}
.ls-main {
float: right;
width: 180px;
height: 48px;
}
.header-apps .app-footer:not(:last-child) {
margin-right: 10px!important;
}
@media (max-width: 1100px) {
.personal-section-top.fond_and_duw {
margin-top: 60px;
}
}
@media (max-width: 768px) {
.personal-section-top.fond_and_duw .personal-section-top__item {
width: 130px;
}
.personal-section-top.fond_and_duw .personal-section-top__item br {
display: block!important;
}
}
@media (max-width: 543px) {
.personal-section-top.fond_and_duw .personal-section-top__item br {
display: none!important;
}
}
.main-branding-links {
display: none;
}
.town-opened #cnt-wrapper {
padding-top: 0!important;
}
.town-opened .fifa2018__info {
opacity: 0;
}
.town_switcher_top div section {
max-width: 100%;
padding-right: 40px;
}
/*VIDEO MESSAGE*/
.grid.start_grid {
position: relative;
}
.vid-msg {
display: none;
}
.vid-msg__container {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
color: #fff;
position: relative;
background-color: #fff;
}
.vid-msg__whois {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
}
.vid-msg__wrapper {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
width: calc(50% - 1px);
padding: 45px 30px 11px;
/*background-color: #469CE2;*/
/*background-color: #6d32d9;*/
background-color: #68d6c9;
cursor: pointer;
}
.vid-msg__datename {
position: absolute;
left: 30px;
top: 10px;
}
.vid-msg__text {
font-size: 26px;
line-height: 1.2;
font-weight: 600;
text-transform: uppercase;
}
.vid-msg__date {
display: inline-block;
font-size: 18px;
line-height: 1.2;
color: #fff;
}
.vid-msg__who {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.vid-msg__who-info {
padding-top: 0;
margin-left: 13px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
text-align: left;
}
.vid-msg__name {
font-size: 14px;
font-weight: 400;
}
.vid-msg__position {
font-size: 14px;
font-weight: 600;
}
.vid-msg__theme {
font-size: 18px;
font-weight: 600;
}
.vid-msg__img {
width: 55px;
height: 55px;
flex-shrink: 0;
border-radius: 100%;
overflow: hidden;
border: 2px solid #fff;
background: #fff;
}
.vid-msg__play {
width: 68px;
height: 48px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10%;
}
.vid-msg__play svg {
width: 100%;
height: 100%;
}
.vid-msg__close {
position: absolute;
cursor: pointer;
width: 22px;
height: 22px;
right: 12px;
top: 9px;
}
.vid-msg__close svg {
width: 100%;
height: 100%;
}
.vid-msg__video {
position: fixed;
display: none;
z-index: 100000;
background: rgba(0,0,0,.7);
width: 100%;
height: 100%;
left: 0;
top: 0;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.vid-msg__video.active {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.vid-msg__player-wrapper {
display: inline-block;
padding: 0;
margin: 0;
width: 100%;
max-width: 1280px;
max-height: 720px;
padding-top: 56.25%;
height: 0;
position: relative;
}
.vid-msg__player-wrapper #player {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
@media (max-width: 1400px) {
.vid-msg__player-wrapper #player {
height: 100%;
width: 100%;
}
.vid-msg__video {
padding: 40px;
}
}
@media (max-width: 1110px) {
.vid-msg__wrapper {
padding: 45px 15px 11px;
}
.vid-msg__text {
font-size: 18px;
}
.vid-msg__who-info {
padding-top: 0;
}
.vid-msg__who {
-ms-align-items: center;
align-items: center;
}
.vid-msg__play {
right: 20%;
}
.vid-msg__date {
font-size: 14px;
}
.vid-msg__datename {
left: 15px;
}
}
@media (max-width: 991px) {
.vid-msg__text {
font-size: 18px;
}
.vid-msg__position {
font-size: 14px;
}
.vid-msg__play {
right: 8%;
}
}
@media (max-width: 768px) {
.vid-msg__wrapper {
width: 100%;
}
.vid-msg__wrapper:not(:last-child) {
border-bottom: 2px solid #fff;
}
.vid-msg__container {
flex-direction: column;
}
.vid-msg__datename {
text-align: center;
}
.vid-msg__text {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.vid-msg__text br {
display: none;
}
.vid-msg__who {
width: 100%;
}
.vid-msg__img {
flex-shrink: 0;
width: 60px;
height: 60px;
}
.vid-msg__whois {
width: 100%;
}
.vid-msg__video {
padding: 0;
}
}
@media (max-width: 543px) {
.vid-msg__text {
padding: 0 15px;
margin-bottom: 15px;
}
.vid-msg__name {
line-height: 1;
margin-bottom: 4px;
}
.vid-msg__position {
line-height: 1.2;
}
.vid-msg__who {
position: relative;
}
.vid-msg__who-info {
margin-left: 15px;
margin-right: 0;
width: auto;
}
.vid-msg__img {
position: static;
}
.vid-msg__whois {
flex-direction: column;
}
.vid-msg__play {
width: 45px;
height: 30px;
position: static;
top: auto;
transform: translateY(0);
right: auto;
margin-bottom: 20px;
margin-left: 16px;
flex-shrink: 0;
}
.vid-msg__who:not(:last-child) {
margin-right: 0;
margin-bottom: 25px;
}
.vid-msg__wrapper {
justify-content: flex-start;
padding: 45px 23px 11px 15px;
}
}
@media screen and (orientation: landscape) and (max-width: 768px) {
.vid-msg__video {
padding: 30px;
}
}
/*END VIDEO MESSAGE*/
.town_switcher a:after {
display: none!important;
background: none!important;
}
.town_switcher p {
margin: 0 0 0 15px!important;
}
.town_switcher a {
margin: 0px!important;
}
body .block_rm.sub-menu__list a:not(:last-child) {
margin-right: 38px!important;
letter-spacing: 0!important;
}
/* MANAGER COMMENTS BLOCK */
.pif-manager-info {
padding: 0 110px;
margin-bottom: 75px;
}
.pif-manager-info__block {
width: 100%;
border-radius: 3px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 3px 12.87px 0.13px rgba(0, 0, 0, 0.16);
border-right: 90px solid #8dc63f;
padding: 32px 85px 32px 30px;
display: flex;
}
.pif-manager-info__img {
width: 180px;
display: flex;
justify-content: center;
flex-direction: column;
}
.pif-manager-info__img img {
width: 180px;
height: 180px;
}
.pif-manager-info__img .pif-manager-info__title {
display: none;
max-width: 180px;
font-size: 18px;
text-align: center;
margin-top: 15px;
}
.pif-manager-info__img img {
width: auto;
border-radius: 100%;
object-fit: cover;
}
.pif-manager-info__wrapper {
width: calc(100% - 180px);
padding-left: 61px;
padding-top: 34px;
}
.pif-manager-info__title {
display: block;
font-size: 18px;
line-height: 1.2;
color: #333333;
margin-bottom: 12px;
}
.pif-manager-info__text {
display: block;
font-size: 18px;
line-height: 25px;
color: #333333;
letter-spacing: -0.025em;
}
.pif-manager-info--gray {
background-color: #fafafa;
padding-top: 70px;
padding-bottom: 5px;
margin-bottom: 56px;
}
.pif-manager-info__main-title {
display: block;
text-align: center;
color: #4b4b4b;
font-size: 26px;
line-height: 23px;
font-weight: 700;
margin-bottom: 41px;
}
.pif-manager-comments .pif-manager-info__wrapper {
padding-top: 0;
}
.pif-manager-info__namedate {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 20px;
}
.pif-manager-info__name {
font-size: 26px;
line-height: 1.2;
color: #3f474f;
font-weight: 700;
width: 100%;
padding-right: 20px;
}
.pif-manager-info__date {
font-size: 14px;
line-height: 1.2;
flex-shrink: 0;
color: #3f474f;
font-weight: 400;
background: #eff7f8;
padding: 10px 12px;
border-radius: 4px;
}
@media (max-width: 1100px) {
.pif-manager-info {
padding: 0 50px;
}
.pif-manager-info__block {
padding: 32px 30px;
}
.pif-manager-info__wrapper {
padding-left: 32px;
}
}
@media (max-width: 991px) {
.pif-manager-info__demo-title {
margin-bottom: 30px;
}
.pif-manager-info__namedate {
flex-wrap: wrap;
}
.pif-manager-info__name {
padding-right: 0;
margin-bottom: 15px;
}
.pif-manager-info__text {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0;
}
}
@media (max-width: 768px) {
.pif-manager-info__demo-item {
width: 100%;
margin-bottom: 50px;
}
.pif-manager-info__demo {
flex-wrap: wrap;
}
.pif-manager-info__demo-img {
height: 200px;
}
.pif-manager-info--gray {
margin-bottom: 40px;
}
.pif-manager-info__title {
/*display: none;*/
}
.pif-manager-info__img .pif-manager-info__title {
display: block;
}
.pif-manager-info__name {
text-align: center;
}
.pif-manager-info {
padding: 0 15px;
margin-bottom: 40px;
}
}
@media (max-width: 639px) {
.pif-manager-info__block {
flex-direction: column;
align-items: center;
}
.pif-manager-info__title {
text-align: center;
}
.pif-manager-info__wrapper {
width: 100%;
padding-left: 0;
padding-top: 5px;
}
}
@media (max-width: 543px) {
.pif-manager-info--gray {
padding-top: 30px!important;
}
.pif-manager-info__demo-item {
margin-bottom: 30px;
}
.pif-manager-info__demo {
padding: 40px 0 0 0;
}
.pif-manager-info__demo {
margin-bottom: 10px;
}
.pif-manager-info--gray {
margin-bottom: 30px;
padding-bottom: 30px;
}
.pif-manager-info {
padding: 0 15px;
}
.pif-manager-info__block {
border-right: none;
border-bottom: 30px solid #8dc63f;
padding: 20px 15px;
}
}
/* END MANAGER COMMENTS BLOCK */
/* MANAGER COMMENTS NEW */
.manager-comment {
padding: 70px 140px 80px;
/* margin-bottom: 30px;*/
background-color: #eef3f7;
}
.manager-comment__block {
width: 100%;
border-radius: 3px;
background-color: #f7fafc;
box-shadow: 0px 2px 10px 0px rgba(63, 71, 79, 0.2);
border-top: 6px solid #8dc63f;
padding: 34px 90px 67px 69px;
display: flex;
justify-content: space-between;
}
.manager-comment__date {
display: inline-block;
text-align: center;
width: 100%;
font-size: 14px;
color: #fff;
padding: 7px 15px;
line-height: 1.2;
background-color: #8dc63f;
border-radius: 3px;
margin-bottom: 13px;
}
.manager-comment__info {
width: calc(100% - 231px);
}
.manager-comment__title {
display: inline-block;
font-size: 24px;
color: #3f474f;
font-weight: 600;
margin-bottom: 43px;
}
.manager-comment__text {
font-size: 18px;
line-height: 1.2;
color: #3f474f;
letter-spacing: .08px;
}
.manager-comment__text p {
margin: 0;
}
.manager-comment__text p:not(:last-child) {
margin-bottom: 10px;
}
.manager-comment__manager {
padding-top: 9px;
width: 130px;
display: flex;
flex-direction: column;
align-items: center;
}
.manager-comment__img {
margin-bottom: 16px;
width: 118px;
}
.manager-comment__name {
font-size: 18px;
line-height: 1.2;
color: #3f474f;
display: inline-block;
letter-spacing: -.6px;
}
.manager-comment__name strong {
font-weight: 600;
}
.manager-comment__title.mobile {
display: none;
}
@media (max-width: 1130px) {
body .block_rm.sub-menu__list a:not(:last-child) {
margin-right: 32px!important;
}
}
@media (max-width: 1110px) {
.manager-comment__block {
padding: 35px 40px 60px 50px;
}
.manager-comment {
padding: 75px 110px;
}
.manager-comment__title {
margin-bottom: 20px;
}
.manager-comment__info {
width: calc(100% - 200px);
}
}
@media (max-width: 991px) {
.manager-comment__block {
padding: 35px 40px;
}
.manager-comment__title {
margin-left: 0;
margin-bottom: 15px;
width: 100%;
}
.manager-comment {
padding: 60px 70px;
}
}
@media (max-width: 768px) {
.manager-comment {
padding: 30px 15px;
}
.manager-comment__block {
padding: 30px 15px;
}
.manager-comment__info {
width: calc(100% - 160px);
}
}
@media (max-width: 543px) {
.manager-comment__text {
font-size: 14px;
line-height: 1.4;
width: 100%;
}
.manager-comment__manager {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 0;
}
.manager-comment__name {
padding-left: 0;
display: inline-block;
text-align: center;
}
.manager-comment__title {
line-height: 1.2;
text-align: center;
}
.manager-comment__block {
flex-direction: column;
}
.manager-comment__title {
display: none;
margin-bottom: 20px;
}
.manager-comment__title.mobile {
display: block;
}
.manager-comment__date {
width: auto;
}
.manager-comment__info {
width: 100%;
padding-top: 20px;
}
}
/* END MANAGER COMMENTS NEW */
/* requisites popup */
.overl[data-popup="requisites"] {
position: fixed;
z-index: 9999;
background: rgba(0,0,0,.7);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.overl.active {
display: block!important;
}
.popup_requisites {
display: none;
background-color: #fff;
max-width: 800px;
width: 100%;
border-radius: 3px;
padding: 30px;
position: fixed;
z-index: 10000;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.popup_requisites__close {
position: absolute;
cursor: pointer;
width: 22px;
height: 22px;
right: 12px;
top: 9px;
}
.popup_download {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
justify-content: center;
padding-top: 20px;
}
.popup_download a {
display: inline-block;
font-size: 18px;
line-height: 1;
padding: 18px 22px;
color: #fff;
border-radius: 3px;
background-color: #0e9800;
text-decoration: none;
transition: all 0.2s linear;
height: 56px;
border: 1px solid #0e9800;
margin-left: 10px;
margin-right: 10px;
}
.popup_download a:hover {
background-color: #fff;
color: #0e9800;
}
.popup_download a.copy-btn {
color: #0e9800;
background-color: #fff;
}
.popup_download a.copy-btn:hover {
background-color: #0e9800;
color: #ffff!important;
}
.popup_download a.copied {
pointer-events: none;
opacity: .5;
background: #ccc;
border-color: #ccc;
}
@media (max-width: 991px) {
.popup_requisites {
max-width: calc(100% - 60px);
padding: 30px 15px;
left: 30px;
top: 30px;
transform: translate(0,0);
overflow-y: scroll;
height: calc(100% - 45px);
font-size: 14px;
}
}
@media (max-width: 768px) {
.popup_requisites {
max-width: 100%;
left: 0;
top: 0;
height: 100%;
}
}
@media (max-width: 543px) {
.popup_download a {
display: inline-block;
font-size: 14px;
width: 100%;
text-align: center;
line-height: 1;
padding: 20px 22px;
color: #fff;
border-radius: 3px;
background-color: #0e9800;
text-decoration: none;
transition: all 0.2s linear;
}
.popup_download {
flex-wrap: wrap;
}
.popup_download a {
margin: 0;
}
.popup_download a:not(:last-child) {
margin-bottom: 20px;
}
}
/* end requisites popup */
/* text more */
.js-text-more {
position: relative;
display: inline-block;
font-family: 'Open Sans';
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
cursor: pointer;
color: #39424d;
margin-top: 10px;
}
.js-text-more:after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 1px;
bottom: 0;
border-bottom: 1px dashed #39424d;
opacity: 1;
transition: all 0.2s linear;
}
.js-text-more-wrapper {
display: none;
}
/* end text more */
/*MAIN SLIDER NEW*/
.slick_slider_block {
width: 75%;
}
.slick_slide_item {
position: relative;
height: 520px;
}
.slick_slide_bg_wrapper {
position: absolute!important;
width: 100%;
height: 100%;
background-repeat: no-repeat;
left: 0;
top: 0;
z-index: 1!important;
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
}
.slick_slide_text {
position: relative;
height: 100%;
z-index: 2;
padding: 53px 0 0 110px;
max-width: 630px;
letter-spacing: -1px;
}
.slick_slide_text p.disclaimer {
font: 600 14px/20px 'Open Sans';
color: #fff;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 0;
display: inline-block;
padding-right: 7px;
margin-left: 5px;
letter-spacing: 0.1px!important;
}
.slick_slider_block .slick-list {
padding: 0;
letter-spacing: 0;
position: static;
}
@media (max-width: 1280px) {
.slick_slider_block {
width: 73%;
}
}
@media (max-width: 1100px) {
.slick_slide_item {
height: 420px;
}
.slick_slider_block {
width: 100%;
}
.slick_slide_text {
padding-top: 50px !important;
padding-left: 50px !important;
max-width: 530px !important;
}
}
/*END MAIN SLIDER NEW*/
/*UNIVERSAL HINT*/
.universal-hint {
position: relative;
cursor: pointer;
}
.ui-tooltip {
color: #000;
border-radius: 20px;
font-size: 14px;
box-shadow: 0 0 7px black;
width: 480px;
padding: 15px 17px;
font-size: 14px;
border-width: 1px;
border-color: #ced5d9;
border-style: solid;
border-radius: 4px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 3px 12.87px 0.13px rgba(0, 0, 0, 0.16);
z-index: 1000;
}
.arrow-hint {
overflow: hidden;
left: 50%;
margin-left: -10px;
display: block;
position: absolute;
bottom: -8px;
width: 20px;
height: 8px;
}
.arrow-hint.top {
top: -8px;
bottom: auto;
}
.arrow-hint.left {
left: 20%;
}
.arrow-hint:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 10px 0 10px;
border-color: #ced5d9 transparent transparent transparent;
z-index: 1;
}
.arrow-hint:before {
content: '';
position: absolute;
left: 1px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 9px 0 9px;
border-color: #ffffff transparent transparent transparent;
z-index: 2;
}
.arrow-hint.top:after {
border-width: 0 10px 8px 10px;
border-color: transparent transparent #ced5d9 transparent;
}
.arrow-hint.top:before {
border-width: 0 9px 7px 9px;
border-color: transparent transparent #ffffff transparent;
top: 1px;
}
.universal-hint-icon {
width: 20px;
height: 20px;
display: inline-flex;
flex-shrink: 0;
position: relative;
top: 3px;
background: url('/local/templates/main/img/question_green.svg') no-repeat;
background-size: 100%!important;
}
.iis-formed__got-item .universal-hint-icon {
width: 14px;
height: 14px;
}
@media (max-width: 1100px) {
.arrow-hint {
display: none;
}
}
@media (max-width: 768px) {
.ui-tooltip {
width: 100%;
}
}
/*END UNIVERSAL HINT*/
/*MAIN SLIDER NEW*/
.slick_slider_wrapper {
position: relative;
width: 75%;
}
.slick_slider_block {
}
.slick_slide_item {
position: relative;
}
.slick_slide_item *:before{
display: none!important;
}
.slick_slide_bg_wrapper {
position: absolute!important;
width: 100%;
height: 100%;
background-repeat: no-repeat;
left: 0;
top: 0;
z-index: 1!important;
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
}
.slick_slide_text {
position: relative;
height: 520px;
z-index: 2;
padding: 53px 0 0 110px;
max-width: 630px;
letter-spacing: -1px;
}
.slick_slide_text p.disclaimer {
font: 600 14px/20px 'Open Sans';
color: #fff;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 0;
display: inline-block;
padding-right: 7px;
margin-left: 5px;
letter-spacing: 0.1px!important;
}
.slick_slider_block,
.slick_slider_block .slick-list {
padding: 0!important;
letter-spacing: 0!important;
position: static!important;
}
.slick-arrow {
position: absolute;
top: 0;
width: 60px;
height: 100%;
cursor: pointer;
z-index: 3;
background-color: transparent;
}
.slick-arrow svg {
position: absolute;
top: 43%;
width: 22px;
height: 54px;
opacity: .75;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
z-index: 3;
}
.slick-arrow:hover svg {
opacity: 1;
transform: scale(1.12);
}
.slick-arrow__prev:hover svg {
transform: rotate(180deg) scale(1.12);
}
.slick-arrow__prev {
left: 0;
}
.slick-arrow__next {
right: 0;
}
.slick-arrow__prev svg {
left: 20px;
transform: rotate(180deg);
}
.slick-arrow__next svg {
right: 20px;
}
.slick_slider_wrapper .slick-dots {
display: -webkit-flex!important;
display: -moz-flex!important;
display: -ms-flex!important;
display: -o-flex!important;
display: flex!important;
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
padding-left: 0;
z-index: 3;
cursor: pointer;
}
.slick_slider_wrapper .slick-dots li {
font-size: 0;
line-height: 21px;
margin-top: 0;
}
.slick_slider_wrapper .slick-dots li:not(:last-child) {
margin-right: 10px;
}
.slick_slider_wrapper .slick-dots li:before {
display: none;
}
.slick_slider_wrapper .slick-dots button {
border: none;
width: 50px;
height: 5px;
background-color: #fff;
opacity: .5;
font-size: 0;
line-height: 0;
color: transparent;
border-radius: 0;
padding: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.slick_slider_wrapper .slick-dots li:hover button {
opacity: .75;
}
.slick_slider_wrapper .slick-dots li.slick-active button {
opacity: 1;
}
@media (max-width: 1280px) {
.slick_slider_wrapper {
width: 73%;
}
}
@media (max-width: 1200px) {
/* .slick_slider_wrapper {
width: 100%;
} */
}
@media (max-width: 1100px) {
.main_page.frx-block {
display: flex !important;
flex-direction: column-reverse;
position: relative;
}
.slick_slider_wrapper {
width: 100%;
}
.slick_slide_text {
padding-top: 50px !important;
padding-left: 50px !important;
max-width: 530px !important;
}
.slick_slide_bg_wrapper {
background-position: 0 0;
}
body div h2.curbanner {
font-size: 36px!important;
line-height: 40px!important;
}
}
@media (max-width: 930px) {
.slick_slide_bg_wrapper {
background-position-x: 85%;
}
}
@media (max-width: 900px) {
.slick-arrow {
height: 520px;
}
.slick-arrow svg {
top: 48%;
}
.slick_slide_bg_wrapper {
background-position-x: 85%;
position: static!important;
height: 520px;
margin-bottom: 2px!important;
}
.slick_slide_text {
padding: 30px 30px 15px 100px!important;
max-width: 100% !important;
width: 100%;
height: 350px;
background-image: -moz-linear-gradient( -90deg, rgb(57,151,156) 0%, rgb(29,155,136) 100%);
background-image: -webkit-linear-gradient( -90deg, rgb(57,151,156) 0%, rgb(29,155,136) 100%);
background-image: -ms-linear-gradient( -90deg, rgb(57,151,156) 0%, rgb(29,155,136) 100%);
}
body .disclaimer.persp {
text-transform: inherit!important;
letter-spacing: normal!important;
margin-top: 24px!important;
width: 100%!important;
margin-left: 0!important;
padding-right: 0!important;
}
body div h2.curbanner {
font: 36px "Open Sans"!important;
line-height: 40px!important;
font-weight: 600!important;
color: #fff!important;
width: 80%;
}
body div h2.curbanner.persp {
font: 36px "Open Sans"!important;
line-height: 40px!important;
font-weight: 600!important;
color: #fff!important;
width: 80%;
}
body div .text_body,
body div .text_body.persp,
body div .text_body.perspiis,
body div .text_body.perspiis_adv {
font: 18px "Open Sans"!important;
letter-spacing: 0!important;
margin-top: 20px!important;
width: 80%!important;
line-height: 24px!important;
margin-left: 0!important;
color: #fff!important;
font-weight: 400!important;
}
.persp-proc {
font-size: 18px!important;
line-height: 24px!important;
letter-spacing: 0!important;
display: block!important;
font-weight: 600;
color: #fff!important;
margin-top: 20px!important;
}
.slick_slide_text p.disclaimer {
margin-bottom: 0;
display: inline-block;
padding-right: 0;
margin-left: 0;
letter-spacing: 0!important;
width: 80%!important;
color: #fff!important;
font-weight: 300!important;
}
.slick_slide_text br {
display: none;
}
}
@media (max-width: 768px) {
.slick_slide_text {
padding: 20px 30px 30px 20px!important;
max-width: 100%!important;
}
.slick-arrow svg {
width: 16px;
height: 36px;
opacity: 1;
}
.slick-arrow:hover {
opacity: 1;
transform: scale(1);
}
.slick-arrow__prev:hover {
transform: scale(1);
}
.slick-arrow__prev svg {
left: 3px;
}
.slick-arrow__next svg {
right: 3px;
}
.slick-arrow {
height: 400px;
}
.slick_slide_bg_wrapper {
height: 400px;
}
}
@media (max-width: 543px) {
.slick_slide_text {
height: auto;
}
.slick-arrow {
height: 300px;
/*display: none;*/
}
.slick-arrow svg {
top: auto;
bottom: 25px;
}
.slick_slide_bg_wrapper {
height: 300px;
}
body div h2.curbanner {
font: 26px "Open Sans"!important;
line-height: 1.2!important;
font-weight: 600!important;
width: 100%!important;
}
body div h2.curbanner.persp {
font: 26px "Open Sans"!important;
line-height: 1.2!important;
font-weight: 600!important;
width: 100%!important;
}
body div .text_body,
body div .text_body.persp,
body div .text_body.perspiis,
body div .text_body.perspiis_adv {
width: 100%!important;
}
.slick_slide_text p.disclaimer {
width: 100%!important;
}
}
@media (max-width: 440px) {
.slick_slide_bg_wrapper {
background-position-x: 95%;
}
}
/*END MAIN SLIDER NEW*/
/*PRINT DISCLAIMER, PAGE NUMBER*/
.number-page {
display: none;
text-align: center;
font-size: 9px!important;
line-height: 1;
}
@media print {
.container-big__btns {
display: none!important;
}
main.main, .mob-page {
overflow: hidden;
}
.manager-comment {
display: none;
}
.pie-dynamics {
margin-bottom: 0!important;
}
.new-graph #container-big {
height: 320px;
}
.print-block.disclaimer {
page-break-before: always;
}
.print__logo {
padding: 10px 0 20px;
}
.number-page {
display: block;
}
.disclaimer-text {
display: block;
font-size: 9px;
line-height: 1.4;
text-align: justify;
}
.print-block.disclaimer {
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: space-between;
padding: 0 25px;
height: 100vh;
margin: 0!important;
}
}
/*END PRINT DISCLAIMER, PAGE NUMBER*/
/*PAGINATION*/
.ajax-pager-start,
.ajax-pager-end {
text-align: center;
width: 38px;
height: 38px;
border: 1px solid #d5dddf;
border-radius: 3px;
display: inline-block;
position: absolute;
top: 49%;
transform: translateY(-50%);
}
.ajax-pager-start svg,
.ajax-pager-end svg {
width: 13px;
height: 34px;
fill: #0e9800;
-webkit-transition: fill 0.2s linear;
transition: fill 0.2s linear;
}
.ajax-pager-start {
left: 40px;
}
.ajax-pager-end {
right: 40px;
}
.ajax-pager-start.inactive,
.ajax-pager-end.inactive {
opacity: .5;
cursor: default;
}
@media (max-width: 639px) {
.ajax-pager-start, .ajax-pager-end {
top: 89px;
}
}
/*END PAGINATION*/
/*struktura fonda fix graph*/
.struct-percents {
min-height: 350px;
}
.struct-percents ul li:before {
display: none;
}
@media (max-width: 543px) {
.struct-percents {
min-height: auto;
}
}
/*end struktura fonda fix graph*/
/*FIX PRINT FONDS*/
@media print {
.pie-dynamics_hide {
display: none;
}
.number-page {
display: none;
}
.pif-dinamic-price__title {
display: none;
}
.new-graph .pif-dinamic-price__item--other {
display: flex!important;
}
.percent_title {
padding-bottom: 10px!important;
font-size: 16px!important;
line-height: 1!important;
}
.print-block.disclaimer {
padding-top: 25px;
}
}
/*END FIX PRINT FONDS*/
/*CLOSED STRATEGY*/
.locked h3,
.locked .with-submenu__title {
color: #9ca8b4!important;
}
.locked a,
.locked .with-submenu__list-item a {
position: relative;
}
.locked a:before,
.locked .with-submenu__list-item a:before{
content: '';
position: absolute;
left: -20px;
top: 3px;
width: 11px;
height: 15px;
background: url('/img/lock.svg') no-repeat center;
}
.locked .with-submenu__list-item a:before{
left: -6px;
top: 16px;
}
/*END CLOSED STRATEGY*/
/* THX POPUP */
.overl[data-popup="thx"] {
position: fixed;
z-index: 9999;
background: rgba(0,0,0,.7);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.overl.active {
display: block!important;
}
.popup-thx {
display: none;
background-color: #fff;
max-width: 360px;
width: 100%;
border-radius: 3px;
padding: 40px;
position: fixed;
z-index: 10000;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.popup-thx__close {
position: absolute;
cursor: pointer;
width: 22px;
height: 22px;
right: 12px;
top: 9px;
}
.popup_thx__text {
display: inline-block;
width: 100%;
text-align: center;
}
@media screen and (max-width: 543px) {
.popup_thx__text {
font-size: 14px;
}
}
/* END THX POPUP */
/* IIS SEND MAIL POPUP */
.overl[data-popup="iis-mail"] {
position: fixed;
z-index: 9999;
background: rgba(0,0,0,.7);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.overl.active {
display: block!important;
}
.popup-send-mail {
display: none;
background-color: #fff;
max-width: 360px;
min-height: 216px;
width: 100%;
border-radius: 3px;
padding: 40px;
position: fixed;
z-index: 10000;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.popup-send-mail__close {
position: absolute;
cursor: pointer;
width: 22px;
height: 22px;
right: 12px;
top: 9px;
}
.popup-send-mail__input {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.popup-send-mail__btn {
display: block;
width: 100%;
text-align: center;
}
@media screen and (max-width: 543px) {
.popup-send-mail__input {
font-size: 14px;
}
.popup-send-mail__btn {
font-size: 14px;
}
.slick_slider_wrapper .slick-dots.six button {
width: 40px;
}
.slick_slider_wrapper .slick-dots.seven button {
width: 30px;
}
.slick_slider_wrapper .slick-dots.eight button {
width: 25px;
}
.slick_slider_wrapper .slick-dots.nine button {
width: 22px;
}
.slick_slider_wrapper .slick-dots.ten button {
width: 20px;
}
}
/* END IIS SEND MAIL POPUP */
/* FIX BUG MOBILE SCROLL */
@media screen and (max-width: 1280px) {
body .main_cont {
overflow: hidden;
}
}
/* END FIX BUG MOBILE SCROLL */
/* 15.04.2019 START iis mobile app */
.easy {
max-width: 1090px; padding: 0 15px; width: 100%; margin: 0 auto; margin-bottom: 60px;
}
.easy .iis-page__title {margin-bottom: 70px;}
.easy__wrap { margin: 0 -10px; display: flex; align-items: stretch;}
.easy__map {overflow: hidden;}
.easy__col {width: 48%; margin: 10px; flex-grow: 1;}
.easy__map {padding: 40px; position: relative; height: 100%; min-height: 300px; padding-top: 33px;}
.info__text {max-width: 360px; font-weight: 600; margin-bottom: 7px;}
.easy__info { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 100%; position: relative; z-index: 2; }
.easy__pointer {max-width: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 25px; }
.easy__pointer--margins { margin-top: 22px;}
.easy__image {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
.easy__image img {width: 100%; height: 100%; object-fit: cover;}
.pointer__link {background-color: #0e9800; transition: all 200ms; color: #ffffff; text-decoration: none; padding: 11px 20px; border-radius: 4px; display: block; margin-top: 48px;}
.easy a.pointer__link:hover { color: #ffffff; background-color: #11a600;}
.pointer__store {margin-bottom: 10px;}
.pointer__store:last-child {margin-bottom: 0;}
.info__blues {display: flex; flex-direction: column; margin-top: 19px;}
.easy__go {display: inline-block; color: #54a3e2; font-size: 18px; text-decoration: none; line-height: 21px; margin-bottom: 13px;}
.easy__go:hover {text-decoration: underline;}
.easy__map--grey {background-color: #f7f7f7;}
.easy__man {position: absolute;
width: 200px;
height: 275px;
top: auto;
left: auto;
bottom: 0;
right: 20px;
z-index: 0;}
@media screen and (max-width: 768px) {
.easy__wrap {flex-wrap: wrap;}
}
@media screen and (max-width: 420px) {
.easy__man {position: absolute;
right: 0px;
}
}
@media screen and (max-width: 360px) {
}
/* 15.04.2019 END */
.pif-detail-stucture-title {
font-size: 18px;
}
.pif-detail-stucture-title .underline-dashed {
font-weight: 400;
}
.footer_menu h3 {
font-size: 18px;
text-transform: uppercase;
color: #fff;
margin: 0;
}
.personal_cl, .corporate_cl, .about_cl {
height: auto!important;
}
.chat-ui-field__text textarea,
.chat-ui-textarea__input {
background: #fff!important;
}
.chat-retail-block p, .chat-retail-block div, .chat-retail-block span, .chat-retail-block label, .chat-retail-block a, .chat-retail-block li, .chat-retail-block input, .chat-retail-block textarea {
font-family: "Open Sans"!important;
}
@media (min-width: 543px) and (max-width: 1100px) {
.with-submenu__item {
align-items: flex-start;
}
.with-submenu__item.big-title .with-submenu__list .with-submenu__list-item:first-child {
padding-top: 25px;
}
}
.font-14 {
font-size: 14px;
}
.company-withslider .with_slider .slide {
width: 100%!important;
}
/*доработки в футере*/
footer .sberbank_group {
line-height: 25px;
}
footer .sberbank_group:last-child {
padding: 12px 0 13px 33px;
}
@media (max-width: 850px) {
footer .sberbank_group {
margin-bottom: 20px;
}
}
/*конец доработки в футере*/
/*СКРЫТЬ СОЦ. СЕТИ*/
.news_with-ico__icons,
footer .social_rm {
display: none!important;
}
/*КОНЕЦ СКРЫТЬ СОЦ. СЕТИ*/
/* End */
/* /local/templates/main/css/normalize.css?15507419149586 */
/* /local/templates/main/css/main.css?15507419148139 */
/* /local/templates/main/css/jquery-ui.min.css?15507419146017 */
/* /local/templates/main/css/mob_app.css?15507419149613 */
/* /local/templates/main/css/pif.css?155437188175929 */
/* /local/templates/main/css/pif_adaptive.css?155378179326914 */
/* /local/templates/main/css/managed_account.css?15507419144540 */
/* /local/templates/main/css/company.css?157598511124174 */
/* /local/templates/main/css/std_style.css?1575981202178059 */
/* /local/templates/main/css/personal_financial_planning.css?15507419145561 */
/* /local/templates/main/css/adaptive.css?156838026146141 */
/* /local/templates/main/css/andriodapp.css?15507419144860 */
/* /local/templates/main/css/company-news.css?157598497315712 */
/* /local/templates/main/css/registration.css?15669119594209 */
/* /local/templates/main/css/disclosure-adaptive.css?15529030867924 */
/* /local/templates/main/css/jquery.mCustomScrollbar.css?155074191453840 */
/* /local/templates/main/css/jquery.fancybox.css?15507419144317 */
/* /local/components/sberbankam/popup/templates/.default/style.css?155074192344 */
/* /local/templates/main/components/bitrix/menu/horizontal_adaptive/style.css?1550741912202 */
/* /local/components/sberbankam/fund.group/templates/adaptive/style.css?155074192236 */
/* /local/components/sberbankam/fund.group/templates/adaptive.etf/style.css?155074192236 */
/* /local/templates/main/components/bitrix/menu/horizontal_2017/style.css?15507419123039 */
/* /local/components/sberbankam/fund.group/templates/.default/style.css?155074192236 */
/* /local/components/sberbankam/fund.group/templates/etf/style.css?155074192236 */
/* /local/templates/main/styles.css?15507419133952 */
/* /local/templates/main/template_styles.css?157616192979135 */